/* Generated by .integration/build-native-css.mjs using isolated browser CSSOM.
 * Sources: [{"path":"public/360/assets/style-1.5.2.css","sha256":"48e50cd6b83fdbee9975f684e6e002f5baf35616432aff6b259ddb74836c1386"},{"path":"public/360/assets/project-font.css","sha256":"e2748639a54d6e445a18d580c2b88883827164e45247739beacd719097343a60"},{"path":"public/360/assets/project-shell.css","sha256":"ace541e3379791e448b4f1f1d2a87c1fcfdf015f678be8d330079697db578e90"},{"path":"public/360/assets/project-chrome.css","sha256":"a01b2fbfc0373a0dc31cad5a36bf941b242353d95c7a01a77807626091e73061"},{"path":"public/360/assets/parcel-presentation.css","sha256":"1f531e9f8b2171fc45be33af505f0a3ce1cf7538d912669d7c9589b34083392d"},{"path":"public/360/assets/finance.css","sha256":"584b06e5e126c1aa65cb9505209305bf149e75264055d5bd71fe3702dfd49c72"},{"path":"public/360/assets/bot.css","sha256":"a88b7e703f6189e9926c4b1221794214de136ce4a5723ea82f0d142e4b79f120"},{"path":"public/360/shell.css","sha256":"622753a8d6b4eb911d21989163b24489e5d0281b27e28729c271449fc94d96d0"}]
 * Proof: {"ruleCount":9693,"scopedCount":9063,"unscoped":0,"omittedPages":3,"animations":39,"properties":13,"themeSelectorCases":12,"nativeElementsUnchanged":6,"controlRadiusAtMost5":true}
 * Body SHA256: 0b4f207c19c8f2ce50f57097b9d353060e6329323a1f81b2fe8c0024d2de0b77
 */
/* public/360/assets/style-1.5.2.css */
@layer friend-page.properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
.friend-page-host *, .friend-page-host ::before, .friend-page-host ::after, .friend-page-host ::backdrop { --friend-page-tw-blur: initial; --friend-page-tw-brightness: initial; --friend-page-tw-contrast: initial; --friend-page-tw-grayscale: initial; --friend-page-tw-hue-rotate: initial; --friend-page-tw-invert: initial; --friend-page-tw-opacity: initial; --friend-page-tw-saturate: initial; --friend-page-tw-sepia: initial; --friend-page-tw-drop-shadow: initial; --friend-page-tw-drop-shadow-color: initial; --friend-page-tw-drop-shadow-alpha: 100%; --friend-page-tw-drop-shadow-size: initial; }
}
}
@layer friend-page.theme {
.friend-page-host, .friend-page-host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --spacing: .25rem; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }
}
@layer friend-page.base {
.friend-page-host *, .friend-page-host ::after, .friend-page-host ::before, .friend-page-host ::backdrop { box-sizing: border-box; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host ::file-selector-button { box-sizing: border-box; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host, .friend-page-host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
.friend-page-host hr { height: 0px; color: inherit; border-top-width: 1px; }
.friend-page-host abbr:where([title]) { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: dotted; text-decoration-color: initial; }
.friend-page-host h1, .friend-page-host h2, .friend-page-host h3, .friend-page-host h4, .friend-page-host h5, .friend-page-host h6 { font-size: inherit; font-weight: inherit; }
.friend-page-host a { color: inherit; text-decoration-line: inherit; text-decoration-thickness: inherit; text-decoration-style: inherit; text-decoration-color: inherit; }
.friend-page-host b, .friend-page-host strong { font-weight: bolder; }
.friend-page-host code, .friend-page-host kbd, .friend-page-host samp, .friend-page-host pre { font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; }
.friend-page-host small { font-size: 80%; }
.friend-page-host sub, .friend-page-host sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
.friend-page-host sub { bottom: -0.25em; }
.friend-page-host sup { top: -0.5em; }
.friend-page-host table { text-indent: 0px; border-top-color: inherit; border-right-color: inherit; border-bottom-color: inherit; border-left-color: inherit; border-collapse: collapse; }
.friend-page-host progress { vertical-align: baseline; }
.friend-page-host summary { display: list-item; }
.friend-page-host ol, .friend-page-host ul, .friend-page-host menu { list-style-position: initial; list-style-image: initial; list-style-type: none; }
.friend-page-host img, .friend-page-host svg, .friend-page-host video, .friend-page-host canvas, .friend-page-host audio, .friend-page-host iframe, .friend-page-host embed, .friend-page-host object { vertical-align: middle; display: block; }
.friend-page-host img, .friend-page-host video { max-width: 100%; height: auto; }
.friend-page-host button, .friend-page-host input, .friend-page-host select, .friend-page-host optgroup, .friend-page-host textarea { font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-language-override: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host ::file-selector-button { font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-language-override: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
.friend-page-host :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
.friend-page-host ::file-selector-button { margin-inline-end: 4px; }
.friend-page-host ::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
.friend-page-host ::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab, red, red)) {
.friend-page-host ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
.friend-page-host textarea { resize: vertical; }
.friend-page-host ::-webkit-search-decoration { appearance: none; }
.friend-page-host ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
.friend-page-host ::-webkit-datetime-edit { display: inline-flex; }
.friend-page-host ::-webkit-datetime-edit-fields-wrapper { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host ::-webkit-datetime-edit { padding-block-start: 0px; padding-block-end: 0px; }
.friend-page-host ::-webkit-datetime-edit-year-field { padding-block-start: 0px; padding-block-end: 0px; }
.friend-page-host ::-webkit-datetime-edit-month-field { padding-block-start: 0px; padding-block-end: 0px; }
.friend-page-host ::-webkit-datetime-edit-day-field { padding-block-start: 0px; padding-block-end: 0px; }
.friend-page-host ::-webkit-datetime-edit-hour-field { padding-block-start: 0px; padding-block-end: 0px; }
.friend-page-host ::-webkit-datetime-edit-minute-field { padding-block-start: 0px; padding-block-end: 0px; }
.friend-page-host ::-webkit-datetime-edit-second-field { padding-block-start: 0px; padding-block-end: 0px; }
.friend-page-host ::-webkit-datetime-edit-millisecond-field { padding-block-start: 0px; padding-block-end: 0px; }
.friend-page-host ::-webkit-datetime-edit-meridiem-field { padding-block-start: 0px; padding-block-end: 0px; }
.friend-page-host ::-webkit-calendar-picker-indicator { line-height: 1; }
.friend-page-host button, .friend-page-host input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
.friend-page-host ::file-selector-button { appearance: button; }
.friend-page-host ::-webkit-inner-spin-button { height: auto; }
.friend-page-host ::-webkit-outer-spin-button { height: auto; }
.friend-page-host [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer friend-page.components;
@layer friend-page.utilities {
.friend-page-host .visible { visibility: visible; }
.friend-page-host .relative { position: relative; }
.friend-page-host .static { position: static; }
.friend-page-host .start { inset-inline-start: var(--spacing); }
.friend-page-host .end { inset-inline-end: var(--spacing); }
.friend-page-host .block { display: block; }
.friend-page-host .flex { display: flex; }
.friend-page-host .grid { display: grid; }
.friend-page-host .hidden { display: none; }
.friend-page-host .inline { display: inline; }
.friend-page-host .table { display: table; }
.friend-page-host .resize { resize: both; }
.friend-page-host .blur { --friend-page-tw-blur: blur(8px); filter: var(--friend-page-tw-blur,) var(--friend-page-tw-brightness,) var(--friend-page-tw-contrast,) var(--friend-page-tw-grayscale,) var(--friend-page-tw-hue-rotate,) var(--friend-page-tw-invert,) var(--friend-page-tw-saturate,) var(--friend-page-tw-sepia,) var(--friend-page-tw-drop-shadow,); }
}
.friend-page-host { --green: #5a8c00; --green-2: #00503c; --forest: #002d28; --lime: #c2d352; --gold: #ffb400; --ink: #111; --muted: #8c8c8c; --line: #e6e6e6; --canvas: #f5f5f5; --white: #fff; }
.friend-page-host * { box-sizing: border-box; }
.friend-page-host { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host { color: var(--ink); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.friend-page-host button, .friend-page-host input { font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; }
.friend-page-host button { cursor: pointer; }
.friend-page-host .app-shell { min-height: 100vh; }
.friend-page-host .sidebar { color: rgb(255, 255, 255); z-index: 30; background-image: linear-gradient(165deg, rgb(21, 62, 51) 0%, rgb(16, 47, 40) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; flex-direction: column; width: 254px; padding-top: 28px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; display: flex; position: fixed; top: 0px; right: auto; bottom: 0px; left: 0px; }
.friend-page-host .brand { align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 0px; padding-right: 8px; padding-bottom: 30px; padding-left: 8px; display: flex; }
.friend-page-host .brand-mark { color: rgb(224, 189, 120); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.08); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.28); border-right-color: rgba(255, 255, 255, 0.28); border-bottom-color: rgba(255, 255, 255, 0.28); border-left-color: rgba(255, 255, 255, 0.28); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 40px; height: 40px; font-family: Georgia, serif; font-size: 24px; display: grid; }
.friend-page-host .brand strong { letter-spacing: 0.2px; font-family: Georgia, serif; font-size: 17px; font-weight: 600; }
.friend-page-host .brand small { color: rgb(158, 181, 173); letter-spacing: 1.8px; margin-top: 3px; font-size: 8px; display: block; }
.friend-page-host .side-nav { row-gap: 5px; column-gap: 5px; display: grid; }
.friend-page-host .side-nav button { color: rgb(185, 202, 196); text-align: left; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; row-gap: 13px; column-gap: 13px; padding-top: 12px; padding-right: 13px; padding-bottom: 12px; padding-left: 13px; font-size: 13px; font-weight: 560; transition-behavior: normal; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; transition-property: all; display: flex; }
.friend-page-host .nav-icon { text-align: center; color: rgb(211, 222, 217); width: 20px; font-size: 18px; }
.friend-page-host .sidebar-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.055); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(227, 196, 128, 0.22); border-right-color: rgba(227, 196, 128, 0.22); border-bottom-color: rgba(227, 196, 128, 0.22); border-left-color: rgba(227, 196, 128, 0.22); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: auto; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .sidebar-card span { color: rgb(214, 182, 109); letter-spacing: 1.4px; font-size: 9px; }
.friend-page-host .sidebar-card strong { margin-top: 8px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; font-size: 13px; display: block; }
.friend-page-host .sidebar-card p { color: rgb(168, 190, 182); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; }
.friend-page-host .sidebar-card button { color: rgb(255, 255, 255); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; }
.friend-page-host .profile-mini { border-top-width: 1px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.09); align-items: center; row-gap: 10px; column-gap: 10px; margin-top: 18px; padding-top: 17px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; display: flex; }
.friend-page-host .profile-mini > span { color: rgb(24, 58, 49); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(211, 170, 93); border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); align-items: center; justify-items: center; width: 34px; height: 34px; font-size: 11px; font-weight: 800; display: grid; }
.friend-page-host .profile-mini div { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; }
.friend-page-host .profile-mini strong { font-size: 11px; display: block; }
.friend-page-host .profile-mini small { color: rgb(145, 169, 161); font-size: 9px; }
.friend-page-host .profile-mini button { color: rgb(152, 170, 164); cursor: pointer; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; line-height: 1; }
.friend-page-host .workspace { min-height: 100vh; padding-left: 254px; }
.friend-page-host .topbar { backdrop-filter: blur(16px); border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; z-index: 20; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.9); align-items: center; row-gap: 24px; column-gap: 24px; height: 76px; padding-top: 0px; padding-right: 34px; padding-bottom: 0px; padding-left: 34px; display: flex; position: sticky; top: 0px; }
.friend-page-host .mobile-brand { display: none; }
.friend-page-host .global-search { color: rgb(154, 160, 155); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 248, 245); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(222, 222, 216); border-right-color: rgb(222, 222, 216); border-bottom-color: rgb(222, 222, 216); border-left-color: rgb(222, 222, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; row-gap: 9px; column-gap: 9px; width: min(440px, 45vw); padding-top: 10px; padding-right: 13px; padding-bottom: 10px; padding-left: 13px; display: flex; }
.friend-page-host .global-search input { color: rgb(57, 65, 61); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; outline-color: initial; outline-style: initial; outline-width: 0px; width: 100%; font-size: 12px; }
.friend-page-host .top-actions { row-gap: 9px; column-gap: 9px; margin-left: auto; display: flex; }
.friend-page-host .top-actions button, .friend-page-host .panel-head > button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 10px; padding-right: 13px; padding-bottom: 10px; padding-left: 13px; font-size: 11px; font-weight: 650; }
.friend-page-host .ghost-btn, .friend-page-host .panel-head > button { color: rgb(89, 96, 92); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(222, 222, 216); border-right-color: rgb(222, 222, 216); border-bottom-color: rgb(222, 222, 216); border-left-color: rgb(222, 222, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .primary-btn { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); box-shadow: rgba(23, 63, 52, 0.18) 0px 6px 18px; }
.friend-page-host .page-content { max-width: none; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 30px; padding-right: 34px; padding-bottom: 50px; padding-left: 34px; box-sizing: border-box; }
.friend-page-host .page-heading { justify-content: space-between; align-items: flex-end; margin-bottom: 23px; display: flex; }
.friend-page-host .page-heading p, .friend-page-host .panel-head p { color: rgb(160, 128, 68); letter-spacing: 1.5px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; font-size: 8px; font-weight: 700; }
.friend-page-host .page-heading h1 { color: rgb(37, 48, 43); margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: Georgia, serif; font-size: 30px; font-weight: 600; }
.friend-page-host .mobile-add { display: none; }
.friend-page-host .summary-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); row-gap: 13px; column-gap: 13px; margin-bottom: 15px; display: grid; }
.friend-page-host .summary-card { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 0px; padding-top: 17px; padding-right: 18px; padding-bottom: 17px; padding-left: 18px; position: relative; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .summary-card::after { content: ""; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; height: 3px; position: absolute; top: auto; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .summary-top { color: rgb(124, 131, 127); justify-content: space-between; align-items: center; font-size: 10px; display: flex; }
.friend-page-host .summary-top i { color: var(--accent); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 245, 241); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 22px; height: 22px; font-style: normal; display: grid; }
.friend-page-host .summary-card > strong { white-space-collapse: collapse; text-wrap-mode: nowrap; margin-top: 13px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; font-family: Georgia, serif; font-size: 21px; font-weight: 600; display: block; }
.friend-page-host .summary-card > small { color: rgb(141, 148, 143); font-size: 9px; }
.friend-page-host .dashboard-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 15px; column-gap: 15px; margin-bottom: 15px; display: grid; }
.friend-page-host .panel { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 19px; padding-right: 20px; padding-bottom: 19px; padding-left: 20px; }
.friend-page-host .panel-head { justify-content: space-between; align-items: flex-start; display: flex; }
.friend-page-host .panel-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Georgia, serif; font-size: 17px; font-weight: 600; }
.friend-page-host .panel-head > button { padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; font-size: 9px; }
.friend-page-host .chart-area { justify-content: space-around; align-items: center; row-gap: 35px; column-gap: 35px; min-height: 185px; padding-top: 15px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; display: flex; }
.friend-page-host .donut { background-image: conic-gradient(rgb(49, 95, 80) 0deg, rgb(49, 95, 80) 33%, rgb(211, 169, 89) 33%, rgb(211, 169, 89) 83%, rgb(156, 174, 170) 83%, rgb(156, 174, 170) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; align-items: center; justify-items: center; width: 143px; height: 143px; display: grid; position: relative; }
.friend-page-host .donut::after { content: ""; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; width: 94px; height: 94px; position: absolute; }
.friend-page-host .donut div { z-index: 1; text-align: center; }
.friend-page-host .donut strong { font-family: Georgia, serif; font-size: 26px; display: block; }
.friend-page-host .donut span { color: rgb(139, 146, 142); font-size: 9px; }
.friend-page-host .legend { row-gap: 3px; column-gap: 3px; min-width: 190px; display: grid; }
.friend-page-host .legend > div { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(239, 238, 233); justify-content: space-between; padding-top: 11px; padding-right: 0px; padding-bottom: 11px; padding-left: 0px; font-size: 11px; display: flex; }
.friend-page-host .legend > div > span { color: rgb(111, 118, 114); align-items: center; display: flex; }
.friend-page-host .legend small { color: rgb(149, 155, 151); margin-left: 5px; font-weight: 400; }
.friend-page-host .dot { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; width: 8px; height: 8px; margin-right: 8px; }
.friend-page-host .trend { color: rgb(45, 116, 92); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 246, 241); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 6px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; font-size: 9px; }
.friend-page-host .profit-number { justify-content: space-between; align-items: flex-end; margin-top: 27px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; display: flex; }
.friend-page-host .profit-number span { color: rgb(133, 139, 135); font-size: 10px; }
.friend-page-host .profit-number strong { font-family: Georgia, serif; font-size: 23px; }
.friend-page-host .mini-bars { background-image: repeating-linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255) 28px, rgb(241, 240, 235) 29px); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(232, 231, 226); align-items: flex-end; row-gap: 6px; column-gap: 6px; height: 88px; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; display: flex; }
.friend-page-host .mini-bars i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(185, 201, 195); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 4px; display: block; }
.friend-page-host .profit-footer { justify-content: space-between; row-gap: 10px; column-gap: 10px; padding-top: 15px; display: flex; }
.friend-page-host .profit-footer span { color: rgb(139, 145, 142); align-items: center; row-gap: 5px; column-gap: 5px; font-size: 8px; display: flex; }
.friend-page-host .profit-footer i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(128, 149, 142); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; width: 6px; height: 6px; }
.friend-page-host .profit-footer strong { color: rgb(63, 71, 67); font-size: 9px; }
.friend-page-host .records-panel { padding-bottom: 9px; }
.friend-page-host .link-btn { color: rgb(49, 95, 80) !important; background-image: initial !important; background-position-x: 0px !important; background-position-y: 0px !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; font-size: 10px !important; }
.friend-page-host .table-wrap { margin-top: 13px; margin-right: -20px; margin-bottom: 0px; margin-left: -20px; overflow-x: auto; }
.friend-page-host .table-wrap table { border-collapse: collapse; width: 100%; min-width: 820px; }
.friend-page-host .table-wrap th { text-align: left; letter-spacing: 0.7px; text-transform: uppercase; color: rgb(154, 159, 155); border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; font-size: 8px; font-weight: 650; }
.friend-page-host .table-wrap td { color: rgb(85, 94, 89); white-space-collapse: collapse; text-wrap-mode: nowrap; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(240, 239, 235); padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; font-size: 10px; }
.friend-page-host .table-wrap td:first-child strong, .friend-page-host .table-wrap td:first-child span { display: block; }
.friend-page-host .table-wrap td:first-child strong { color: rgb(47, 57, 52); font-size: 11px; }
.friend-page-host .table-wrap td:first-child span { color: rgb(155, 160, 157); margin-top: 2px; font-size: 8px; }
.friend-page-host .person-cell { color: rgb(49, 95, 80); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 241, 237); border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); align-items: center; justify-items: center; width: 24px; height: 24px; margin-right: 7px; font-size: 7px; font-weight: 750; display: inline-grid; }
.friend-page-host .status { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 8px; font-weight: 650; display: inline-flex; }
.friend-page-host .status.portföyde { color: rgb(38, 113, 88); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 245, 239); }
.friend-page-host .table-wrap td:last-child button { color: rgb(69, 97, 87); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 245, 241); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 24px; height: 24px; }
.friend-page-host .mobile-nav { display: none; }
@media (width <= 1050px) {
.friend-page-host .summary-grid { grid-template-columns: repeat(2, 1fr); }
.friend-page-host .dashboard-grid { grid-template-columns: 1fr; }
.friend-page-host .records-panel { margin-bottom: 70px; }
}
@media (width <= 760px) {
.friend-page-host .sidebar { display: none; }
.friend-page-host .workspace { padding-left: 0px; }
.friend-page-host .topbar { row-gap: 12px; column-gap: 12px; height: 64px; padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; }
.friend-page-host .mobile-brand { align-items: center; row-gap: 8px; column-gap: 8px; display: flex; }
.friend-page-host .mobile-brand .brand-mark { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: rgb(216, 216, 208); border-right-color: rgb(216, 216, 208); border-bottom-color: rgb(216, 216, 208); border-left-color: rgb(216, 216, 208); width: 32px; height: 32px; font-size: 18px; }
.friend-page-host .mobile-brand strong { font-family: Georgia, serif; font-size: 14px; }
.friend-page-host .global-search { align-items: center; justify-items: center; width: 38px; height: 38px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; }
.friend-page-host .global-search input, .friend-page-host .top-actions { display: none; }
.friend-page-host .page-content { padding-top: 22px; padding-right: 15px; padding-bottom: 28px; padding-left: 15px; }
.friend-page-host .page-heading { align-items: center; margin-bottom: 18px; }
.friend-page-host .page-heading p { display: none; }
.friend-page-host .page-heading h1 { font-size: 25px; }
.friend-page-host .page-heading span { font-size: 10px; }
.friend-page-host .mobile-add { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 42px; height: 42px; font-size: 21px; display: grid; }
.friend-page-host .summary-grid { scroll-snap-type: x mandatory; scrollbar-width: none; row-gap: 10px; column-gap: 10px; margin-left: -15px; margin-right: -15px; padding-top: 0px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; display: flex; overflow-x: auto; }
.friend-page-host .summary-card { scroll-snap-align: start; min-width: 215px; }
.friend-page-host .dashboard-grid { display: block; }
.friend-page-host .panel { margin-bottom: 12px; padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; }
.friend-page-host .chart-area { row-gap: 20px; column-gap: 20px; min-height: 160px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .donut { flex-grow: 0; flex-shrink: 0; flex-basis: 120px; width: 120px; height: 120px; }
.friend-page-host .donut::after { width: 78px; height: 78px; }
.friend-page-host .donut strong { font-size: 22px; }
.friend-page-host .legend { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; }
.friend-page-host .legend > div { font-size: 9px; }
.friend-page-host .profit-panel { min-height: 290px; }
.friend-page-host .records-panel { padding-bottom: 0px; }
.friend-page-host .records-panel .panel-head { align-items: center; }
.friend-page-host .table-wrap { margin-top: 12px; margin-right: -17px; margin-bottom: 0px; margin-left: -17px; overflow-x: visible; overflow-y: visible; }
.friend-page-host .table-wrap table, .friend-page-host .table-wrap thead, .friend-page-host .table-wrap tbody, .friend-page-host .table-wrap tr, .friend-page-host .table-wrap td { display: block; }
.friend-page-host .table-wrap table { min-width: 0px; }
.friend-page-host .table-wrap thead { display: none; }
.friend-page-host .table-wrap tr { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(238, 237, 232); grid-template-columns: 1fr 1fr; row-gap: 7px; column-gap: 7px; padding-top: 14px; padding-right: 45px; padding-bottom: 14px; padding-left: 17px; display: grid; position: relative; }
.friend-page-host .table-wrap td { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 9px; }
.friend-page-host .table-wrap td:first-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .table-wrap td:nth-child(4) { display: none; }
.friend-page-host .table-wrap td:nth-child(5) { position: absolute; top: 14px; right: 14px; }
.friend-page-host .table-wrap td:nth-child(6) { font-size: 11px; }
.friend-page-host .table-wrap td:nth-child(7) { position: absolute; bottom: 13px; right: 14px; }
.friend-page-host .mobile-nav { backdrop-filter: blur(15px); z-index: 40; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.96); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(222, 222, 216); grid-template-columns: repeat(7, minmax(0px, 1fr)); align-items: stretch; display: grid; position: fixed; top: auto; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .mobile-nav button { color: rgb(138, 144, 140); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; align-items: center; justify-items: center; row-gap: 1px; column-gap: 1px; min-width: 0px; padding-top: 4px; padding-right: 1px; padding-bottom: 4px; padding-left: 1px; font-size: 7px; line-height: 1.1; display: grid; }
.friend-page-host .mobile-nav button span { font-size: 16px; line-height: 1; }
.friend-page-host .mobile-nav button.active { color: var(--green); font-weight: 700; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.08); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
}
@media (width <= 390px) {
.friend-page-host .page-heading span { max-width: 220px; display: block; }
.friend-page-host .chart-area { row-gap: 12px; column-gap: 12px; }
.friend-page-host .donut { flex-basis: 105px; width: 105px; height: 105px; }
.friend-page-host .donut::after { width: 68px; height: 68px; }
.friend-page-host .legend > div { padding-top: 9px; padding-right: 0px; padding-bottom: 9px; padding-left: 0px; }
.friend-page-host .profit-footer { flex-direction: column; }
}
.friend-page-host select, .friend-page-host textarea { font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; }
.friend-page-host .view-stack { row-gap: 15px; column-gap: 15px; display: grid; }
.friend-page-host .demo-banner { color: rgb(110, 97, 63); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 249, 235); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(234, 217, 173); border-right-color: rgb(234, 217, 173); border-bottom-color: rgb(234, 217, 173); border-left-color: rgb(234, 217, 173); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 20px; column-gap: 20px; margin-bottom: 16px; padding-top: 10px; padding-right: 13px; padding-bottom: 10px; padding-left: 13px; font-size: 10px; display: flex; }
.friend-page-host .demo-banner button { color: rgb(140, 103, 40); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; font-size: 10px; font-weight: 750; }
.friend-page-host .loading-list { text-align: center; color: rgb(133, 141, 136); padding-top: 45px; padding-right: 20px; padding-bottom: 45px; padding-left: 20px; font-size: 11px; }
.friend-page-host .legend button { text-align: left; color: rgb(89, 97, 93); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(239, 238, 233); justify-content: space-between; align-items: center; padding-top: 11px; padding-right: 0px; padding-bottom: 11px; padding-left: 0px; display: flex; }
.friend-page-host .legend button > span { align-items: center; font-size: 11px; display: flex; }
.friend-page-host .legend button small { color: rgb(149, 155, 151); margin-left: 6px; font-weight: 400; }
.friend-page-host .responsive-table tbody tr, .friend-page-host .report-table tbody tr { cursor: pointer; transition-behavior: normal; transition-duration: 0.16s; transition-timing-function: ease; transition-delay: 0s; transition-property: background; }
.friend-page-host .parcel-tag { color: rgb(55, 84, 74); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 243, 239); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; font-size: 9px; display: inline-flex; }
.friend-page-host .responsive-table td:nth-child(7) > span { color: rgb(155, 161, 157); margin-top: 2px; font-size: 8px; display: block; }
.friend-page-host .tool-row { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: flex-end; padding-top: 13px; padding-right: 15px; padding-bottom: 13px; padding-left: 15px; display: flex; }
.friend-page-host .filter-set { flex-wrap: wrap; row-gap: 10px; column-gap: 10px; display: flex; }
.friend-page-host .filter-set label { row-gap: 4px; column-gap: 4px; display: grid; }
.friend-page-host .filter-set label > span { color: rgb(146, 152, 147); text-transform: uppercase; letter-spacing: 0.6px; font-size: 8px; }
.friend-page-host .filter-set select { color: rgb(71, 80, 75); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 250, 247); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 225, 218); border-right-color: rgb(223, 225, 218); border-bottom-color: rgb(223, 225, 218); border-left-color: rgb(223, 225, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; min-width: 145px; padding-top: 8px; padding-right: 28px; padding-bottom: 8px; padding-left: 9px; font-size: 10px; }
.friend-page-host .result-count { color: rgb(141, 147, 143); font-size: 10px; }
.friend-page-host .property-list-panel { padding-bottom: 7px; }
.friend-page-host .property-list-panel .table-wrap { margin-top: -4px; }
.friend-page-host .empty-state { text-align: center; align-items: center; justify-items: center; padding-top: 55px; padding-right: 20px; padding-bottom: 55px; padding-left: 20px; display: grid; }
.friend-page-host .empty-state > span { color: rgb(40, 85, 68); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 242, 238); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 50px; height: 50px; font-size: 24px; display: grid; }
.friend-page-host .empty-state h3 { margin-top: 14px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: Georgia, serif; font-size: 18px; }
.friend-page-host .empty-state p { color: rgb(133, 140, 136); max-width: 360px; margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; font-size: 10px; line-height: 1.7; }
.friend-page-host .empty-state button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; }
.friend-page-host .people-overview { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: repeat(4, 1fr); display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .people-overview > div { border-right-width: ; border-right-style: ; border-right-color: ; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; }
.friend-page-host .people-overview > div:last-child { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .people-overview strong { font-family: Georgia, serif; font-size: 23px; display: block; }
.friend-page-host .people-overview span { color: rgb(133, 140, 136); font-size: 9px; }
.friend-page-host .people-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 13px; column-gap: 13px; display: grid; }
.friend-page-host .person-card { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; cursor: pointer; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; transition-behavior: normal, normal, normal; transition-duration: 0.18s, 0.18s, 0.18s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: transform, border-color, box-shadow; }
.friend-page-host .person-card:hover { border-top-color: rgb(207, 215, 209); border-right-color: rgb(207, 215, 209); border-bottom-color: rgb(207, 215, 209); border-left-color: rgb(207, 215, 209); transform: translateY(-2px); box-shadow: rgba(34, 55, 47, 0.07) 0px 12px 28px; }
.friend-page-host .person-card-head { align-items: center; row-gap: 11px; column-gap: 11px; display: flex; }
.friend-page-host .large-avatar { color: rgb(40, 84, 67); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 239, 234); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 42px; height: 42px; font-size: 11px; font-weight: 800; display: grid; }
.friend-page-host .person-card-head > div { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; }
.friend-page-host .person-card h3 { margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; font-family: Georgia, serif; font-size: 15px; }
.friend-page-host .person-card p { color: rgb(148, 128, 92); white-space-collapse: collapse; text-wrap-mode: nowrap; text-overflow: ellipsis; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 8px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .person-card-head button { color: rgb(80, 112, 101); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 244, 240); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 26px; height: 26px; }
.friend-page-host .person-card-contact { color: rgb(123, 131, 126); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(240, 239, 235); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(240, 239, 235); row-gap: 4px; column-gap: 4px; margin-top: 14px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; padding-top: 11px; padding-right: 0px; padding-bottom: 11px; padding-left: 0px; font-size: 9px; display: grid; }
.friend-page-host .person-card-stats { color: rgb(141, 148, 143); justify-content: space-between; row-gap: 10px; column-gap: 10px; font-size: 8px; display: flex; }
.friend-page-host .person-card-stats strong { color: rgb(51, 66, 59); margin-bottom: 2px; font-size: 10px; display: block; }
.friend-page-host .transaction-summary { margin-bottom: 0px; }
.friend-page-host .timeline { margin-top: 16px; display: grid; }
.friend-page-host .timeline > button { text-align: left; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(238, 237, 232); grid-template-columns: 70px minmax(0px, 1fr) auto; align-items: center; row-gap: 17px; column-gap: 17px; padding-top: 15px; padding-right: 7px; padding-bottom: 15px; padding-left: 31px; display: grid; position: relative; }
.friend-page-host .timeline > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 250, 247); }
.friend-page-host .timeline > button > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(201, 162, 85); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); width: 9px; height: 9px; position: absolute; top: 50%; left: 9px; box-shadow: rgb(232, 216, 183) 0px 0px 0px 2px; }
.friend-page-host .timeline > button:not(:last-child)::after { content: ""; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(229, 222, 208); width: 1px; height: calc(100% + 1px); position: absolute; top: 50%; left: 13px; }
.friend-page-host .timeline time { color: rgb(139, 146, 142); font-size: 9px; }
.friend-page-host .timeline > button > div:first-of-type strong { color: rgb(52, 64, 58); font-size: 11px; display: block; }
.friend-page-host .timeline > button > div:first-of-type span { color: rgb(149, 155, 151); margin-top: 3px; font-size: 8px; display: block; }
.friend-page-host .timeline-money { text-align: right; }
.friend-page-host .timeline-money strong { font-family: Georgia, serif; font-size: 13px; display: block; }
.friend-page-host .timeline-money span { color: rgb(63, 117, 95); font-size: 8px; }
.friend-page-host .report-hero { color: rgb(255, 255, 255); background-image: linear-gradient(135deg, rgb(23, 63, 52), rgb(40, 88, 73)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 25px; column-gap: 25px; padding-top: 25px; padding-right: 28px; padding-bottom: 25px; padding-left: 28px; display: flex; box-shadow: rgba(23, 63, 52, 0.13) 0px 13px 28px; }
.friend-page-host .report-hero p { letter-spacing: 1.4px; color: rgb(221, 185, 111); margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; font-size: 8px; }
.friend-page-host .report-hero h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; font-family: Georgia, serif; font-size: 23px; }
.friend-page-host .report-hero span { color: rgb(185, 202, 196); font-size: 10px; }
.friend-page-host .report-hero button { color: rgb(23, 63, 52); white-space-collapse: collapse; text-wrap-mode: nowrap; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(208, 164, 84); border-top-color: rgb(208, 164, 84); border-right-color: rgb(208, 164, 84); border-bottom-color: rgb(208, 164, 84); border-left-color: rgb(208, 164, 84); }
.friend-page-host .report-table { padding-bottom: 7px; }
.friend-page-host .report-table .table-wrap { margin-top: 12px; }
.friend-page-host .report-table td:first-child { align-items: center; display: flex; }
.friend-page-host .location-grid { grid-template-columns: repeat(3, 1fr); row-gap: 13px; column-gap: 13px; display: grid; }
.friend-page-host .location-grid article > p { color: rgb(157, 123, 63); letter-spacing: 1.2px; margin-top: 0px; margin-right: 0px; margin-bottom: 9px; margin-left: 0px; font-size: 8px; }
.friend-page-host .location-grid h3 { margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; font-family: Georgia, serif; font-size: 17px; }
.friend-page-host .location-grid article > strong { font-family: Georgia, serif; font-size: 21px; display: block; }
.friend-page-host .location-grid article > span { color: rgb(110, 119, 114); margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; font-size: 10px; display: block; }
.friend-page-host .location-grid article > small { color: rgb(148, 155, 150); font-size: 8px; }
.friend-page-host .modal-backdrop { backdrop-filter: blur(4px); z-index: 100; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(12, 27, 22, 0.56); align-items: center; justify-items: center; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; display: grid; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .modal { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 248, 245); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-direction: column; width: min(940px, 96vw); max-height: min(92vh, 900px); display: flex; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(0, 0, 0, 0.26) 0px 28px 80px; }
.friend-page-host .modal-head { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); justify-content: space-between; align-items: center; padding-top: 20px; padding-right: 23px; padding-bottom: 20px; padding-left: 23px; display: flex; }
.friend-page-host .modal-head p { color: rgb(160, 128, 68); letter-spacing: 1.3px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 8px; font-weight: 750; }
.friend-page-host .modal-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Georgia, serif; font-size: 21px; }
.friend-page-host .modal-head > button { color: rgb(82, 96, 90); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 243, 239); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 32px; height: 32px; font-size: 20px; }
.friend-page-host .modal-scroll { padding-top: 0px; padding-right: 23px; padding-bottom: 0px; padding-left: 23px; overflow-y: auto; }
.friend-page-host .form-section { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; padding-top: 21px; padding-right: 0px; padding-bottom: 21px; padding-left: 0px; }
.friend-page-host .form-section:last-child { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .section-label { align-items: center; row-gap: 10px; column-gap: 10px; margin-bottom: 16px; display: flex; }
.friend-page-host .section-label i { color: rgb(49, 92, 76); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 239, 234); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 28px; height: 28px; font-size: 8px; font-style: normal; font-weight: 800; display: grid; }
.friend-page-host .section-label strong { font-family: Georgia, serif; font-size: 14px; display: block; }
.friend-page-host .section-label span { color: rgb(146, 152, 148); font-size: 8px; }
.friend-page-host .form-grid { grid-template-columns: repeat(3, 1fr); row-gap: 12px; column-gap: 12px; display: grid; }
.friend-page-host .person-modal .form-grid { grid-template-columns: repeat(2, 1fr); }
.friend-page-host .field { row-gap: 6px; column-gap: 6px; display: grid; }
.friend-page-host .field.full { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .field > span { letter-spacing: 0.3px; color: rgb(104, 112, 108); text-transform: uppercase; font-size: 8px; font-weight: 700; }
.friend-page-host .field > span b { color: rgb(184, 123, 109); margin-left: 3px; }
.friend-page-host .field input, .friend-page-host .field select, .friend-page-host .field textarea { color: rgb(53, 64, 57); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(219, 221, 214); border-right-color: rgb(219, 221, 214); border-bottom-color: rgb(219, 221, 214); border-left-color: rgb(219, 221, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: none; outline-width: initial; width: 100%; padding-top: 10px; padding-right: 11px; padding-bottom: 10px; padding-left: 11px; font-size: 10px; transition-behavior: normal, normal; transition-duration: 0.15s, 0.15s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: border-color, box-shadow; }
.friend-page-host .field input:focus, .friend-page-host .field select:focus, .friend-page-host .field textarea:focus { border-top-color: rgb(110, 145, 132); border-right-color: rgb(110, 145, 132); border-bottom-color: rgb(110, 145, 132); border-left-color: rgb(110, 145, 132); box-shadow: rgba(49, 95, 80, 0.08) 0px 0px 0px 3px; }
.friend-page-host .field textarea { resize: vertical; min-height: 82px; line-height: 1.6; }
.friend-page-host .live-calc { grid-template-columns: 1fr 1fr; row-gap: 10px; column-gap: 10px; margin-top: 13px; display: grid; }
.friend-page-host .live-calc > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 243, 239); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 232, 225); border-right-color: rgb(220, 232, 225); border-bottom-color: rgb(220, 232, 225); border-left-color: rgb(220, 232, 225); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; }
.friend-page-host .live-calc small { color: rgb(114, 128, 122); margin-bottom: 4px; font-size: 8px; display: block; }
.friend-page-host .live-calc strong { color: rgb(36, 77, 62); font-family: Georgia, serif; font-size: 15px; }
.friend-page-host .live-calc .negative { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); border-top-color: rgb(240, 216, 210); border-right-color: rgb(240, 216, 210); border-bottom-color: rgb(240, 216, 210); border-left-color: rgb(240, 216, 210); }
.friend-page-host .live-calc .negative strong { color: rgb(154, 79, 64); }
.friend-page-host .modal-actions { border-top-width: ; border-top-style: ; border-top-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); justify-content: flex-end; row-gap: 9px; column-gap: 9px; padding-top: 14px; padding-right: 23px; padding-bottom: 14px; padding-left: 23px; display: flex; }
.friend-page-host .modal-actions button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; font-size: 10px; font-weight: 700; }
.friend-page-host .modal-actions button:disabled { opacity: 0.6; cursor: wait; }
.friend-page-host .person-form-avatar { align-items: center; row-gap: 10px; column-gap: 10px; padding-top: 20px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; font-family: Georgia, serif; font-size: 20px; display: flex; }
.friend-page-host .person-form-avatar::first-letter { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 239, 234); }
.friend-page-host .person-form-avatar span { color: rgb(111, 120, 115); font-family: inherit; font-size: 12px; }
.friend-page-host .detail-drawer { z-index: 91; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 248, 245); flex-direction: column; width: min(450px, 94vw); animation-duration: 0.22s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--drawer-in; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; display: flex; position: fixed; top: 0px; right: 0px; bottom: 0px; left: auto; box-shadow: rgba(12, 27, 22, 0.22) -20px 0px 60px; }
.friend-page-host .drawer-scrim { z-index: 90; cursor: default; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(12, 27, 22, 0.4); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .drawer-head { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 63, 52); justify-content: space-between; align-items: center; padding-top: 23px; padding-right: 23px; padding-bottom: 23px; padding-left: 23px; display: flex; }
.friend-page-host .drawer-head p { color: rgb(215, 179, 108); letter-spacing: 1.3px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; font-size: 8px; }
.friend-page-host .drawer-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Georgia, serif; font-size: 20px; }
.friend-page-host .drawer-head > button { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.08); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.15); border-right-color: rgba(255, 255, 255, 0.15); border-bottom-color: rgba(255, 255, 255, 0.15); border-left-color: rgba(255, 255, 255, 0.15); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 34px; height: 34px; font-size: 20px; }
.friend-page-host .drawer-scroll { padding-top: 19px; padding-right: 22px; padding-bottom: 19px; padding-left: 22px; overflow-y: auto; }
.friend-page-host .parcel-visual { color: rgb(40, 75, 62); background-image: linear-gradient(135deg, rgb(229, 236, 231), rgb(245, 241, 231)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 226, 219); border-right-color: rgb(220, 226, 219); border-bottom-color: rgb(220, 226, 219); border-left-color: rgb(220, 226, 219); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: center; align-items: center; row-gap: 14px; column-gap: 14px; height: 108px; font-family: Georgia, serif; display: flex; position: relative; }
.friend-page-host .parcel-visual span { font-size: 32px; }
.friend-page-host .parcel-visual i { color: rgb(196, 157, 82); font-size: 23px; }
.friend-page-host .parcel-visual small { letter-spacing: 1.2px; color: rgb(138, 145, 141); font-family: Inter, sans-serif; font-size: 7px; position: absolute; bottom: 11px; }
.friend-page-host .drawer-status { justify-content: space-between; align-items: center; margin-top: 13px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; display: flex; }
.friend-page-host .drawer-status > strong { font-family: Georgia, serif; font-size: 16px; }
.friend-page-host .detail-section { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; padding-top: 17px; padding-right: 0px; padding-bottom: 17px; padding-left: 0px; }
.friend-page-host .detail-section > p { letter-spacing: 1.2px; color: rgb(150, 119, 64); margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; font-size: 8px; font-weight: 750; }
.friend-page-host .detail-section dl { grid-template-columns: repeat(3, 1fr); row-gap: 8px; column-gap: 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: grid; }
.friend-page-host .detail-section dl > div { min-width: 0px; }
.friend-page-host .detail-section dt { color: rgb(146, 152, 148); margin-bottom: 4px; font-size: 8px; }
.friend-page-host .detail-section dd { color: rgb(55, 65, 60); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 9px; line-height: 1.5; }
.friend-page-host .relation-list { row-gap: 7px; column-gap: 7px; display: grid; }
.friend-page-host .relation-list > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 228, 222); border-right-color: rgb(227, 228, 222); border-bottom-color: rgb(227, 228, 222); border-left-color: rgb(227, 228, 222); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; padding-top: 10px; padding-right: 11px; padding-bottom: 10px; padding-left: 11px; display: flex; }
.friend-page-host .relation-list small { color: rgb(141, 148, 143); font-size: 8px; }
.friend-page-host .finance-detail dl { grid-template-columns: 1fr 1fr; }
.friend-page-host .finance-detail dl > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(229, 230, 224); border-right-color: rgb(229, 230, 224); border-bottom-color: rgb(229, 230, 224); border-left-color: rgb(229, 230, 224); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; }
.friend-page-host .finance-detail .profit-row dd { color: rgb(36, 85, 63); font-weight: 750; }
.friend-page-host .date-row { grid-template-columns: 1fr 1fr; row-gap: 8px; column-gap: 8px; display: grid; }
.friend-page-host .date-row span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(229, 230, 224); border-right-color: rgb(229, 230, 224); border-bottom-color: rgb(229, 230, 224); border-left-color: rgb(229, 230, 224); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; font-size: 9px; }
.friend-page-host .date-row small { color: rgb(146, 152, 148); margin-bottom: 3px; font-size: 7px; display: block; }
.friend-page-host .detail-section blockquote { color: rgb(102, 112, 107); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(199, 163, 93); margin-top: 11px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; font-size: 9px; line-height: 1.6; }
.friend-page-host .drawer-actions { border-top-width: ; border-top-style: ; border-top-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); justify-content: flex-end; row-gap: 8px; column-gap: 8px; margin-top: auto; padding-top: 14px; padding-right: 22px; padding-bottom: 14px; padding-left: 22px; display: flex; }
.friend-page-host .drawer-actions button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; font-size: 10px; font-weight: 700; }
.friend-page-host .danger-btn { color: rgb(155, 88, 75); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 247, 245); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(237, 213, 207); border-right-color: rgb(237, 213, 207); border-bottom-color: rgb(237, 213, 207); border-left-color: rgb(237, 213, 207); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; margin-right: auto; }
.friend-page-host .drawer-person-title { align-items: center; row-gap: 11px; column-gap: 11px; display: flex; }
.friend-page-host .person-summary-grid { grid-template-columns: repeat(3, 1fr); row-gap: 7px; column-gap: 7px; display: grid; }
.friend-page-host .person-summary-grid span { text-align: center; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 229, 222); border-right-color: rgb(227, 229, 222); border-bottom-color: rgb(227, 229, 222); border-left-color: rgb(227, 229, 222); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 11px; padding-right: 8px; padding-bottom: 11px; padding-left: 8px; }
.friend-page-host .person-summary-grid strong { font-family: Georgia, serif; font-size: 13px; display: block; }
.friend-page-host .person-summary-grid small { color: rgb(139, 146, 142); font-size: 7px; }
.friend-page-host .person-properties > button { text-align: left; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(231, 230, 224); justify-content: space-between; align-items: center; width: 100%; padding-top: 11px; padding-right: 3px; padding-bottom: 11px; padding-left: 3px; display: flex; }
.friend-page-host .person-properties > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .person-properties > button strong { font-size: 9px; display: block; }
.friend-page-host .person-properties > button span { color: rgb(146, 152, 148); font-size: 8px; }
.friend-page-host .person-properties > button > b { color: rgb(53, 91, 76); font-family: Georgia, serif; font-size: 10px; }
.friend-page-host .mini-empty { color: rgb(146, 152, 148); padding-top: 9px; padding-right: 0px; padding-bottom: 9px; padding-left: 0px; font-size: 9px; }
.friend-page-host .toast { z-index: 130; color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 63, 52); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 11px; padding-right: 16px; padding-bottom: 11px; padding-left: 16px; font-size: 10px; animation-duration: 0.2s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--toast-in; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; position: fixed; bottom: 24px; left: 50%; transform: translate(-50%); box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 30px; }
.friend-page-host .status.portfoyde { color: rgb(38, 113, 88); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 245, 239); }
@keyframes friend-page--drawer-in {
0% { transform: translate(100%); }
100% { transform: translate(0px); }
}
@keyframes friend-page--toast-in {
0% { opacity: 0; transform: translate(-50%, 10px); }
100% { opacity: 1; transform: translate(-50%); }
}
@media (width <= 1100px) {
.friend-page-host .people-grid, .friend-page-host .location-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (width <= 760px) {
.friend-page-host .demo-banner { align-items: flex-start; font-size: 9px; }
.friend-page-host .demo-banner button { white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .tool-row { display: block; }
.friend-page-host .filter-set { grid-template-columns: 1fr 1fr; display: grid; }
.friend-page-host .filter-set label:last-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .filter-set select { width: 100%; min-width: 0px; }
.friend-page-host .result-count { margin-top: 10px; display: block; }
.friend-page-host .people-overview { grid-template-columns: repeat(2, 1fr); }
.friend-page-host .people-overview > div { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .people-overview > div:nth-child(2) { border-right-width: 0px; border-right-style: none; border-right-color: currentcolor; }
.friend-page-host .people-overview > div:nth-last-child(-n+2) { border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
.friend-page-host .people-grid { grid-template-columns: 1fr; }
.friend-page-host .person-card { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .location-grid { grid-template-columns: 1fr; }
.friend-page-host .report-hero { padding-top: 21px; padding-right: 21px; padding-bottom: 21px; padding-left: 21px; display: block; }
.friend-page-host .report-hero h2 { font-size: 20px; }
.friend-page-host .report-hero span { line-height: 1.6; display: block; }
.friend-page-host .report-hero button { margin-top: 15px; }
.friend-page-host .timeline > button { grid-template-columns: 1fr; padding-left: 30px; }
.friend-page-host .timeline time { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .timeline-money { text-align: left; }
.friend-page-host .transaction-summary { display: flex; }
.friend-page-host .modal-backdrop { align-items: end; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .modal { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; width: 100vw; max-height: 95dvh; }
.friend-page-host .modal-head { padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; }
.friend-page-host .modal-scroll { padding-top: 0px; padding-right: 17px; padding-bottom: 0px; padding-left: 17px; }
.friend-page-host .form-grid, .friend-page-host .person-modal .form-grid { grid-template-columns: 1fr 1fr; }
.friend-page-host .modal-actions { padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; }
.friend-page-host .modal-actions button { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.friend-page-host .field.full { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .live-calc { grid-template-columns: 1fr 1fr; }
.friend-page-host .detail-drawer { width: 100vw; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .drawer-scroll { padding-bottom: 90px; }
.friend-page-host .drawer-actions { padding-bottom: calc(14px + env(safe-area-inset-bottom)); }
.friend-page-host .toast { text-align: center; max-width: 88vw; bottom: 84px; }
.friend-page-host .responsive-table tbody tr { padding-right: 17px; }
.friend-page-host .responsive-table td:nth-child(4) { display: block; }
.friend-page-host .responsive-table td:nth-child(5) { position: static; }
.friend-page-host .responsive-table td:nth-child(7) { bottom: 14px; right: 14px; }
.friend-page-host .property-list-panel .responsive-table tr { grid-template-columns: 1fr auto; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(2) { position: absolute; top: 15px; right: 17px; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(3) { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(4) { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(5) { grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(6) { text-align: right; grid-row-start: 3; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .report-table .table-wrap { overflow-x: auto; }
.friend-page-host .report-table table { min-width: 650px; }
.friend-page-host .report-table table, .friend-page-host .report-table thead, .friend-page-host .report-table tbody, .friend-page-host .report-table tr, .friend-page-host .report-table td { display: table; }
.friend-page-host .report-table thead { display: table-header-group; }
.friend-page-host .report-table tbody { display: table-row-group; }
.friend-page-host .report-table tr { display: table-row; }
.friend-page-host .report-table td { display: table-cell; }
.friend-page-host .chart-area .legend button { font-size: 9px; }
}
@media (width <= 430px) {
.friend-page-host .form-grid, .friend-page-host .person-modal .form-grid { grid-template-columns: 1fr; }
.friend-page-host .field.full { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .live-calc { grid-template-columns: 1fr; }
.friend-page-host .people-overview > div { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .people-overview strong { font-size: 20px; }
.friend-page-host .detail-section dl { grid-template-columns: 1fr 1fr; }
.friend-page-host .person-summary-grid { grid-template-columns: 1fr; }
.friend-page-host .person-summary-grid span { text-align: left; justify-content: space-between; align-items: center; display: flex; }
.friend-page-host .report-hero button { width: 100%; }
}
.friend-page-host { letter-spacing: -0.01em; }
.friend-page-host .sidebar { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-right-width: 1px; border-right-style: solid; border-right-color: rgba(255, 255, 255, 0.08); padding-top: 24px; }
.friend-page-host .brand { padding-bottom: 34px; }
.friend-page-host .brand-mark { color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(194, 211, 82, 0.08); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(194, 211, 82, 0.55); border-right-color: rgba(194, 211, 82, 0.55); border-bottom-color: rgba(194, 211, 82, 0.55); border-left-color: rgba(194, 211, 82, 0.55); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-family: Satoshi, sans-serif; font-size: 20px; font-weight: 900; }
.friend-page-host .brand strong { font-family: Satoshi, sans-serif; font-size: 17px; font-weight: 900; }
.friend-page-host .brand small { color: rgba(255, 255, 255, 0.5); letter-spacing: 1.6px; font-weight: 500; }
.friend-page-host .side-nav button { color: rgba(255, 255, 255, 0.7); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-weight: 700; }
.friend-page-host .side-nav button:hover, .friend-page-host .side-nav button.active { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 80, 60); }
.friend-page-host .side-nav button.active { box-shadow: inset 3px 0 var(--lime); }
.friend-page-host .nav-icon { color: var(--lime); }
.friend-page-host .sidebar-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-color: rgba(194, 211, 82, 0.28); border-right-color: rgba(194, 211, 82, 0.28); border-bottom-color: rgba(194, 211, 82, 0.28); border-left-color: rgba(194, 211, 82, 0.28); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .sidebar-card span { color: var(--lime); font-weight: 700; }
.friend-page-host .sidebar-card p { color: rgba(255, 255, 255, 0.5); }
.friend-page-host .sidebar-card button { color: var(--lime); font-weight: 700; }
.friend-page-host .profile-mini > span { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
.friend-page-host .profile-mini small { color: rgba(255, 255, 255, 0.5); }
.friend-page-host .topbar { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-bottom-color: rgba(255, 255, 255, 0.12); height: 76px; box-shadow: rgba(0, 45, 40, 0.12) 0px 8px 30px; }
.friend-page-host .global-search { color: rgb(140, 140, 140); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .global-search input { color: rgb(17, 17, 17); font-weight: 500; }
.friend-page-host .global-search input::placeholder { color: rgb(140, 140, 140); }
.friend-page-host .top-actions .ghost-btn { color: rgb(255, 255, 255); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-color: rgba(255, 255, 255, 0.22); border-right-color: rgba(255, 255, 255, 0.22); border-bottom-color: rgba(255, 255, 255, 0.22); border-left-color: rgba(255, 255, 255, 0.22); }
.friend-page-host .top-actions .ghost-btn:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--lime); }
.friend-page-host .primary-btn { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; box-shadow: none; font-weight: 700; transition-behavior: normal, normal, normal; transition-duration: 0.2s, 0.2s, 0.2s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: background, border-color, transform; }
.friend-page-host .primary-btn:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; }
.friend-page-host .mobile-brand { color: rgb(255, 255, 255); }
.friend-page-host .page-content { padding-top: 32px; }
.friend-page-host .page-heading p, .friend-page-host .panel-head p { color: var(--green); font-weight: 900; }
.friend-page-host .page-heading h1, .friend-page-host .panel-head h2, .friend-page-host .summary-card > strong, .friend-page-host .donut strong, .friend-page-host .profit-number strong, .friend-page-host .people-overview strong, .friend-page-host .person-card h3, .friend-page-host .timeline-money strong, .friend-page-host .report-hero h2, .friend-page-host .location-grid h3, .friend-page-host .location-grid article > strong, .friend-page-host .empty-state h3, .friend-page-host .modal-head h2, .friend-page-host .section-label strong, .friend-page-host .live-calc strong, .friend-page-host .drawer-head h2, .friend-page-host .parcel-visual, .friend-page-host .drawer-status > strong, .friend-page-host .person-summary-grid strong { letter-spacing: -0.035em; font-family: Satoshi, sans-serif; font-weight: 900; }
.friend-page-host .page-heading h1 { color: rgb(17, 17, 17); font-size: 31px; }
.friend-page-host .page-heading span { color: var(--muted); font-size: 12px; }
.friend-page-host .summary-card, .friend-page-host .panel, .friend-page-host .tool-row, .friend-page-host .people-overview, .friend-page-host .person-card { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .summary-card { padding-top: 19px; padding-right: 20px; padding-bottom: 19px; padding-left: 20px; }
.friend-page-host .summary-card::after { height: 4px; }
.friend-page-host .summary-card.green { --accent: #5a8c00; }
.friend-page-host .summary-card.sand { --accent: #c2d352; }
.friend-page-host .summary-card.blue { --accent: #00503c; }
.friend-page-host .summary-card.gold { --accent: #ffb400; }
.friend-page-host .summary-top { color: rgb(112, 112, 112); font-weight: 500; }
.friend-page-host .summary-top i { color: var(--green); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.1); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-weight: 900; }
.friend-page-host .summary-card > small { color: rgb(140, 140, 140); }
.friend-page-host .panel-head > button { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: rgb(80, 80, 80); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-weight: 700; }
.friend-page-host .panel-head > button:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--green); }
.friend-page-host .link-btn { color: var(--green) !important; }
.friend-page-host .donut::after { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .active-dot { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); }
.friend-page-host .sold-dot { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); }
.friend-page-host .talk-dot { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(194, 211, 82); }
.friend-page-host .legend button:hover { color: var(--green); }
.friend-page-host .legend button strong { color: rgb(17, 17, 17); }
.friend-page-host .trend { color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.08); font-weight: 700; }
.friend-page-host .mini-bars i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(194, 211, 82); }
.friend-page-host .mini-bars i.peak { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); }
.friend-page-host .profit-footer i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); }
.friend-page-host .profit-footer span:last-child i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); }
.friend-page-host .table-wrap th { color: rgb(140, 140, 140); font-weight: 700; }
.friend-page-host .table-wrap td { color: rgb(80, 80, 80); }
.friend-page-host .table-wrap td:first-child strong { color: rgb(17, 17, 17); font-weight: 700; }
.friend-page-host .responsive-table tbody tr:hover, .friend-page-host .report-table tbody tr:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.08); }
.friend-page-host .parcel-tag { color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.1); font-weight: 700; }
.friend-page-host .person-cell, .friend-page-host .large-avatar, .friend-page-host .status.portfoyde { color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.1); }
.friend-page-host .status.satildi { color: rgb(0, 45, 40); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(0, 45, 40, 0.08); }
.friend-page-host .status.gorusmede { color: rgb(83, 99, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(194, 211, 82, 0.2); }
.friend-page-host .status.kapora-alindi { color: rgb(133, 94, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 180, 0, 0.15); }
.friend-page-host .status.beklemede { color: rgb(80, 80, 80); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 245, 245); }
.friend-page-host .demo-banner { color: rgb(64, 80, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(194, 211, 82, 0.14); border-top-color: rgb(194, 211, 82); border-right-color: rgb(194, 211, 82); border-bottom-color: rgb(194, 211, 82); border-left-color: rgb(194, 211, 82); }
.friend-page-host .demo-banner button { color: rgb(90, 140, 0); }
.friend-page-host .filter-set select, .friend-page-host .field input, .friend-page-host .field select, .friend-page-host .field textarea { border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .filter-set select:focus, .friend-page-host .field input:focus, .friend-page-host .field select:focus, .friend-page-host .field textarea:focus { border-top-color: rgb(90, 140, 0); border-right-color: rgb(90, 140, 0); border-bottom-color: rgb(90, 140, 0); border-left-color: rgb(90, 140, 0); box-shadow: rgba(90, 140, 0, 0.1) 0px 0px 0px 3px; }
.friend-page-host .empty-state > span { color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.1); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .person-card:hover { border-top-color: rgb(90, 140, 0); border-right-color: rgb(90, 140, 0); border-bottom-color: rgb(90, 140, 0); border-left-color: rgb(90, 140, 0); box-shadow: rgba(90, 140, 0, 0.08) 0px 14px 30px; }
.friend-page-host .person-card p { color: rgb(90, 140, 0); }
.friend-page-host .person-card-head button { color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.1); }
.friend-page-host .timeline > button > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); box-shadow: rgb(194, 211, 82) 0px 0px 0px 2px; }
.friend-page-host .timeline-money span { color: rgb(90, 140, 0); }
.friend-page-host .report-hero { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: none; }
.friend-page-host .report-hero p { color: var(--lime); }
.friend-page-host .report-hero span { color: rgba(255, 255, 255, 0.7); }
.friend-page-host .report-hero button { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: rgb(255, 255, 255); }
.friend-page-host .location-grid article > p { color: rgb(90, 140, 0); }
.friend-page-host .modal-backdrop { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(0, 45, 40, 0.6); }
.friend-page-host .modal { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 245, 245); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .modal-head p, .friend-page-host .detail-section > p { color: rgb(90, 140, 0); }
.friend-page-host .modal-head > button { color: rgb(80, 80, 80); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 245, 245); }
.friend-page-host .section-label i { color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.1); }
.friend-page-host .live-calc > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.08); border-top-color: rgba(90, 140, 0, 0.2); border-right-color: rgba(90, 140, 0, 0.2); border-bottom-color: rgba(90, 140, 0, 0.2); border-left-color: rgba(90, 140, 0, 0.2); }
.friend-page-host .live-calc strong { color: rgb(0, 80, 60); }
.friend-page-host .drawer-head { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); }
.friend-page-host .drawer-head p { color: rgb(194, 211, 82); }
.friend-page-host .parcel-visual { color: rgb(0, 45, 40); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.08); border-top-color: rgba(90, 140, 0, 0.2); border-right-color: rgba(90, 140, 0, 0.2); border-bottom-color: rgba(90, 140, 0, 0.2); border-left-color: rgba(90, 140, 0, 0.2); }
.friend-page-host .parcel-visual i { color: rgb(90, 140, 0); }
.friend-page-host .parcel-visual small { font-family: Satoshi, sans-serif; }
.friend-page-host .relation-list > span, .friend-page-host .finance-detail dl > div, .friend-page-host .date-row span, .friend-page-host .person-summary-grid span { border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); }
.friend-page-host .finance-detail dl .profit-row { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.08); border-top-color: rgba(90, 140, 0, 0.2); border-right-color: rgba(90, 140, 0, 0.2); border-bottom-color: rgba(90, 140, 0, 0.2); border-left-color: rgba(90, 140, 0, 0.2); }
.friend-page-host .finance-detail .profit-row dd { color: rgb(0, 80, 60); }
.friend-page-host .detail-section blockquote { border-left-color: rgb(90, 140, 0); }
.friend-page-host .drawer-person-title .large-avatar { color: rgb(0, 45, 40); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(194, 211, 82); }
.friend-page-host .person-properties > button > b { color: rgb(90, 140, 0); font-family: Satoshi, sans-serif; }
.friend-page-host .toast { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(194, 211, 82); border-right-color: rgb(194, 211, 82); border-bottom-color: rgb(194, 211, 82); border-left-color: rgb(194, 211, 82); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .mobile-nav button.active { color: rgb(90, 140, 0); }
@media (width <= 760px) {
.friend-page-host .topbar { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); }
.friend-page-host .mobile-brand .brand-mark { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.1); border-top-color: rgb(194, 211, 82); border-right-color: rgb(194, 211, 82); border-bottom-color: rgb(194, 211, 82); border-left-color: rgb(194, 211, 82); }
.friend-page-host .mobile-brand strong { font-family: Satoshi, sans-serif; font-weight: 900; }
.friend-page-host .global-search { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .mobile-add { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); }
.friend-page-host .mobile-nav { border-top-color: rgb(230, 230, 230); }
.friend-page-host .summary-card { box-shadow: rgba(0, 0, 0, 0.03) 0px 4px 16px; }
}
.friend-page-host .theme-toggle { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.22); border-right-color: rgba(255, 255, 255, 0.22); border-bottom-color: rgba(255, 255, 255, 0.22); border-left-color: rgba(255, 255, 255, 0.22); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; row-gap: 7px; column-gap: 7px; height: 40px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; font-size: 11px; font-weight: 700; transition-behavior: normal; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; transition-property: all; display: inline-flex; }
.friend-page-host .theme-toggle:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--lime); }
.friend-page-host .theme-toggle span { font-size: 18px; line-height: 1; }
.friend-page-host .theme-toggle small { white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 9px; }
.friend-page-host .location-note { color: rgb(85, 112, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.08); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 10px; column-gap: 10px; margin-top: 12px; padding-top: 9px; padding-right: 11px; padding-bottom: 9px; padding-left: 11px; font-size: 8px; display: flex; }
.friend-page-host .location-note.error { color: rgb(154, 79, 64); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); }
.friend-page-host .location-note button { color: inherit; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; font-size: 8px; font-weight: 900; }
.friend-page-host .field select:disabled { color: rgb(140, 140, 140); cursor: not-allowed; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 245, 245); }
.friend-page-host .property-file-upload { grid-template-columns: 190px 1fr; align-items: end; row-gap: 12px; column-gap: 12px; display: grid; }
.friend-page-host .property-file-picker { text-align: center; color: rgb(79, 114, 9); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.05); border-top-width: 1.5px; border-right-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(183, 199, 180); border-right-color: rgb(183, 199, 180); border-bottom-color: rgb(183, 199, 180); border-left-color: rgb(183, 199, 180); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-direction: column; justify-content: center; align-items: center; min-height: 68px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; transition-behavior: normal; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; transition-property: all; display: flex; position: relative; }
.friend-page-host .property-file-picker:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.09); border-top-color: rgb(90, 140, 0); border-right-color: rgb(90, 140, 0); border-bottom-color: rgb(90, 140, 0); border-left-color: rgb(90, 140, 0); }
.friend-page-host .property-file-picker > span { font-size: 11px; font-weight: 900; }
.friend-page-host .property-file-picker > small { color: rgb(124, 136, 117); margin-top: 4px; font-size: 9px; }
.friend-page-host .property-file-picker > input { opacity: 0; cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .pending-file-list { row-gap: 7px; column-gap: 7px; margin-top: 12px; display: grid; }
.friend-page-host .pending-file-list > div { color: rgb(77, 92, 84); justify-content: space-between; align-items: center; font-size: 10px; display: flex; }
.friend-page-host .pending-file-list > div button { color: rgb(154, 79, 64); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; font-size: 9px; font-weight: 800; }
.friend-page-host .pending-file-list > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(226, 229, 223); border-right-color: rgb(226, 229, 223); border-bottom-color: rgb(226, 229, 223); border-left-color: rgb(226, 229, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: minmax(0px, 1fr) auto 27px; align-items: center; row-gap: 9px; column-gap: 9px; padding-top: 8px; padding-right: 9px; padding-bottom: 8px; padding-left: 9px; display: grid; }
.friend-page-host .pending-file-list > span b { text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 10px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .pending-file-list > span small { color: rgb(140, 148, 143); font-size: 9px; }
.friend-page-host .pending-file-list > span button { color: rgb(160, 79, 66); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 241, 238); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 27px; height: 27px; font-size: 16px; }
.friend-page-host .file-upload-note { color: rgb(119, 128, 120); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(236, 239, 233); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 10px; padding-top: 9px; padding-right: 11px; padding-bottom: 9px; padding-left: 11px; font-size: 9px; line-height: 1.45; }
.friend-page-host .document-section { padding-top: 19px; }
.friend-page-host .document-title { justify-content: space-between; align-items: flex-start; row-gap: 12px; column-gap: 12px; margin-bottom: 12px; display: flex; }
.friend-page-host .document-title p { letter-spacing: 1.2px; color: rgb(90, 140, 0); margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; font-size: 8px; font-weight: 800; }
.friend-page-host .document-title span { color: rgb(140, 140, 140); font-size: 8px; line-height: 1.45; display: block; }
.friend-page-host .document-title > strong { color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.1); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; min-width: 28px; height: 28px; font-size: 10px; display: grid; }
.friend-page-host .document-upload { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 112px 1fr; row-gap: 9px; column-gap: 9px; padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; display: grid; }
.friend-page-host .document-upload label > span { color: rgb(114, 123, 118); margin-bottom: 5px; font-size: 7px; font-weight: 800; display: block; }
.friend-page-host .document-upload select, .friend-page-host .document-upload input { color: rgb(38, 49, 44); width: 100%; height: 34px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(222, 223, 218); border-right-color: rgb(222, 223, 218); border-bottom-color: rgb(222, 223, 218); border-left-color: rgb(222, 223, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; font-size: 8px; }
.friend-page-host .document-upload input { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.friend-page-host .document-upload input::file-selector-button { color: rgb(77, 115, 0); height: 22px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 241, 228); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-right: 7px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; font-size: 7px; font-weight: 800; }
.friend-page-host .document-upload .primary-btn { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-column-start: 1; grid-column-end: -1; height: 35px; font-size: 9px; }
.friend-page-host .document-upload > small { text-align: center; color: rgb(144, 151, 146); grid-column-start: 1; grid-column-end: -1; font-size: 7px; }
.friend-page-host .document-error { color: rgb(152, 77, 63); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 242, 239); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(236, 203, 196); border-right-color: rgb(236, 203, 196); border-bottom-color: rgb(236, 203, 196); border-left-color: rgb(236, 203, 196); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 9px; padding-top: 9px; padding-right: 10px; padding-bottom: 9px; padding-left: 10px; font-size: 8px; line-height: 1.4; }
.friend-page-host .document-list { row-gap: 8px; column-gap: 8px; margin-top: 10px; display: grid; }
.friend-page-host .document-list article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(230, 230, 230); border-right-color: rgb(230, 230, 230); border-bottom-color: rgb(230, 230, 230); border-left-color: rgb(230, 230, 230); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 39px minmax(0px, 1fr); align-items: center; row-gap: 9px; column-gap: 9px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; display: grid; }
.friend-page-host .document-icon { color: rgb(90, 140, 0); letter-spacing: 0.4px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.1); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 39px; height: 39px; font-size: 7px; font-weight: 900; display: grid; }
.friend-page-host .document-info { min-width: 0px; }
.friend-page-host .document-info strong { text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; color: rgb(32, 42, 37); font-size: 9px; display: block; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .document-info span { color: rgb(146, 152, 148); margin-top: 4px; font-size: 7px; display: block; }
.friend-page-host .document-info b { color: rgb(90, 140, 0); }
.friend-page-host .document-actions { grid-column-start: 2; grid-column-end: auto; align-items: center; row-gap: 6px; column-gap: 6px; display: flex; }
.friend-page-host .document-actions a, .friend-page-host .document-actions button { color: rgb(53, 83, 72); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 249, 246); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 226, 220); border-right-color: rgb(223, 226, 220); border-bottom-color: rgb(223, 226, 220); border-left-color: rgb(223, 226, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 6px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; font-size: 7px; font-weight: 800; line-height: 1; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .document-actions a:hover { color: rgb(90, 140, 0); border-top-color: rgb(90, 140, 0); border-right-color: rgb(90, 140, 0); border-bottom-color: rgb(90, 140, 0); border-left-color: rgb(90, 140, 0); }
.friend-page-host .document-actions button { color: rgb(160, 79, 66); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 247, 245); border-top-color: rgb(237, 213, 207); border-right-color: rgb(237, 213, 207); border-bottom-color: rgb(237, 213, 207); border-left-color: rgb(237, 213, 207); margin-left: auto; }
.friend-page-host .document-actions button:disabled { opacity: 0.55; }
.friend-page-host .document-empty { text-align: center; color: rgb(146, 152, 148); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(217, 221, 214); border-right-color: rgb(217, 221, 214); border-bottom-color: rgb(217, 221, 214); border-left-color: rgb(217, 221, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; row-gap: 4px; column-gap: 4px; margin-top: 10px; padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; font-size: 8px; display: grid; }
.friend-page-host .document-empty > span { color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.1); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 30px; height: 30px; font-size: 16px; display: grid; }
.friend-page-host .document-empty > strong { color: rgb(83, 96, 90); font-size: 9px; }
html[data-theme="dark"] .friend-page-host { --canvas: #0c1512; --ink: #f5f7f6; --muted: #96a29d; --line: #2a3933; --white: #14221d; --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; }
html[data-theme="dark"] .friend-page-host { color: rgb(245, 247, 246); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(12, 21, 18); }
html[data-theme="dark"] .friend-page-host .workspace { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(12, 21, 18); }
html[data-theme="dark"] .friend-page-host .page-heading h1, html[data-theme="dark"] .friend-page-host .panel-head h2, html[data-theme="dark"] .friend-page-host .summary-card > strong, html[data-theme="dark"] .friend-page-host .legend button strong, html[data-theme="dark"] .friend-page-host .table-wrap td:first-child strong, html[data-theme="dark"] .friend-page-host .profit-footer strong, html[data-theme="dark"] .friend-page-host .person-card h3, html[data-theme="dark"] .friend-page-host .person-card-stats strong, html[data-theme="dark"] .friend-page-host .timeline > button > div:first-of-type strong, html[data-theme="dark"] .friend-page-host .location-grid h3, html[data-theme="dark"] .friend-page-host .empty-state h3 { color: rgb(245, 247, 246); }
html[data-theme="dark"] .friend-page-host .summary-card, html[data-theme="dark"] .friend-page-host .panel, html[data-theme="dark"] .friend-page-host .tool-row, html[data-theme="dark"] .friend-page-host .people-overview, html[data-theme="dark"] .friend-page-host .person-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .summary-top i, html[data-theme="dark"] .friend-page-host .person-card-head button, html[data-theme="dark"] .friend-page-host .parcel-tag, html[data-theme="dark"] .friend-page-host .person-cell, html[data-theme="dark"] .friend-page-host .large-avatar, html[data-theme="dark"] .friend-page-host .empty-state > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.18); }
html[data-theme="dark"] .friend-page-host .donut::after { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); }
html[data-theme="dark"] .friend-page-host .mini-bars { background-image: repeating-linear-gradient(rgb(20, 34, 29), rgb(20, 34, 29) 28px, rgb(35, 50, 44) 29px); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .legend button, html[data-theme="dark"] .friend-page-host .table-wrap th, html[data-theme="dark"] .friend-page-host .table-wrap td, html[data-theme="dark"] .friend-page-host .timeline > button, html[data-theme="dark"] .friend-page-host .detail-section { border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .responsive-table tbody tr:hover, html[data-theme="dark"] .friend-page-host .report-table tbody tr:hover, html[data-theme="dark"] .friend-page-host .timeline > button:hover, html[data-theme="dark"] .friend-page-host .person-properties > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 43, 37); }
html[data-theme="dark"] .friend-page-host .global-search { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .global-search input { color: rgb(245, 247, 246); }
html[data-theme="dark"] .friend-page-host .global-search input::placeholder { color: rgb(130, 144, 137); }
html[data-theme="dark"] .friend-page-host .filter-set select, html[data-theme="dark"] .friend-page-host .field input, html[data-theme="dark"] .friend-page-host .field select, html[data-theme="dark"] .friend-page-host .field textarea { color: rgb(245, 247, 246); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .field select:disabled { color: rgb(101, 115, 109); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 27, 23); }
html[data-theme="dark"] .friend-page-host .demo-banner { color: rgb(213, 228, 162); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(39, 51, 28); border-top-color: rgb(82, 104, 47); border-right-color: rgb(82, 104, 47); border-bottom-color: rgb(82, 104, 47); border-left-color: rgb(82, 104, 47); }
html[data-theme="dark"] .friend-page-host .person-card-contact { border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .modal { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(12, 21, 18); }
html[data-theme="dark"] .friend-page-host .modal-head, html[data-theme="dark"] .friend-page-host .modal-actions, html[data-theme="dark"] .friend-page-host .drawer-actions { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .modal-head > button { color: rgb(215, 223, 219); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(34, 49, 43); }
html[data-theme="dark"] .friend-page-host .relation-list > span, html[data-theme="dark"] .friend-page-host .finance-detail dl > div, html[data-theme="dark"] .friend-page-host .date-row span, html[data-theme="dark"] .friend-page-host .person-summary-grid span, html[data-theme="dark"] .friend-page-host .detail-section blockquote { color: rgb(213, 221, 217); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .finance-detail dl .profit-row { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(37, 53, 29); border-top-color: rgb(76, 98, 47); border-right-color: rgb(76, 98, 47); border-bottom-color: rgb(76, 98, 47); border-left-color: rgb(76, 98, 47); }
html[data-theme="dark"] .friend-page-host .detail-section dd { color: rgb(213, 221, 217); }
html[data-theme="dark"] .friend-page-host .detail-drawer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(12, 21, 18); }
html[data-theme="dark"] .friend-page-host .parcel-visual { color: rgb(245, 247, 246); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(22, 37, 31); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .mobile-nav { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(20, 34, 29, 0.96); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .mobile-nav button { color: rgb(130, 144, 137); }
html[data-theme="dark"] .friend-page-host .mobile-nav button.active { color: rgb(138, 185, 44); }
html[data-theme="dark"] .friend-page-host .danger-btn { color: rgb(229, 169, 157); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(44, 30, 26); border-top-color: rgb(94, 59, 51); border-right-color: rgb(94, 59, 51); border-bottom-color: rgb(94, 59, 51); border-left-color: rgb(94, 59, 51); }
html[data-theme="dark"] .friend-page-host .ghost-btn { color: rgb(213, 221, 217); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .location-note { color: rgb(199, 221, 140); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 51, 28); }
html[data-theme="dark"] .friend-page-host .location-note.error { color: rgb(227, 161, 149); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(50, 31, 26); }
html[data-theme="dark"] .friend-page-host .document-upload, html[data-theme="dark"] .friend-page-host .document-list article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .document-upload select, html[data-theme="dark"] .friend-page-host .document-upload input { color: rgb(231, 236, 233); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .document-upload input::file-selector-button { color: rgb(201, 223, 140); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(39, 53, 30); }
html[data-theme="dark"] .friend-page-host .document-info strong, html[data-theme="dark"] .friend-page-host .document-empty > strong { color: rgb(231, 236, 233); }
html[data-theme="dark"] .friend-page-host .document-actions a { color: rgb(203, 214, 209); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 38, 32); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .document-actions button { color: rgb(229, 169, 157); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(44, 30, 26); border-top-color: rgb(94, 59, 51); border-right-color: rgb(94, 59, 51); border-bottom-color: rgb(94, 59, 51); border-left-color: rgb(94, 59, 51); }
html[data-theme="dark"] .friend-page-host .document-empty { border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .document-error { color: rgb(227, 161, 149); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(50, 31, 26); border-top-color: rgb(94, 59, 51); border-right-color: rgb(94, 59, 51); border-bottom-color: rgb(94, 59, 51); border-left-color: rgb(94, 59, 51); }
html[data-theme="dark"] .friend-page-host .property-file-picker { color: rgb(199, 221, 140); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 51, 28); border-top-color: rgb(80, 102, 55); border-right-color: rgb(80, 102, 55); border-bottom-color: rgb(80, 102, 55); border-left-color: rgb(80, 102, 55); }
html[data-theme="dark"] .friend-page-host .property-file-picker > small { color: rgb(152, 165, 143); }
html[data-theme="dark"] .friend-page-host .pending-file-list > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .pending-file-list > span b { color: rgb(231, 236, 233); }
html[data-theme="dark"] .friend-page-host .pending-file-list > span button { color: rgb(229, 169, 157); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(44, 30, 26); }
html[data-theme="dark"] .friend-page-host .file-upload-note { color: rgb(150, 162, 157); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 35, 30); }
@media (width <= 760px) {
.friend-page-host .theme-toggle { align-items: center; justify-items: center; width: 38px; height: 38px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; }
.friend-page-host .theme-toggle small { display: none; }
html[data-theme="dark"] .friend-page-host .global-search { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
}
.friend-page-host { font-size: 14px; line-height: 1.5; }
.friend-page-host .brand small { font-size: 10px; }
.friend-page-host .side-nav button { font-size: 15px; }
.friend-page-host .sidebar-card span { font-size: 11px; }
.friend-page-host .sidebar-card strong { font-size: 15px; }
.friend-page-host .sidebar-card p, .friend-page-host .sidebar-card button, .friend-page-host .profile-mini strong { font-size: 13px; }
.friend-page-host .profile-mini small { font-size: 11px; }
.friend-page-host .global-search input { font-size: 14px; }
.friend-page-host .top-actions button, .friend-page-host .panel-head > button, .friend-page-host .theme-toggle { font-size: 13px; }
.friend-page-host .theme-toggle small, .friend-page-host .page-heading p, .friend-page-host .panel-head p { font-size: 11px; }
.friend-page-host .page-heading span { font-size: 14px; }
.friend-page-host .summary-top { font-size: 13px; }
.friend-page-host .summary-card > strong { font-size: 25px; }
.friend-page-host .summary-card > small { font-size: 12px; }
.friend-page-host .panel-head h2 { font-size: 20px; }
.friend-page-host .panel-head > button, .friend-page-host .link-btn { font-size: 12px !important; }
.friend-page-host .donut span { font-size: 12px; }
.friend-page-host .legend button > span, .friend-page-host .legend > div { font-size: 13px; }
.friend-page-host .trend { font-size: 12px; }
.friend-page-host .profit-number span { font-size: 13px; }
.friend-page-host .profit-footer span { font-size: 11px; }
.friend-page-host .profit-footer strong { font-size: 12px; }
.friend-page-host .demo-banner, .friend-page-host .demo-banner button { font-size: 13px; }
.friend-page-host .loading-list { font-size: 14px; }
.friend-page-host .table-wrap th { font-size: 11px; }
.friend-page-host .table-wrap td { font-size: 13px; }
.friend-page-host .table-wrap td:first-child strong { font-size: 14px; }
.friend-page-host .table-wrap td:first-child span, .friend-page-host .responsive-table td:nth-child(7) > span { font-size: 11px; }
.friend-page-host .person-cell { width: 29px; height: 29px; font-size: 10px; }
.friend-page-host .parcel-tag { font-size: 12px; }
.friend-page-host .status { font-size: 11px; }
.friend-page-host .table-wrap td:last-child button { width: 30px; height: 30px; font-size: 16px; }
.friend-page-host .filter-set label > span { font-size: 11px; }
.friend-page-host .filter-set select, .friend-page-host .result-count, .friend-page-host .empty-state p { font-size: 13px; }
.friend-page-host .people-overview span { font-size: 12px; }
.friend-page-host .person-card h3 { font-size: 17px; }
.friend-page-host .person-card p { font-size: 11px; }
.friend-page-host .person-card-contact { font-size: 12px; }
.friend-page-host .person-card-stats { font-size: 11px; }
.friend-page-host .person-card-stats strong, .friend-page-host .large-avatar { font-size: 13px; }
.friend-page-host .timeline time { font-size: 12px; }
.friend-page-host .timeline > button > div:first-of-type strong { font-size: 14px; }
.friend-page-host .timeline > button > div:first-of-type span { font-size: 11px; }
.friend-page-host .timeline-money strong { font-size: 15px; }
.friend-page-host .timeline-money span, .friend-page-host .report-hero p { font-size: 11px; }
.friend-page-host .report-hero span { font-size: 13px; line-height: 1.5; }
.friend-page-host .location-grid article > p { font-size: 11px; }
.friend-page-host .location-grid article > span { font-size: 13px; }
.friend-page-host .location-grid article > small { font-size: 11px; }
.friend-page-host .modal { width: min(1040px, 96vw); }
.friend-page-host .person-modal { width: min(720px, 96vw); }
.friend-page-host .modal-head p { font-size: 11px; }
.friend-page-host .modal-head h2 { font-size: 23px; }
.friend-page-host .section-label i { width: 32px; height: 32px; font-size: 11px; }
.friend-page-host .section-label strong { font-size: 17px; }
.friend-page-host .section-label span { font-size: 11px; }
.friend-page-host .field { row-gap: 7px; column-gap: 7px; }
.friend-page-host .field > span { font-size: 11px; }
.friend-page-host .field input, .friend-page-host .field select, .friend-page-host .field textarea { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; font-size: 14px; }
.friend-page-host .location-note, .friend-page-host .location-note button, .friend-page-host .live-calc small { font-size: 11px; }
.friend-page-host .live-calc strong { font-size: 17px; }
.friend-page-host .modal-actions button { font-size: 13px; }
.friend-page-host .person-form-avatar span { font-size: 14px; }
.friend-page-host .detail-drawer { width: min(520px, 96vw); }
.friend-page-host .drawer-head p { font-size: 11px; }
.friend-page-host .drawer-head h2 { font-size: 23px; }
.friend-page-host .parcel-visual small { font-size: 10px; }
.friend-page-host .detail-section > p, .friend-page-host .detail-section dt { font-size: 11px; }
.friend-page-host .detail-section dd { font-size: 13px; }
.friend-page-host .relation-list small { font-size: 11px; }
.friend-page-host .relation-list strong, .friend-page-host .date-row span { font-size: 13px; }
.friend-page-host .date-row small { font-size: 10px; }
.friend-page-host .detail-section blockquote { font-size: 12px; }
.friend-page-host .drawer-actions button { font-size: 13px; }
.friend-page-host .person-summary-grid strong { font-size: 17px; }
.friend-page-host .person-summary-grid small { font-size: 10px; }
.friend-page-host .person-properties > button { padding-top: 14px; padding-right: 4px; padding-bottom: 14px; padding-left: 4px; }
.friend-page-host .person-properties > button strong { font-size: 13px; }
.friend-page-host .person-properties > button span { font-size: 11px; }
.friend-page-host .person-properties > button > b { font-size: 13px; }
.friend-page-host .mini-empty { font-size: 12px; }
.friend-page-host .toast { font-size: 13px; }
.friend-page-host .document-title p, .friend-page-host .document-title span { font-size: 11px; }
.friend-page-host .document-title > strong { font-size: 13px; }
.friend-page-host .document-upload label > span { font-size: 10px; }
.friend-page-host .document-upload select, .friend-page-host .document-upload input { height: 40px; font-size: 12px; }
.friend-page-host .document-upload input::file-selector-button { height: 28px; font-size: 10px; }
.friend-page-host .document-upload .primary-btn { height: 40px; font-size: 12px; }
.friend-page-host .document-upload > small { font-size: 10px; }
.friend-page-host .document-error { font-size: 11px; }
.friend-page-host .document-icon { font-size: 10px; }
.friend-page-host .document-info strong { font-size: 13px; }
.friend-page-host .document-info span { font-size: 10px; }
.friend-page-host .document-actions a, .friend-page-host .document-actions button { padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; font-size: 10px; }
.friend-page-host .document-empty { font-size: 11px; }
.friend-page-host .document-empty > strong { font-size: 12px; }
.friend-page-host .document-empty > small { font-size: 10px; }
@media (width <= 760px) {
.friend-page-host { font-size: 15px; }
.friend-page-host .mobile-brand strong { font-size: 16px; }
.friend-page-host .page-heading h1 { font-size: 28px; }
.friend-page-host .page-heading span { font-size: 13px; line-height: 1.45; }
.friend-page-host .summary-top { font-size: 12px; }
.friend-page-host .summary-card > small { font-size: 11px; }
.friend-page-host .panel-head h2 { font-size: 19px; }
.friend-page-host .legend button > span, .friend-page-host .legend > div, .friend-page-host .profit-footer span, .friend-page-host .table-wrap td { font-size: 12px; }
.friend-page-host .table-wrap td:first-child strong { font-size: 14px; }
.friend-page-host .table-wrap td:first-child span, .friend-page-host .responsive-table td:nth-child(7) > span { font-size: 11px; }
.friend-page-host .mobile-nav button { font-size: 11px; line-height: 1.2; }
.friend-page-host .mobile-nav button span { font-size: 20px; }
.friend-page-host .demo-banner, .friend-page-host .demo-banner button { font-size: 12px; line-height: 1.45; }
.friend-page-host .filter-set label > span { font-size: 11px; }
.friend-page-host .filter-set select, .friend-page-host .result-count { font-size: 14px; }
.friend-page-host .person-card-contact { font-size: 13px; }
.friend-page-host .person-card-stats { font-size: 12px; }
.friend-page-host .report-hero span { font-size: 13px; }
.friend-page-host .modal-head p { font-size: 11px; }
.friend-page-host .modal-head h2 { font-size: 22px; }
.friend-page-host .section-label strong { font-size: 17px; }
.friend-page-host .section-label span, .friend-page-host .field > span { font-size: 12px; }
.friend-page-host .field input, .friend-page-host .field select, .friend-page-host .field textarea { min-height: 46px; font-size: 16px; }
.friend-page-host .location-note, .friend-page-host .location-note button { font-size: 12px; line-height: 1.45; }
.friend-page-host .modal-actions button { min-height: 44px; font-size: 14px; }
.friend-page-host .detail-section > p { font-size: 12px; }
.friend-page-host .detail-section dt { font-size: 11px; }
.friend-page-host .detail-section dd { font-size: 14px; }
.friend-page-host .person-summary-grid strong { font-size: 18px; }
.friend-page-host .person-summary-grid small { font-size: 11px; }
.friend-page-host .person-properties > button strong { font-size: 14px; }
.friend-page-host .person-properties > button span { font-size: 12px; }
.friend-page-host .person-properties > button > b { font-size: 13px; }
.friend-page-host .document-upload { grid-template-columns: 1fr; }
.friend-page-host .document-upload .primary-btn, .friend-page-host .document-upload > small { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .document-upload label > span { font-size: 11px; }
.friend-page-host .document-upload select, .friend-page-host .document-upload input { height: 46px; font-size: 14px; }
.friend-page-host .document-upload input::file-selector-button { height: 32px; font-size: 11px; }
.friend-page-host .document-upload .primary-btn, .friend-page-host .document-info strong { font-size: 14px; }
.friend-page-host .document-info span, .friend-page-host .document-actions a, .friend-page-host .document-actions button { font-size: 11px; }
}
.friend-page-host .property-file-picker > span { font-size: 14px; }
.friend-page-host .property-file-picker > small { font-size: 11px; }
.friend-page-host .pending-file-list > div, .friend-page-host .pending-file-list > span b { font-size: 12px; }
.friend-page-host .pending-file-list > div button, .friend-page-host .pending-file-list > span small, .friend-page-host .file-upload-note { font-size: 11px; }
@media (width <= 760px) {
.friend-page-host .property-file-upload { grid-template-columns: 1fr; }
.friend-page-host .property-file-picker { min-height: 90px; }
.friend-page-host .property-file-picker > span { font-size: 15px; }
.friend-page-host .property-file-picker > small { font-size: 12px; }
.friend-page-host .pending-file-list > div, .friend-page-host .pending-file-list > span b { font-size: 13px; }
.friend-page-host .pending-file-list > div button, .friend-page-host .pending-file-list > span small, .friend-page-host .file-upload-note { font-size: 12px; }
}
.friend-page-host .global-search { width: min(520px, 45vw); position: relative; }
.friend-page-host .global-search input::-webkit-search-cancel-button { display: none; }
.friend-page-host .search-clear { color: rgb(85, 97, 91); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 241, 237); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 28px; align-items: center; justify-items: center; width: 28px; height: 28px; font-size: 19px; line-height: 1; display: grid; }
.friend-page-host .search-clear:hover { color: rgb(49, 95, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 231, 220); }
.friend-page-host .search-result-hero { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 24px; column-gap: 24px; padding-top: 22px; padding-right: 25px; padding-bottom: 22px; padding-left: 25px; display: flex; }
.friend-page-host .search-result-hero p, .friend-page-host .search-group-head p { color: var(--lime); letter-spacing: 1.3px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; font-size: 11px; font-weight: 900; }
.friend-page-host .search-result-hero h2, .friend-page-host .search-group-head h2 { letter-spacing: -0.03em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 22px; font-weight: 900; }
.friend-page-host .search-result-hero span { color: rgba(255, 255, 255, 0.7); margin-top: 6px; font-size: 13px; display: block; }
.friend-page-host .search-result-hero button { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.063); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.27); border-right-color: rgba(255, 255, 255, 0.27); border-bottom-color: rgba(255, 255, 255, 0.27); border-left-color: rgba(255, 255, 255, 0.27); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 10px; padding-right: 13px; padding-bottom: 10px; padding-left: 13px; font-size: 12px; font-weight: 800; }
.friend-page-host .search-result-hero button:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--lime); }
.friend-page-host .search-group-head { padding-top: 4px; padding-right: 2px; padding-bottom: 4px; padding-left: 2px; }
.friend-page-host .search-group-head p { color: var(--green); }
.friend-page-host .search-people-group { row-gap: 12px; column-gap: 12px; display: grid; }
.friend-page-host .search-group .table-wrap { margin-top: 12px; }
html[data-theme="dark"] .friend-page-host .search-group-head h2 { color: rgb(245, 247, 246); }
html[data-theme="dark"] .friend-page-host .search-clear { color: rgb(213, 221, 217); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(34, 49, 43); }
@media (width <= 760px) {
.friend-page-host .topbar { grid-template-rows: 42px 46px; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; row-gap: 8px; column-gap: 10px; height: 116px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; display: grid; }
.friend-page-host .mobile-brand { grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .theme-toggle { grid-row-start: 1; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .global-search { align-items: initial; justify-items: initial; grid-row-start: 2; grid-column-start: 1; grid-row-end: auto; grid-column-end: -1; width: 100%; height: 46px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; display: flex; }
.friend-page-host .global-search input { font-size: 16px; display: block; }
.friend-page-host .search-clear { flex-basis: 30px; width: 30px; height: 30px; }
.friend-page-host .search-result-hero { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; display: block; }
.friend-page-host .search-result-hero h2 { font-size: 19px; line-height: 1.3; }
.friend-page-host .search-result-hero span { font-size: 12px; line-height: 1.5; }
.friend-page-host .search-result-hero button { width: 100%; min-height: 42px; margin-top: 13px; font-size: 13px; }
.friend-page-host .search-group-head h2 { font-size: 19px; }
}
.friend-page-host .share-statement { padding-top: 20px; }
.friend-page-host .share-duration { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 246); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 231, 223); border-right-color: rgb(227, 231, 223); border-bottom-color: rgb(227, 231, 223); border-left-color: rgb(227, 231, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: flex-start; align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; display: flex; width: fit-content; max-width: 100%; }
.friend-page-host .share-duration > span { color: rgb(83, 96, 90); font-size: 12px; font-weight: 800; }
.friend-page-host .share-duration > div { row-gap: 5px; column-gap: 5px; display: flex; }
.friend-page-host .share-duration button { color: rgb(84, 97, 90); min-width: 55px; height: 34px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 221, 211); border-right-color: rgb(216, 221, 211); border-bottom-color: rgb(216, 221, 211); border-left-color: rgb(216, 221, 211); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 11px; font-weight: 800; }
.friend-page-host .share-duration button.active { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
.friend-page-host .share-create { width: auto; min-width: 88px; min-height: 42px; margin-top: 9px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; font-size: 12px; white-space-collapse: collapse; text-wrap-mode: nowrap; justify-self: end; }
.friend-page-host .share-link { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 232); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(189, 208, 141); border-right-color: rgb(189, 208, 141); border-bottom-color: rgb(189, 208, 141); border-left-color: rgb(189, 208, 141); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; row-gap: 9px; column-gap: 9px; margin-top: 10px; padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; display: grid; }
.friend-page-host .share-link label > span { color: rgb(85, 112, 0); letter-spacing: 0.6px; margin-bottom: 5px; font-size: 10px; font-weight: 900; display: block; }
.friend-page-host .share-link input { color: rgb(38, 49, 44); width: 100%; height: 38px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(211, 223, 180); border-right-color: rgb(211, 223, 180); border-bottom-color: rgb(211, 223, 180); border-left-color: rgb(211, 223, 180); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-size: 11px; }
.friend-page-host .share-link > div { row-gap: 7px; column-gap: 7px; display: flex; }
.friend-page-host .share-link a, .friend-page-host .share-link button { color: rgb(78, 112, 8); min-height: 36px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(202, 217, 165); border-right-color: rgb(202, 217, 165); border-bottom-color: rgb(202, 217, 165); border-left-color: rgb(202, 217, 165); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; align-items: center; justify-items: center; font-size: 11px; font-weight: 900; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: grid; }
.friend-page-host .share-link button { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: rgb(255, 255, 255); }
.friend-page-host .share-link > small { color: rgb(113, 128, 93); font-size: 10px; line-height: 1.45; }
.friend-page-host .share-history { row-gap: 7px; column-gap: 7px; margin-top: 13px; display: grid; }
.friend-page-host .share-history > p { color: rgb(90, 140, 0); letter-spacing: 1px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; font-size: 10px; font-weight: 900; }
.friend-page-host .share-history > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(228, 231, 225); border-right-color: rgb(228, 231, 225); border-bottom-color: rgb(228, 231, 225); border-left-color: rgb(228, 231, 225); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 9px; column-gap: 9px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; display: grid; }
.friend-page-host .share-history > div > span { border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; font-size: 9px; font-weight: 900; }
.friend-page-host .share-history > div > span.active { color: rgb(83, 121, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 219); }
.friend-page-host .share-history > div > span.expired { color: rgb(115, 125, 120); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(236, 239, 237); }
.friend-page-host .share-history > div > div strong, .friend-page-host .share-history > div > div small { display: block; }
.friend-page-host .share-history > div > div strong { color: rgb(52, 64, 57); font-size: 11px; }
.friend-page-host .share-history > div > div small, .friend-page-host .share-history > div > small { color: rgb(137, 145, 140); font-size: 9px; }
.friend-page-host .share-history > div > button { color: rgb(164, 80, 66); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; font-size: 10px; font-weight: 900; }
.friend-page-host .backup-center { max-width: none; width: 100%; }
.friend-page-host .backup-hero { color: rgb(255, 255, 255); background-image: linear-gradient(120deg, rgb(0, 45, 40), rgb(6, 69, 58)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 24px; column-gap: 24px; padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; display: flex; box-shadow: rgba(0, 45, 40, 0.13) 0px 12px 34px; }
.friend-page-host .backup-hero p, .friend-page-host .backup-card p { color: var(--lime); letter-spacing: 1.2px; margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; font-size: 11px; font-weight: 900; }
.friend-page-host .backup-hero h2 { letter-spacing: -0.03em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 25px; }
.friend-page-host .backup-hero > div > span { color: rgba(255, 255, 255, 0.72); width: 100%; max-width: none; margin-top: 8px; font-size: 14px; line-height: 1.6; display: block; }
.friend-page-host .backup-shield { width: 64px; height: 64px; color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.063); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.208); border-right-color: rgba(255, 255, 255, 0.208); border-bottom-color: rgba(255, 255, 255, 0.208); border-left-color: rgba(255, 255, 255, 0.208); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 64px; align-items: center; justify-items: center; font-size: 30px; font-weight: 900; display: grid; }
.friend-page-host .backup-export-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 15px; column-gap: 15px; display: grid; }
.friend-page-host .backup-card { flex-direction: column; min-height: 300px; padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; display: flex; }
.friend-page-host .backup-icon { width: 50px; height: 50px; color: var(--green); letter-spacing: 0.5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.09); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; margin-bottom: 22px; font-size: 12px; font-weight: 950; display: grid; }
.friend-page-host .backup-card h3 { color: var(--ink); letter-spacing: -0.02em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 21px; }
.friend-page-host .backup-card > div > span { min-height: 70px; color: var(--muted); margin-top: 8px; font-size: 13px; line-height: 1.6; display: block; }
.friend-page-host .backup-card > a { justify-content: center; align-items: center; min-height: 43px; margin-top: auto; font-size: 12px; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: flex; }
.friend-page-host .backup-restore { padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; }
.friend-page-host .restore-warning { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 248, 229); border-left-width: 4px; border-left-style: solid; border-left-color: rgb(207, 159, 45); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: flex-start; row-gap: 17px; column-gap: 17px; margin-top: 6px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 14px; padding-right: 16px; padding-bottom: 14px; padding-left: 16px; display: flex; }
.friend-page-host .restore-warning strong { color: rgb(115, 89, 21); flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 13px; }
.friend-page-host .restore-warning span { color: rgb(109, 100, 78); font-size: 12px; line-height: 1.55; }
.friend-page-host .backup-restore form { grid-template-columns: minmax(0px, 1fr) 240px; row-gap: 12px; column-gap: 12px; display: grid; }
.friend-page-host .backup-picker { color: rgb(52, 64, 57); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 244); border-top-width: 1.5px; border-right-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(184, 200, 177); border-right-color: rgb(184, 200, 177); border-bottom-color: rgb(184, 200, 177); border-left-color: rgb(184, 200, 177); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-direction: column; justify-content: center; min-height: 64px; padding-top: 11px; padding-right: 15px; padding-bottom: 11px; padding-left: 15px; display: flex; position: relative; }
.friend-page-host .backup-picker > span { text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 13px; font-weight: 850; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .backup-picker > small { color: rgb(137, 147, 140); margin-top: 3px; font-size: 10px; }
.friend-page-host .backup-picker > input { opacity: 0; cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .backup-restore form > button { font-size: 13px; }
.friend-page-host .backup-result { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 12px; padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; font-size: 12px; font-weight: 750; }
.friend-page-host .backup-result.ok { color: rgb(72, 109, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 244, 219); }
.friend-page-host .backup-result.error { color: rgb(153, 76, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); }
.friend-page-host .backup-notes { grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 10px; column-gap: 10px; display: grid; }
.friend-page-host .backup-notes > div { border-left-width: 3px; border-left-style: solid; border-left-color: rgb(142, 183, 47); padding-top: 4px; padding-right: 13px; padding-bottom: 4px; padding-left: 13px; }
.friend-page-host .backup-notes strong, .friend-page-host .backup-notes span { display: block; }
.friend-page-host .backup-notes strong { color: var(--ink); font-size: 12px; }
.friend-page-host .backup-notes span { color: var(--muted); margin-top: 3px; font-size: 11px; line-height: 1.5; }
.friend-page-host .statement-shell { color: rgb(23, 33, 28); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 241, 237); min-height: 100vh; padding-top: 38px; padding-right: 20px; padding-bottom: 38px; padding-left: 20px; }
.friend-page-host .statement-paper { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 229, 223); border-right-color: rgb(223, 229, 223); border-bottom-color: rgb(223, 229, 223); border-left-color: rgb(223, 229, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: min(1260px, 100%); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(20, 45, 36, 0.1) 0px 20px 55px; }
.friend-page-host .statement-header { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); grid-template-columns: 210px minmax(0px, 1fr) auto; align-items: center; row-gap: 24px; column-gap: 24px; padding-top: 22px; padding-right: 28px; padding-bottom: 22px; padding-left: 28px; display: grid; }
.friend-page-host .statement-brand { width: 210px; display: block; }
.friend-page-host .statement-brand img { width: 100%; height: auto; display: block; }
.friend-page-host .statement-heading { min-width: 0px; }
.friend-page-host .statement-heading small, .friend-page-host .statement-heading strong { display: block; }
.friend-page-host .statement-heading small { color: rgb(194, 211, 82); letter-spacing: 1.5px; font-size: 10px; font-weight: 950; }
.friend-page-host .statement-heading strong { text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; margin-top: 5px; font-size: 16px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .statement-header-actions { row-gap: 8px; column-gap: 8px; display: flex; }
.friend-page-host .statement-header-actions button { color: rgb(255, 255, 255); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.063); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.25); border-right-color: rgba(255, 255, 255, 0.25); border-bottom-color: rgba(255, 255, 255, 0.25); border-left-color: rgba(255, 255, 255, 0.25); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 10px; padding-right: 13px; padding-bottom: 10px; padding-left: 13px; font-size: 12px; font-weight: 800; }
.friend-page-host .statement-person { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(228, 232, 228); grid-template-columns: minmax(0px, 1fr) 520px; row-gap: 30px; column-gap: 30px; padding-top: 30px; padding-right: 28px; padding-bottom: 30px; padding-left: 28px; display: grid; }
.friend-page-host .statement-person p, .friend-page-host .statement-section-head p { color: rgb(90, 140, 0); letter-spacing: 1.3px; margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; font-size: 10px; font-weight: 950; }
.friend-page-host .statement-person h1 { letter-spacing: -0.035em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 29px; }
.friend-page-host .statement-person > div > span { color: rgb(120, 130, 124); margin-top: 6px; font-size: 13px; display: block; }
.friend-page-host .statement-person dl { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 12px; column-gap: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: grid; }
.friend-page-host .statement-person dl > div { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(219, 229, 208); padding-left: 11px; }
.friend-page-host .statement-person dt { color: rgb(138, 147, 142); font-size: 10px; }
.friend-page-host .statement-person dd { overflow-wrap: anywhere; color: rgb(48, 59, 53); margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px; font-weight: 750; }
.friend-page-host .statement-summary { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 246); grid-template-columns: repeat(4, minmax(0px, 1fr)); row-gap: 12px; column-gap: 12px; padding-top: 20px; padding-right: 28px; padding-bottom: 20px; padding-left: 28px; display: grid; }
.friend-page-host .statement-summary > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(226, 231, 224); border-right-color: rgb(226, 231, 224); border-bottom-color: rgb(226, 231, 224); border-left-color: rgb(226, 231, 224); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .statement-summary small, .friend-page-host .statement-summary strong, .friend-page-host .statement-summary span { display: block; }
.friend-page-host .statement-summary small { color: rgb(127, 137, 131); font-size: 10px; }
.friend-page-host .statement-summary strong { color: rgb(23, 33, 28); margin-top: 7px; font-size: 21px; }
.friend-page-host .statement-summary span { color: rgb(119, 129, 123); margin-top: 4px; font-size: 10px; }
.friend-page-host .statement-summary .negative strong { color: rgb(163, 75, 61); }
.friend-page-host .statement-transactions { padding-top: 27px; padding-right: 28px; padding-bottom: 27px; padding-left: 28px; }
.friend-page-host .statement-section-head { justify-content: space-between; align-items: flex-end; margin-bottom: 15px; display: flex; }
.friend-page-host .statement-section-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 21px; }
.friend-page-host .statement-section-head > span { color: rgb(122, 132, 126); font-size: 11px; }
.friend-page-host .statement-table-wrap { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 229, 225); border-right-color: rgb(224, 229, 225); border-bottom-color: rgb(224, 229, 225); border-left-color: rgb(224, 229, 225); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: auto; overflow-y: auto; }
.friend-page-host .statement-table-wrap table { border-collapse: collapse; width: 100%; min-width: 1000px; }
.friend-page-host .statement-table-wrap th { color: rgb(119, 129, 123); text-align: left; letter-spacing: 0.45px; text-transform: uppercase; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 247, 244); padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; font-size: 9px; }
.friend-page-host .statement-table-wrap td { color: rgb(70, 81, 75); vertical-align: top; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(232, 235, 232); padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; font-size: 11px; }
.friend-page-host .statement-table-wrap td strong, .friend-page-host .statement-table-wrap td span { display: block; }
.friend-page-host .statement-table-wrap td > span { color: rgb(137, 146, 141); margin-top: 4px; font-size: 9px; }
.friend-page-host .statement-type { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: max-content; padding-top: 3px; padding-right: 7px; padding-bottom: 3px; padding-left: 7px; font-weight: 900; color: rgb(78, 115, 0) !important; display: inline-block !important; }
.friend-page-host .statement-type.alış { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 223); color: rgb(139, 75, 32) !important; }
.friend-page-host .statement-type.portföy { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 240, 238); color: rgb(73, 102, 92) !important; }
.friend-page-host .statement-empty { text-align: center; color: rgb(126, 137, 130); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(216, 222, 217); border-right-color: rgb(216, 222, 217); border-bottom-color: rgb(216, 222, 217); border-left-color: rgb(216, 222, 217); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; font-size: 13px; }
.friend-page-host .statement-footer { color: rgb(112, 123, 116); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 248); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(226, 231, 227); justify-content: space-between; align-items: flex-start; row-gap: 22px; column-gap: 22px; padding-top: 20px; padding-right: 28px; padding-bottom: 20px; padding-left: 28px; display: flex; }
.friend-page-host .statement-footer strong, .friend-page-host .statement-footer span { display: block; }
.friend-page-host .statement-footer strong { color: rgb(56, 68, 61); font-size: 11px; }
.friend-page-host .statement-footer span, .friend-page-host .statement-footer small { margin-top: 4px; font-size: 9px; line-height: 1.5; }
.friend-page-host .statement-state { text-align: center; width: min(560px, 100%); margin-top: 18vh; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.friend-page-host .statement-state img { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 220px; max-width: 72%; height: auto; margin-top: 0px; margin-right: auto; margin-bottom: 22px; margin-left: auto; padding-top: 15px; padding-right: 18px; padding-bottom: 15px; padding-left: 18px; display: block; }
.friend-page-host .statement-state h1 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 25px; }
.friend-page-host .statement-state p { color: rgb(155, 75, 62); font-size: 14px; }
.friend-page-host .statement-state small { color: rgb(123, 134, 127); font-size: 12px; }
html[data-theme="dark"] .friend-page-host .share-duration, html[data-theme="dark"] .friend-page-host .share-history > div, html[data-theme="dark"] .friend-page-host .share-link { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .share-duration > span, html[data-theme="dark"] .friend-page-host .share-history > div > div strong { color: rgb(220, 229, 225); }
html[data-theme="dark"] .friend-page-host .share-duration button, html[data-theme="dark"] .friend-page-host .share-link input, html[data-theme="dark"] .friend-page-host .share-link a { color: rgb(220, 229, 225); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(61, 81, 73); border-right-color: rgb(61, 81, 73); border-bottom-color: rgb(61, 81, 73); border-left-color: rgb(61, 81, 73); }
html[data-theme="dark"] .friend-page-host .share-duration button.active, html[data-theme="dark"] .friend-page-host .share-link button { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); }
html[data-theme="dark"] .friend-page-host .backup-card, html[data-theme="dark"] .friend-page-host .backup-restore { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .restore-warning { color: rgb(234, 216, 153); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(48, 41, 25); }
html[data-theme="dark"] .friend-page-host .restore-warning strong, html[data-theme="dark"] .friend-page-host .restore-warning span { color: rgb(234, 216, 153); }
html[data-theme="dark"] .friend-page-host .backup-picker { color: rgb(228, 235, 232); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(65, 85, 75); border-right-color: rgb(65, 85, 75); border-bottom-color: rgb(65, 85, 75); border-left-color: rgb(65, 85, 75); }
html[data-theme="dark"] .friend-page-host .backup-result.ok { color: rgb(199, 223, 139); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 55, 29); }
html[data-theme="dark"] .friend-page-host .backup-result.error { color: rgb(227, 161, 149); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(50, 31, 26); }
html[data-theme="dark"] .friend-page-host .backup-card h3, html[data-theme="dark"] .friend-page-host .backup-notes strong { color: rgb(245, 247, 246); }
@media (width <= 900px) {
.friend-page-host .backup-export-grid { grid-template-columns: 1fr; }
.friend-page-host .backup-card { min-height: 0px; }
.friend-page-host .backup-card > div > span { min-height: 0px; margin-bottom: 20px; }
.friend-page-host .statement-person { grid-template-columns: 1fr; }
.friend-page-host .statement-summary { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (width <= 760px) {
.friend-page-host .mobile-nav { grid-template-columns: repeat(5, 1fr); }
.friend-page-host .share-duration { flex-direction: column; align-items: flex-start; }
.friend-page-host .share-duration > div { width: 100%; }
.friend-page-host .share-duration button { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-height: 40px; font-size: 12px; }
.friend-page-host .share-create { min-height: 44px; font-size: 13px; }
.friend-page-host .share-link input { font-size: 12px; }
.friend-page-host .share-link a, .friend-page-host .share-link button { min-height: 40px; font-size: 12px; }
.friend-page-host .share-history > div { grid-template-columns: auto minmax(0px, 1fr); }
.friend-page-host .share-history > div > button, .friend-page-host .share-history > div > small { grid-column-start: 2; grid-column-end: auto; }
.friend-page-host .backup-hero { padding-top: 21px; padding-right: 21px; padding-bottom: 21px; padding-left: 21px; }
.friend-page-host .backup-hero h2 { font-size: 22px; }
.friend-page-host .backup-hero > div > span { font-size: 13px; }
.friend-page-host .backup-shield { display: none; }
.friend-page-host .backup-card { padding-top: 19px; padding-right: 19px; padding-bottom: 19px; padding-left: 19px; }
.friend-page-host .backup-card > div > span { font-size: 13px; }
.friend-page-host .backup-restore { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .restore-warning { row-gap: 5px; column-gap: 5px; display: grid; }
.friend-page-host .backup-restore form { grid-template-columns: 1fr; }
.friend-page-host .backup-picker { min-height: 72px; }
.friend-page-host .backup-restore form > button { min-height: 46px; }
.friend-page-host .backup-notes { grid-template-columns: 1fr; }
.friend-page-host .statement-shell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .statement-paper { box-shadow: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .statement-header { padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; }
.friend-page-host .statement-header-actions button { padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; font-size: 10px; }
.friend-page-host .statement-person { row-gap: 20px; column-gap: 20px; padding-top: 23px; padding-right: 17px; padding-bottom: 23px; padding-left: 17px; }
.friend-page-host .statement-person h1 { font-size: 25px; }
.friend-page-host .statement-person dl { grid-template-columns: 1fr 1fr; }
.friend-page-host .statement-summary { grid-template-columns: 1fr 1fr; padding-top: 15px; padding-right: 17px; padding-bottom: 15px; padding-left: 17px; }
.friend-page-host .statement-summary > div { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .statement-summary strong { font-size: 17px; }
.friend-page-host .statement-transactions { padding-top: 22px; padding-right: 17px; padding-bottom: 22px; padding-left: 17px; }
.friend-page-host .statement-section-head h2 { font-size: 19px; }
.friend-page-host .statement-footer { padding-top: 18px; padding-right: 17px; padding-bottom: 18px; padding-left: 17px; display: block; }
.friend-page-host .statement-footer > small { margin-top: 11px; display: block; }
}
@media print {
.friend-page-host .statement-shell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .statement-paper { width: 100%; box-shadow: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .statement-header-actions { display: none; }
.friend-page-host .statement-table-wrap { overflow-x: visible; overflow-y: visible; }
.friend-page-host .statement-table-wrap table { min-width: 0px; }
.friend-page-host .statement-header, .friend-page-host .statement-summary, .friend-page-host .statement-footer { print-color-adjust: exact; }
}
.friend-page-host .profile-mini a { color: rgb(152, 170, 164); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .profile-mini a:hover { color: var(--lime); }
.friend-page-host .profile-mini button:hover { color: var(--lime); }
.friend-page-host .profile-mini button svg { fill: none; stroke: currentcolor; stroke-width: 1.75px; stroke-linecap: round; stroke-linejoin: round; width: 15px; height: 15px; display: block; }
.friend-page-host .mobile-search-shortcut { display: none; }
.friend-page-host .settings-shortcut { color: rgb(255, 255, 255); cursor: pointer; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.22); border-right-color: rgba(255, 255, 255, 0.22); border-bottom-color: rgba(255, 255, 255, 0.22); border-left-color: rgba(255, 255, 255, 0.22); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; row-gap: 7px; column-gap: 7px; height: 40px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; font-size: 11px; font-weight: 700; font-family: inherit; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; transition-behavior: normal; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; transition-property: all; display: inline-flex; }
.friend-page-host .settings-shortcut:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--lime); }
.friend-page-host .settings-shortcut span { font-size: 16px; }
.friend-page-host .settings-shortcut small { font-size: 11px; }
.friend-page-host .auth-shell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 243, 239); grid-template-columns: minmax(370px, 44%) minmax(0px, 1fr); min-height: 100vh; display: grid; }
.friend-page-host .auth-brand-panel { color: rgb(255, 255, 255); background-image: linear-gradient(145deg, rgb(0, 45, 40) 0%, rgb(6, 69, 58) 62%, rgb(46, 91, 49) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; flex-direction: column; min-height: 100vh; padding-top: 48px; padding-right: clamp(34px, 5vw, 78px); padding-bottom: 48px; padding-left: clamp(34px, 5vw, 78px); display: flex; position: relative; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .auth-brand-panel::after { content: ""; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.094); border-right-color: rgba(255, 255, 255, 0.094); border-bottom-color: rgba(255, 255, 255, 0.094); border-left-color: rgba(255, 255, 255, 0.094); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); width: 460px; height: 460px; position: absolute; bottom: -160px; right: -210px; box-shadow: rgba(255, 255, 255, 0.03) 0px 0px 0px 70px, rgba(255, 255, 255, 0.02) 0px 0px 0px 140px; }
.friend-page-host .auth-brand { z-index: 1; align-items: center; row-gap: 13px; column-gap: 13px; display: flex; position: relative; }
.friend-page-host .auth-brand > span { width: 46px; height: 46px; color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(194, 211, 82, 0.5); border-right-color: rgba(194, 211, 82, 0.5); border-bottom-color: rgba(194, 211, 82, 0.5); border-left-color: rgba(194, 211, 82, 0.5); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; font-size: 23px; font-weight: 900; display: grid; }
.friend-page-host .auth-brand strong, .friend-page-host .auth-brand small { display: block; }
.friend-page-host .auth-brand strong { font-size: 19px; }
.friend-page-host .auth-brand small { color: rgb(183, 202, 195); letter-spacing: 1.7px; margin-top: 3px; font-size: 9px; }
.friend-page-host .auth-promise { z-index: 1; margin-top: auto; margin-right: 0px; margin-bottom: 44px; margin-left: 0px; position: relative; }
.friend-page-host .auth-promise h1 { letter-spacing: -0.045em; max-width: 580px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: clamp(34px, 4.2vw, 58px); line-height: 1.04; }
.friend-page-host .auth-promise > span { color: rgb(208, 221, 216); max-width: 570px; margin-top: 20px; font-size: 16px; line-height: 1.65; display: block; }
.friend-page-host .auth-brand-panel ul { z-index: 1; color: rgb(220, 230, 226); row-gap: 12px; column-gap: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 38px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 14px; list-style-position: initial; list-style-image: initial; list-style-type: none; display: grid; position: relative; }
.friend-page-host .auth-brand-panel li { align-items: center; row-gap: 10px; column-gap: 10px; display: flex; }
.friend-page-host .auth-brand-panel li i { width: 24px; height: 24px; color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(194, 211, 82, 0.12); border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); align-items: center; justify-items: center; font-size: 12px; font-style: normal; display: grid; }
.friend-page-host .auth-footnote { z-index: 1; color: rgb(143, 172, 159); font-size: 11px; position: relative; }
.friend-page-host .auth-form-panel { align-items: center; justify-items: center; padding-top: 40px; padding-right: 22px; padding-bottom: 40px; padding-left: 22px; display: grid; }
.friend-page-host .auth-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 228, 220); border-right-color: rgb(223, 228, 220); border-bottom-color: rgb(223, 228, 220); border-left-color: rgb(223, 228, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: min(470px, 100%); padding-top: 38px; padding-right: 38px; padding-bottom: 38px; padding-left: 38px; box-shadow: rgba(25, 55, 43, 0.1) 0px 22px 65px; }
.friend-page-host .auth-card-icon { width: 52px; height: 52px; color: var(--green); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.09); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; margin-bottom: 22px; font-size: 22px; font-weight: 900; display: grid; }
.friend-page-host .auth-card > p { color: var(--green); letter-spacing: 1.2px; margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; font-size: 10px; font-weight: 900; }
.friend-page-host .auth-card h2 { letter-spacing: -0.035em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 28px; }
.friend-page-host .auth-description { color: rgb(119, 129, 123); margin-top: 9px; margin-right: 0px; margin-bottom: 25px; margin-left: 0px; font-size: 14px; line-height: 1.55; display: block; }
.friend-page-host .auth-field { row-gap: 7px; column-gap: 7px; margin-top: 14px; display: grid; }
.friend-page-host .auth-field > span { color: rgb(89, 100, 94); font-size: 12px; font-weight: 800; }
.friend-page-host .auth-field input { color: rgb(23, 33, 28); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(215, 221, 213); border-right-color: rgb(215, 221, 213); border-bottom-color: rgb(215, 221, 213); border-left-color: rgb(215, 221, 213); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; width: 100%; height: 48px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 15px; }
.friend-page-host .auth-field input:focus { border-top-color: rgb(109, 152, 37); border-right-color: rgb(109, 152, 37); border-bottom-color: rgb(109, 152, 37); border-left-color: rgb(109, 152, 37); box-shadow: rgba(90, 140, 0, 0.09) 0px 0px 0px 3px; }
.friend-page-host .auth-field > div { display: flex; align-items: stretch; min-width: 0px; }
.friend-page-host .auth-field > div input { border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; min-width: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; }
.friend-page-host .auth-field > div button { color: rgb(85, 112, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 247, 241); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(215, 221, 213); border-right-color: rgb(215, 221, 213); border-bottom-color: rgb(215, 221, 213); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; font-size: 11px; font-weight: 800; white-space-collapse: collapse; text-wrap-mode: nowrap; flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-width: 4.75rem; line-height: 1; }
.friend-page-host .password-rule { color: rgb(133, 144, 135); margin-top: 8px; font-size: 11px; line-height: 1.45; display: block; }
.friend-page-host .remember-row { cursor: pointer; align-items: flex-start; row-gap: 10px; column-gap: 10px; margin-top: 19px; margin-right: 0px; margin-bottom: 19px; margin-left: 0px; display: flex; }
.friend-page-host .remember-row input { width: 18px; height: 18px; accent-color: var(--green); margin-top: 2px; }
.friend-page-host .remember-row strong, .friend-page-host .remember-row small { display: block; }
.friend-page-host .remember-row strong { color: rgb(52, 64, 57); font-size: 13px; }
.friend-page-host .remember-row small { color: rgb(138, 147, 142); margin-top: 2px; font-size: 11px; }
.friend-page-host .auth-submit { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; min-height: 49px; font-size: 14px; font-weight: 850; box-shadow: rgba(90, 140, 0, 0.16) 0px 8px 22px; }
.friend-page-host .auth-submit:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(71, 117, 0); }
.friend-page-host .auth-submit:disabled { opacity: 0.62; cursor: not-allowed; }
.friend-page-host .auth-message, .friend-page-host .auth-loading { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; font-size: 12px; line-height: 1.5; }
.friend-page-host .auth-message.error { color: rgb(156, 73, 59); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); }
.friend-page-host .auth-loading { color: rgb(90, 117, 13); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 247, 237); }
.friend-page-host .auth-trust { color: rgb(136, 145, 140); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(232, 235, 230); align-items: flex-start; row-gap: 8px; column-gap: 8px; margin-top: 18px; padding-top: 16px; display: flex; }
.friend-page-host .auth-trust small { font-size: 10px; line-height: 1.45; }
.friend-page-host .settings-shell { color: rgb(23, 33, 28); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 244, 241); min-height: 100vh; }
.friend-page-host .settings-topbar { z-index: 20; color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); justify-content: space-between; align-items: center; min-height: 72px; padding-top: 0px; padding-right: clamp(18px, 4vw, 56px); padding-bottom: 0px; padding-left: clamp(18px, 4vw, 56px); display: flex; position: sticky; top: 0px; box-shadow: rgba(0, 45, 40, 0.14) 0px 8px 28px; }
.friend-page-host .settings-brand { color: rgb(255, 255, 255); align-items: center; row-gap: 10px; column-gap: 10px; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: flex; }
.friend-page-host .settings-brand > span { width: 38px; height: 38px; color: var(--lime); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(194, 211, 82, 0.44); border-right-color: rgba(194, 211, 82, 0.44); border-bottom-color: rgba(194, 211, 82, 0.44); border-left-color: rgba(194, 211, 82, 0.44); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; font-size: 19px; font-weight: 900; display: grid; }
.friend-page-host .settings-brand strong, .friend-page-host .settings-brand small { display: block; }
.friend-page-host .settings-brand strong { font-size: 16px; }
.friend-page-host .settings-brand small { color: rgb(157, 180, 171); letter-spacing: 1.2px; margin-top: 2px; font-size: 8px; }
.friend-page-host .settings-topbar > div { align-items: center; row-gap: 9px; column-gap: 9px; display: flex; }
.friend-page-host .settings-topbar > div a, .friend-page-host .settings-topbar > div button { color: rgb(255, 255, 255); min-height: 39px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.043); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.19); border-right-color: rgba(255, 255, 255, 0.19); border-bottom-color: rgba(255, 255, 255, 0.19); border-left-color: rgba(255, 255, 255, 0.19); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; font-size: 12px; font-weight: 800; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .settings-topbar > div a { align-items: center; display: flex; }
.friend-page-host .settings-topbar > div button:hover, .friend-page-host .settings-topbar > div a:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--lime); }
.friend-page-host .settings-content { width: min(1240px, 100% - 34px); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 36px; padding-right: 0px; padding-bottom: 60px; padding-left: 0px; }
.friend-page-host .settings-heading p { color: var(--green); letter-spacing: 1.3px; margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; font-size: 11px; font-weight: 900; }
.friend-page-host .settings-heading h1 { letter-spacing: -0.04em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 34px; }
.friend-page-host .settings-heading > span { color: rgb(117, 128, 121); margin-top: 6px; font-size: 14px; display: block; }
.friend-page-host .settings-message, .friend-page-host .settings-loading { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 18px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; font-size: 13px; }
.friend-page-host .settings-message.ok { color: rgb(79, 116, 4); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(233, 244, 220); }
.friend-page-host .settings-message.error { color: rgb(153, 74, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); }
.friend-page-host .settings-loading { color: rgb(117, 128, 121); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(225, 229, 223); border-right-color: rgb(225, 229, 223); border-bottom-color: rgb(225, 229, 223); border-left-color: rgb(225, 229, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .settings-overview { color: rgb(255, 255, 255); background-image: linear-gradient(125deg, rgb(0, 45, 40), rgb(7, 80, 67)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: minmax(0px, 1.3fr) minmax(360px, 0.7fr); row-gap: 22px; column-gap: 22px; margin-top: 24px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; display: grid; }
.friend-page-host .settings-overview > article { align-items: center; row-gap: 18px; column-gap: 18px; display: flex; }
.friend-page-host .security-score { width: 58px; height: 58px; color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(194, 211, 82, 0.44); border-right-color: rgba(194, 211, 82, 0.44); border-bottom-color: rgba(194, 211, 82, 0.44); border-left-color: rgba(194, 211, 82, 0.44); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 58px; align-items: center; justify-items: center; font-size: 27px; font-weight: 900; display: grid; }
.friend-page-host .settings-overview p, .friend-page-host .settings-card-head p { color: var(--lime); letter-spacing: 1.1px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 10px; font-weight: 900; }
.friend-page-host .settings-overview h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 22px; }
.friend-page-host .settings-overview article > div > span { color: rgb(185, 204, 196); margin-top: 6px; font-size: 13px; display: block; }
.friend-page-host .settings-overview dl { grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: grid; }
.friend-page-host .settings-overview dl > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.04); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.094); border-right-color: rgba(255, 255, 255, 0.094); border-bottom-color: rgba(255, 255, 255, 0.094); border-left-color: rgba(255, 255, 255, 0.094); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; }
.friend-page-host .settings-overview dt { color: rgb(158, 181, 172); font-size: 9px; }
.friend-page-host .settings-overview dd { overflow-wrap: anywhere; margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px; font-weight: 800; }
.friend-page-host .settings-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 16px; column-gap: 16px; margin-top: 16px; display: grid; }
.friend-page-host .settings-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 228, 221); border-right-color: rgb(223, 228, 221); border-bottom-color: rgb(223, 228, 221); border-left-color: rgb(223, 228, 221); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 23px; padding-right: 23px; padding-bottom: 23px; padding-left: 23px; box-shadow: rgba(25, 51, 40, 0.04) 0px 8px 28px; }
.friend-page-host .settings-card-head { align-items: center; row-gap: 12px; column-gap: 12px; display: flex; }
.friend-page-host .settings-card-head > span { width: 38px; height: 38px; color: var(--green); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.09); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 38px; align-items: center; justify-items: center; font-size: 11px; font-weight: 900; display: grid; }
.friend-page-host .settings-card-head p { color: var(--green); }
.friend-page-host .settings-card-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 20px; }
.friend-page-host .settings-card form { row-gap: 12px; column-gap: 12px; margin-top: 20px; display: grid; }
.friend-page-host .settings-card form > label:not(.show-passwords) { row-gap: 6px; column-gap: 6px; display: grid; }
.friend-page-host .settings-card form > label > span { color: rgb(94, 105, 98); font-size: 11px; font-weight: 800; }
.friend-page-host .settings-card input { color: rgb(23, 33, 28); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 221, 214); border-right-color: rgb(216, 221, 214); border-bottom-color: rgb(216, 221, 214); border-left-color: rgb(216, 221, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; width: 100%; height: 44px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; font-size: 14px; }
.friend-page-host .settings-card input:focus { border-top-color: rgb(110, 150, 43); border-right-color: rgb(110, 150, 43); border-bottom-color: rgb(110, 150, 43); border-left-color: rgb(110, 150, 43); box-shadow: rgba(90, 140, 0, 0.08) 0px 0px 0px 3px; }
.friend-page-host .show-passwords { color: rgb(104, 115, 108); align-items: center; row-gap: 7px; column-gap: 7px; font-size: 11px; display: flex; }
.friend-page-host .show-passwords input { width: 16px; height: 16px; accent-color: var(--green); }
.friend-page-host .settings-card form > small { color: rgb(137, 146, 141); font-size: 10px; line-height: 1.5; }
.friend-page-host .settings-primary { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 44px; font-size: 12px; font-weight: 850; }
.friend-page-host .settings-primary:disabled { opacity: 0.6; }
.friend-page-host .sessions-card { margin-top: 16px; }
.friend-page-host .sessions-head { justify-content: space-between; align-items: center; row-gap: 20px; column-gap: 20px; display: flex; }
.friend-page-host .sessions-head > button { color: rgb(162, 79, 65); min-height: 39px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 244, 241); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 176, 168); border-right-color: rgb(227, 176, 168); border-bottom-color: rgb(227, 176, 168); border-left-color: rgb(227, 176, 168); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; font-size: 11px; font-weight: 850; }
.friend-page-host .session-list { row-gap: 9px; column-gap: 9px; margin-top: 20px; display: grid; }
.friend-page-host .session-list article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 249); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(226, 230, 224); border-right-color: rgb(226, 230, 224); border-bottom-color: rgb(226, 230, 224); border-left-color: rgb(226, 230, 224); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 13px; column-gap: 13px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; display: grid; }
.friend-page-host .session-list article.current { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 237); border-top-color: rgb(171, 199, 125); border-right-color: rgb(171, 199, 125); border-bottom-color: rgb(171, 199, 125); border-left-color: rgb(171, 199, 125); }
.friend-page-host .device-icon { color: rgb(76, 118, 6); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 239, 229); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 42px; height: 42px; font-size: 18px; display: grid; }
.friend-page-host .session-main > div { flex-wrap: wrap; align-items: center; row-gap: 7px; column-gap: 7px; display: flex; }
.friend-page-host .session-main strong { font-size: 13px; }
.friend-page-host .session-main b { color: rgb(82, 117, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(220, 235, 191); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 3px; padding-right: 7px; padding-bottom: 3px; padding-left: 7px; font-size: 9px; }
.friend-page-host .session-main b.remembered { color: rgb(100, 112, 105); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 236, 232); }
.friend-page-host .session-main > span, .friend-page-host .session-main > small { color: rgb(124, 135, 128); margin-top: 4px; font-size: 10px; display: block; }
.friend-page-host .session-main > span strong { color: rgb(59, 71, 64); font-size: 11px; }
.friend-page-host .session-list article > button { color: rgb(156, 77, 64); min-height: 36px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(225, 180, 173); border-right-color: rgb(225, 180, 173); border-bottom-color: rgb(225, 180, 173); border-left-color: rgb(225, 180, 173); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-size: 10px; font-weight: 850; }
.friend-page-host .security-notes { grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 13px; column-gap: 13px; margin-top: 16px; display: grid; }
.friend-page-host .security-notes > div { border-left-width: 3px; border-left-style: solid; border-left-color: rgb(138, 173, 75); padding-top: 5px; padding-right: 13px; padding-bottom: 5px; padding-left: 13px; }
.friend-page-host .security-notes strong, .friend-page-host .security-notes span { display: block; }
.friend-page-host .security-notes strong { font-size: 12px; }
.friend-page-host .security-notes span { color: rgb(127, 137, 131); margin-top: 3px; font-size: 10px; line-height: 1.5; }
html[data-theme="dark"] .friend-page-host .settings-shell { color: rgb(245, 247, 246); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(12, 21, 18); }
html[data-theme="dark"] .friend-page-host .settings-card, html[data-theme="dark"] .friend-page-host .settings-loading { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .settings-card h2, html[data-theme="dark"] .friend-page-host .settings-heading h1 { color: rgb(245, 247, 246); }
html[data-theme="dark"] .friend-page-host .settings-card input { color: rgb(245, 247, 246); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .session-list article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .session-list article.current { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 42, 24); border-top-color: rgb(82, 109, 53); border-right-color: rgb(82, 109, 53); border-bottom-color: rgb(82, 109, 53); border-left-color: rgb(82, 109, 53); }
html[data-theme="dark"] .friend-page-host .session-main strong, html[data-theme="dark"] .friend-page-host .session-main > span strong, html[data-theme="dark"] .friend-page-host .security-notes strong { color: rgb(229, 235, 232); }
@media (width <= 980px) {
.friend-page-host .auth-shell { grid-template-columns: 1fr; }
.friend-page-host .auth-brand-panel { min-height: auto; padding-top: 28px; padding-right: 25px; padding-bottom: 28px; padding-left: 25px; }
.friend-page-host .auth-promise { margin-top: 55px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; }
.friend-page-host .auth-promise h1 { font-size: 38px; }
.friend-page-host .auth-promise > span { font-size: 14px; }
.friend-page-host .auth-brand-panel ul, .friend-page-host .auth-footnote { display: none; }
.friend-page-host .auth-form-panel { padding-top: 26px; padding-right: 18px; padding-bottom: 45px; padding-left: 18px; }
.friend-page-host .settings-overview, .friend-page-host .settings-grid { grid-template-columns: 1fr; }
}
@media (width <= 760px) {
.friend-page-host .mobile-search-shortcut, .friend-page-host .settings-shortcut { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.22); border-right-color: rgba(255, 255, 255, 0.22); border-bottom-color: rgba(255, 255, 255, 0.22); border-left-color: rgba(255, 255, 255, 0.22); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 38px; height: 38px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; }
.friend-page-host .mobile-search-shortcut { grid-row-start: 1; grid-column-start: 3; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .mobile-search-shortcut svg { fill: none; stroke: currentcolor; stroke-width: 2px; stroke-linecap: round; width: 19px; height: 19px; }
.friend-page-host .mobile-search-shortcut:active { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--lime); }
.friend-page-host .settings-shortcut { grid-row-start: 1; grid-column-start: 4; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .settings-shortcut small { display: none; }
.friend-page-host .topbar { grid-template-columns: minmax(0px, 1fr) auto auto auto auto auto; }
.friend-page-host .theme-toggle { grid-column-start: 2; grid-column-end: auto; }
.friend-page-host .global-search { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .auth-brand-panel { padding-top: 22px; padding-right: 18px; padding-bottom: 22px; padding-left: 18px; }
.friend-page-host .auth-promise { margin-top: 38px; margin-right: 0px; margin-bottom: 13px; margin-left: 0px; }
.friend-page-host .auth-promise h1 { font-size: 31px; }
.friend-page-host .auth-promise > span { font-size: 13px; }
.friend-page-host .auth-card { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 26px; padding-right: 20px; padding-bottom: 26px; padding-left: 20px; }
.friend-page-host .auth-card h2 { font-size: 25px; }
.friend-page-host .auth-field input { font-size: 16px; }
.friend-page-host .settings-topbar { padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; }
.friend-page-host .settings-topbar > div a { display: none; }
.friend-page-host .settings-topbar > div button { padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.friend-page-host .settings-content { width: min(100% - 28px, 1240px); padding-top: 25px; padding-right: 0px; padding-bottom: 45px; padding-left: 0px; }
.friend-page-host .settings-heading h1 { font-size: 29px; }
.friend-page-host .settings-heading > span { font-size: 13px; line-height: 1.5; }
.friend-page-host .settings-overview { padding-top: 19px; padding-right: 19px; padding-bottom: 19px; padding-left: 19px; }
.friend-page-host .settings-overview > article { align-items: flex-start; }
.friend-page-host .security-score { flex-basis: 48px; width: 48px; height: 48px; }
.friend-page-host .settings-overview h2 { font-size: 19px; }
.friend-page-host .settings-overview dl { grid-template-columns: 1fr; }
.friend-page-host .settings-card { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .sessions-head { flex-direction: column; align-items: flex-start; }
.friend-page-host .sessions-head > button { width: 100%; }
.friend-page-host .session-list article { grid-template-columns: auto minmax(0px, 1fr); align-items: start; }
.friend-page-host .session-list article > button { grid-column-start: 2; grid-column-end: auto; width: 100%; margin-top: 5px; }
.friend-page-host .security-notes { grid-template-columns: 1fr; }
}
.friend-page-host .person-picker { align-self: start; }
.friend-page-host .person-select-line { grid-template-columns: minmax(0px, 1fr) auto; row-gap: 7px; column-gap: 7px; display: grid; }
.friend-page-host .person-select-line > button { color: rgb(82, 119, 0); min-height: 43px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; white-space-collapse: collapse; text-wrap-mode: nowrap; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 233); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(169, 196, 122); border-right-color: rgb(169, 196, 122); border-bottom-color: rgb(169, 196, 122); border-left-color: rgb(169, 196, 122); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; font-size: 11px; font-weight: 900; }
.friend-page-host .person-select-line > button:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 218); }
.friend-page-host .inline-person-add { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 239); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 217, 178); border-right-color: rgb(203, 217, 178); border-bottom-color: rgb(203, 217, 178); border-left-color: rgb(203, 217, 178); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-column-start: 1; grid-column-end: -1; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; margin-top: 2px; padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; display: grid; }
.friend-page-host .inline-person-add > strong, .friend-page-host .inline-person-add > small, .friend-page-host .inline-person-add > div { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .inline-person-add > strong { color: rgb(62, 94, 0); font-size: 11px; }
.friend-page-host .inline-person-add > input { width: 100%; min-width: 0px; height: 40px; color: var(--ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(212, 221, 198); border-right-color: rgb(212, 221, 198); border-bottom-color: rgb(212, 221, 198); border-left-color: rgb(212, 221, 198); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-size: 12px; }
.friend-page-host .inline-person-add > input:focus { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; box-shadow: rgba(90, 140, 0, 0.08) 0px 0px 0px 3px; }
.friend-page-host .inline-person-add > small { color: rgb(160, 76, 62); font-size: 10px; }
.friend-page-host .inline-person-add > div { justify-content: flex-end; row-gap: 7px; column-gap: 7px; display: flex; }
.friend-page-host .inline-person-add > div button { color: rgb(93, 104, 97); min-height: 36px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(214, 221, 208); border-right-color: rgb(214, 221, 208); border-bottom-color: rgb(214, 221, 208); border-left-color: rgb(214, 221, 208); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; font-size: 11px; font-weight: 850; }
.friend-page-host .inline-person-add > div .quick-person-save { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
.friend-page-host .relation-note { color: rgb(100, 112, 95); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 236); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(141, 175, 77); border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; margin-top: 11px; padding-top: 9px; padding-right: 11px; padding-bottom: 9px; padding-left: 11px; font-size: 11px; line-height: 1.5; }
.friend-page-host .relation-note strong { color: rgb(78, 115, 0); }
html[data-theme="dark"] .friend-page-host .person-select-line > button { color: rgb(201, 220, 131); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 42, 24); border-top-color: rgb(82, 109, 53); border-right-color: rgb(82, 109, 53); border-bottom-color: rgb(82, 109, 53); border-left-color: rgb(82, 109, 53); }
html[data-theme="dark"] .friend-page-host .inline-person-add { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(21, 33, 25); border-top-color: rgb(62, 84, 48); border-right-color: rgb(62, 84, 48); border-bottom-color: rgb(62, 84, 48); border-left-color: rgb(62, 84, 48); }
html[data-theme="dark"] .friend-page-host .inline-person-add > strong { color: rgb(201, 220, 131); }
html[data-theme="dark"] .friend-page-host .inline-person-add > input, html[data-theme="dark"] .friend-page-host .inline-person-add > div button { color: rgb(238, 243, 241); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(58, 77, 68); border-right-color: rgb(58, 77, 68); border-bottom-color: rgb(58, 77, 68); border-left-color: rgb(58, 77, 68); }
html[data-theme="dark"] .friend-page-host .inline-person-add > div .quick-person-save { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
html[data-theme="dark"] .friend-page-host .relation-note { color: rgb(185, 196, 190); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 36, 25); }
@media (width <= 760px) {
.friend-page-host .person-select-line > button { min-height: 46px; font-size: 12px; }
.friend-page-host .inline-person-add { grid-template-columns: 1fr; }
.friend-page-host .inline-person-add > strong, .friend-page-host .inline-person-add > small, .friend-page-host .inline-person-add > div { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .inline-person-add > input { height: 46px; font-size: 16px; }
.friend-page-host .inline-person-add > div button { min-height: 42px; font-size: 12px; }
.friend-page-host .relation-note { font-size: 12px; }
}
@media (width <= 430px) {
.friend-page-host .person-select-line { grid-template-columns: 1fr; }
.friend-page-host .person-select-line > button { width: 100%; }
}
.friend-page-host .brand-version { color: var(--lime); letter-spacing: 0.35px; margin-top: 5px; font-size: 10px; font-style: normal; font-weight: 800; display: block; }
.friend-page-host .live-calc, .friend-page-host .finance-detail dl { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.friend-page-host .date-row.single { grid-template-columns: 1fr; }
.friend-page-host .brand { padding-top: 0px; padding-right: 0px; padding-bottom: 25px; padding-left: 0px; display: block; }
.friend-page-host .brand-logo { object-fit: contain; object-position: left center; width: 100%; height: 82px; display: block; }
.friend-page-host .brand .brand-version { margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 4px; }
.friend-page-host .mobile-brand { min-width: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .mobile-brand-logo { object-fit: contain; object-position: left center; width: 168px; height: 42px; display: block; }
.friend-page-host .settings-brand-logo { object-fit: contain; object-position: left center; width: 205px; height: 54px; display: block; }
.friend-page-host .person-drawer-actions { align-items: center; }
.friend-page-host .person-drawer-actions .primary-btn { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
@media (width <= 760px) {
.friend-page-host .live-calc { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (width <= 520px) {
.friend-page-host .live-calc { grid-template-columns: 1fr; }
}
.friend-page-host .auth-ip { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 249, 242); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 230, 218); border-right-color: rgb(223, 230, 218); border-bottom-color: rgb(223, 230, 218); border-left-color: rgb(223, 230, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 14px; column-gap: 14px; margin-top: 16px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; display: flex; }
.friend-page-host .auth-ip span { color: rgb(111, 123, 115); font-size: 11px; }
.friend-page-host .auth-ip strong { color: rgb(37, 75, 61); overflow-wrap: anywhere; font-size: 12px; }
.friend-page-host .settings-switch { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 249, 241); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 231, 214); border-right-color: rgb(223, 231, 214); border-bottom-color: rgb(223, 231, 214); border-left-color: rgb(223, 231, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: flex-start; row-gap: 10px; column-gap: 10px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; display: flex !important; }
.friend-page-host .settings-switch > input { width: 18px; height: 18px; accent-color: var(--green); flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin-top: 2px; }
.friend-page-host .settings-switch > span, .friend-page-host .settings-switch strong, .friend-page-host .settings-switch small { display: block; }
.friend-page-host .settings-switch strong { color: rgb(52, 64, 57); font-size: 12px; }
.friend-page-host .settings-switch small { color: rgb(125, 137, 129); margin-top: 3px; font-size: 10px; }
.friend-page-host .security-log-card { margin-top: 16px; }
.friend-page-host .log-policy { color: rgb(111, 123, 115); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 248, 243); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(138, 173, 75); margin-top: 16px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; font-size: 11px; line-height: 1.55; }
.friend-page-host .security-log-list { row-gap: 8px; column-gap: 8px; margin-top: 14px; display: grid; }
.friend-page-host .security-log-list article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 249); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(226, 230, 224); border-right-color: rgb(226, 230, 224); border-bottom-color: rgb(226, 230, 224); border-left-color: rgb(226, 230, 224); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 11px; column-gap: 11px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; display: grid; }
.friend-page-host .security-log-list article.warning { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 250, 240); border-top-color: rgb(234, 220, 181); border-right-color: rgb(234, 220, 181); border-bottom-color: rgb(234, 220, 181); border-left-color: rgb(234, 220, 181); }
.friend-page-host .security-log-list article.error { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 246, 244); border-top-color: rgb(237, 203, 196); border-right-color: rgb(237, 203, 196); border-bottom-color: rgb(237, 203, 196); border-left-color: rgb(237, 203, 196); }
.friend-page-host .log-level { color: rgb(79, 115, 10); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 239, 229); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; font-size: 8px; font-weight: 900; }
.friend-page-host .warning .log-level { color: rgb(136, 104, 24); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 231, 191); }
.friend-page-host .error .log-level { color: rgb(153, 75, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 216, 210); }
.friend-page-host .security-log-list strong, .friend-page-host .security-log-list small { display: block; }
.friend-page-host .security-log-list strong { color: rgb(53, 65, 58); font-size: 12px; }
.friend-page-host .security-log-list small { color: rgb(124, 135, 128); margin-top: 3px; font-size: 10px; }
.friend-page-host .security-log-list time { color: rgb(125, 135, 129); white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 10px; }
.friend-page-host .empty-log { color: rgb(125, 135, 129); text-align: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(216, 222, 213); border-right-color: rgb(216, 222, 213); border-bottom-color: rgb(216, 222, 213); border-left-color: rgb(216, 222, 213); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; font-size: 12px; }
.friend-page-host .danger-button { color: rgb(162, 79, 65); min-height: 39px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 244, 241); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 176, 168); border-right-color: rgb(227, 176, 168); border-bottom-color: rgb(227, 176, 168); border-left-color: rgb(227, 176, 168); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; font-size: 11px; font-weight: 850; }
html[data-theme="dark"] .friend-page-host .auth-form-panel { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(12, 21, 18); }
html[data-theme="dark"] .friend-page-host .auth-card { color: rgb(245, 247, 246); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .auth-card h2 { color: rgb(245, 247, 246); }
html[data-theme="dark"] .friend-page-host .auth-field input { color: rgb(245, 247, 246); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .auth-ip, html[data-theme="dark"] .friend-page-host .settings-switch, html[data-theme="dark"] .friend-page-host .log-policy { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .auth-ip strong, html[data-theme="dark"] .friend-page-host .settings-switch strong { color: rgb(229, 235, 232); }
html[data-theme="dark"] .friend-page-host .security-log-list article, html[data-theme="dark"] .friend-page-host .empty-log { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .security-log-list article.warning { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 38, 23); border-top-color: rgb(89, 79, 44); border-right-color: rgb(89, 79, 44); border-bottom-color: rgb(89, 79, 44); border-left-color: rgb(89, 79, 44); }
html[data-theme="dark"] .friend-page-host .security-log-list article.error { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(44, 28, 25); border-top-color: rgb(93, 52, 45); border-right-color: rgb(93, 52, 45); border-bottom-color: rgb(93, 52, 45); border-left-color: rgb(93, 52, 45); }
html[data-theme="dark"] .friend-page-host .security-log-list strong { color: rgb(229, 235, 232); }
@media (width <= 760px) {
.friend-page-host .security-log-list article { grid-template-columns: auto minmax(0px, 1fr); }
.friend-page-host .security-log-list time { grid-column-start: 2; grid-column-end: auto; }
}
.friend-page-host .log-pagination { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(228, 233, 227); flex-wrap: nowrap; justify-content: flex-end; align-items: center; row-gap: 6px; column-gap: 6px; margin-bottom: 14px; padding-bottom: 14px; display: flex; }
.friend-page-host .log-pagination > button, .friend-page-host .log-pagination div button { color: rgb(67, 80, 72); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 225, 216); border-right-color: rgb(217, 225, 216); border-bottom-color: rgb(217, 225, 216); border-left-color: rgb(217, 225, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 36px; min-width: 36px; min-height: 36px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 800; font-stretch: normal; font-size: 11px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .log-pagination div, .friend-page-host .log-pagination div span { align-items: center; row-gap: 5px; column-gap: 5px; display: flex; }
.friend-page-host .log-pagination div i { color: rgb(135, 145, 139); font-style: normal; }
.friend-page-host .log-pagination div button.active { color: rgb(77, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 246, 220); border-top-color: rgb(184, 215, 135); border-right-color: rgb(184, 215, 135); border-bottom-color: rgb(184, 215, 135); border-left-color: rgb(184, 215, 135); }
.friend-page-host .log-pagination button:disabled { opacity: 0.45; }
html[data-theme="dark"] .friend-page-host .log-pagination { border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .log-pagination > button, html[data-theme="dark"] .friend-page-host .log-pagination div button { color: rgb(229, 235, 232); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .log-pagination div button.active { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); border-top-color: rgb(124, 172, 34); border-right-color: rgb(124, 172, 34); border-bottom-color: rgb(124, 172, 34); border-left-color: rgb(124, 172, 34); }
@media (width <= 760px) {
.friend-page-host .mobile-brand-logo { width: min(158px, 100%); height: 40px; }
.friend-page-host .settings-brand-logo { width: 156px; height: 42px; }
.friend-page-host .person-drawer-actions { flex-direction: row; flex-wrap: wrap; align-items: stretch; }
.friend-page-host .person-drawer-actions .primary-btn, .friend-page-host .person-drawer-actions .danger-btn { width: auto; min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: calc(50% - 4px); }
}
.friend-page-host .brand { color: rgb(255, 255, 255); text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .profile-mini { margin-top: auto; }
.friend-page-host .topbar { z-index: 60; }
.friend-page-host .mobile-brand { color: inherit; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .openai-settings { margin-top: 16px; }
.friend-page-host .repeat-property { cursor: pointer; align-items: center; row-gap: 9px; column-gap: 9px; margin-right: auto; display: flex; }
.friend-page-host .repeat-property input { width: 18px; height: 18px; accent-color: var(--green); }
.friend-page-host .repeat-property span, .friend-page-host .repeat-property strong, .friend-page-host .repeat-property small { display: block; }
.friend-page-host .repeat-property strong { color: rgb(53, 65, 58); font-size: 12px; }
.friend-page-host .repeat-property small { color: rgb(125, 135, 129); margin-top: 2px; font-size: 10px; }
.friend-page-host .person-add-property { color: rgb(79, 116, 0); width: 100%; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-align: left; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 247, 230); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(169, 200, 122); border-right-color: rgb(169, 200, 122); border-bottom-color: rgb(169, 200, 122); border-left-color: rgb(169, 200, 122); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 12px; column-gap: 12px; margin-top: 13px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; padding-top: 12px; padding-right: 13px; padding-bottom: 12px; padding-left: 13px; font-size: 13px; font-weight: 900; display: flex; }
.friend-page-host .person-add-property span { color: rgb(115, 128, 100); text-align: right; font-size: 10px; font-weight: 600; }
.friend-page-host .identity-hero { color: rgb(255, 255, 255); background-image: linear-gradient(120deg, rgb(0, 45, 40), rgb(7, 80, 67)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 24px; column-gap: 24px; padding-top: 18px; padding-right: 30px; padding-bottom: 18px; padding-left: 30px; display: flex; }
.friend-page-host .identity-hero p { color: var(--lime); letter-spacing: 1.2px; margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; font-size: 11px; font-weight: 900; }
.friend-page-host .identity-hero h2 { letter-spacing: -0.03em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 25px; }
.friend-page-host .identity-hero > div > span { color: rgba(255, 255, 255, 0.74); width: 100%; max-width: none; margin-top: 8px; font-size: 14px; line-height: 1.45; display: block; }
.friend-page-host .identity-shield { width: 62px; height: 62px; color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.208); border-right-color: rgba(255, 255, 255, 0.208); border-bottom-color: rgba(255, 255, 255, 0.208); border-left-color: rgba(255, 255, 255, 0.208); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 62px; align-items: center; justify-items: center; font-size: 28px; display: grid; }
.friend-page-host .identity-grid { grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr); row-gap: 15px; column-gap: 15px; display: grid; }
.friend-page-host .identity-upload, .friend-page-host .identity-result { padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; }
.friend-page-host .identity-dropzone { cursor: pointer; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 249, 242); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(183, 201, 170); border-right-color: rgb(183, 201, 170); border-bottom-color: rgb(183, 201, 170); border-left-color: rgb(183, 201, 170); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; min-height: 200px; margin-top: 17px; display: grid; position: relative; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .identity-dropzone > span { text-align: center; }
.friend-page-host .identity-dropzone b, .friend-page-host .identity-dropzone small { display: block; }
.friend-page-host .identity-dropzone b { color: rgb(78, 116, 3); font-size: 15px; }
.friend-page-host .identity-dropzone small { color: rgb(133, 144, 120); margin-top: 6px; font-size: 11px; }
.friend-page-host .identity-dropzone input { opacity: 0; cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .identity-dropzone img { object-fit: contain; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 236, 230); width: 100%; height: 100%; max-height: 360px; }
.friend-page-host .identity-upload-actions { justify-content: flex-end; row-gap: 9px; column-gap: 9px; margin-top: 12px; display: flex; }
.friend-page-host .identity-upload-actions button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 43px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 12px; font-weight: 850; }
.friend-page-host .identity-privacy { color: rgb(123, 134, 127); margin-top: 11px; font-size: 10px; line-height: 1.5; display: block; }
.friend-page-host .identity-result form { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 12px; column-gap: 12px; margin-top: 18px; display: grid; }
.friend-page-host .identity-result form > button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-column-start: 1; grid-column-end: -1; min-height: 45px; font-size: 13px; font-weight: 900; }
.friend-page-host .identity-confidence { color: rgb(77, 116, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 10px; font-weight: 900; }
.friend-page-host .identity-warning { color: rgb(116, 92, 34); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 248, 232); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(200, 148, 45); border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; margin-top: 12px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; font-size: 11px; line-height: 1.5; }
.friend-page-host .document-actions .edit-document { color: rgb(82, 119, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 233); border-top-color: rgb(203, 217, 178); border-right-color: rgb(203, 217, 178); border-bottom-color: rgb(203, 217, 178); border-left-color: rgb(203, 217, 178); margin-left: 0px; }
html[data-theme="dark"] .friend-page-host .repeat-property strong { color: rgb(231, 236, 233); }
html[data-theme="dark"] .friend-page-host .person-add-property { color: rgb(200, 220, 141); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 41, 24); border-top-color: rgb(83, 111, 54); border-right-color: rgb(83, 111, 54); border-bottom-color: rgb(83, 111, 54); border-left-color: rgb(83, 111, 54); }
html[data-theme="dark"] .friend-page-host .person-add-property span { color: rgb(170, 183, 163); }
html[data-theme="dark"] .friend-page-host .identity-upload, html[data-theme="dark"] .friend-page-host .identity-result { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .identity-dropzone { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(70, 96, 60); border-right-color: rgb(70, 96, 60); border-bottom-color: rgb(70, 96, 60); border-left-color: rgb(70, 96, 60); }
html[data-theme="dark"] .friend-page-host .identity-dropzone b { color: rgb(199, 220, 139); }
html[data-theme="dark"] .friend-page-host .identity-warning { color: rgb(228, 208, 149); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 37, 23); }
html[data-theme="dark"] .friend-page-host .identity-confidence { color: rgb(201, 223, 141); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(39, 54, 29); }
@media (width <= 900px) {
.friend-page-host .identity-grid { grid-template-columns: 1fr; }
.friend-page-host .identity-dropzone { min-height: 220px; }
}
@media (width <= 760px) {
.friend-page-host .mobile-nav { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-color: rgb(25, 75, 67); grid-template-columns: repeat(6, 1fr); }
.friend-page-host .mobile-nav button { color: rgb(174, 191, 186); }
.friend-page-host .mobile-nav button.active { color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.047); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .topbar { z-index: 60; position: sticky; top: 0px; }
.friend-page-host .repeat-property { grid-column-start: 1; grid-column-end: -1; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; }
.friend-page-host .modal-actions { flex-wrap: wrap; }
.friend-page-host .identity-hero { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.friend-page-host .identity-hero h2 { font-size: 21px; }
.friend-page-host .identity-hero > div > span { font-size: 12px; }
.friend-page-host .identity-shield { display: none; }
.friend-page-host .identity-upload, .friend-page-host .identity-result { padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; }
.friend-page-host .identity-result form { grid-template-columns: 1fr; }
.friend-page-host .identity-result .field.full, .friend-page-host .identity-result form > button { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .identity-upload-actions { grid-template-columns: 1fr; display: grid; }
.friend-page-host .identity-upload-actions button { width: 100%; }
.friend-page-host .person-add-property { display: grid; }
.friend-page-host .person-add-property span { text-align: left; }
.friend-page-host .document-actions { flex-wrap: wrap; }
}
.friend-page-host .identity-preview { background-image: initial; background-position-x: 50%; background-position-y: center; background-size: contain; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 236, 230); width: 100%; height: 100%; min-height: 200px; }
.friend-page-host .identity-text-source { margin-top: 12px; display: block; }
.friend-page-host .identity-text-source > span { color: rgb(82, 97, 89); margin-bottom: 7px; font-size: 12px; font-weight: 850; display: block; }
.friend-page-host .identity-text-source textarea { resize: vertical; color: rgb(21, 36, 30); width: 100%; height: 64px; min-height: 64px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(207, 216, 208); border-right-color: rgb(207, 216, 208); border-bottom-color: rgb(207, 216, 208); border-left-color: rgb(207, 216, 208); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: none; outline-width: initial; padding-top: 12px; padding-right: 13px; padding-bottom: 12px; padding-left: 13px; font-size: 13px; line-height: 1.5; }
.friend-page-host .identity-text-source textarea:focus { border-top-color: rgb(120, 166, 44); border-right-color: rgb(120, 166, 44); border-bottom-color: rgb(120, 166, 44); border-left-color: rgb(120, 166, 44); box-shadow: rgba(120, 166, 44, 0.106) 0px 0px 0px 3px; }
.friend-page-host .identity-upload-actions { flex-wrap: wrap; }
.friend-page-host .identity-source-actions { margin-top: 10px; display: grid; }
.friend-page-host .identity-camera-button { color: rgb(79, 116, 0); cursor: pointer; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 247, 230); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(170, 198, 129); border-right-color: rgb(170, 198, 129); border-bottom-color: rgb(170, 198, 129); border-left-color: rgb(170, 198, 129); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: center; align-items: center; min-height: 44px; font-size: 12px; font-weight: 900; display: flex; position: relative; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .identity-camera-button input { opacity: 0; cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .field input[inputmode="decimal"] { font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }
.friend-page-host .relation-note + .live-calc { margin-top: 11px; }
html[data-theme="dark"] .friend-page-host .identity-camera-button { color: rgb(200, 220, 141); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 41, 24); border-top-color: rgb(83, 111, 54); border-right-color: rgb(83, 111, 54); border-bottom-color: rgb(83, 111, 54); border-left-color: rgb(83, 111, 54); }
html[data-theme="dark"] .friend-page-host .identity-text-source > span { color: rgb(183, 196, 189); }
html[data-theme="dark"] .friend-page-host .identity-text-source textarea { color: rgb(237, 243, 239); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(52, 70, 62); border-right-color: rgb(52, 70, 62); border-bottom-color: rgb(52, 70, 62); border-left-color: rgb(52, 70, 62); }
@media (width <= 760px) {
.friend-page-host .identity-camera-button { min-height: 48px; font-size: 14px; }
.friend-page-host .identity-source-actions { margin-top: 12px; }
}
.friend-page-host .settings-card select { color: rgb(23, 33, 28); width: 100%; height: 44px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 221, 214); border-right-color: rgb(216, 221, 214); border-bottom-color: rgb(216, 221, 214); border-left-color: rgb(216, 221, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-top: 0px; padding-right: 36px; padding-bottom: 0px; padding-left: 12px; font-size: 14px; }
.friend-page-host .settings-card select:focus { border-top-color: rgb(110, 150, 43); border-right-color: rgb(110, 150, 43); border-bottom-color: rgb(110, 150, 43); border-left-color: rgb(110, 150, 43); box-shadow: rgba(90, 140, 0, 0.08) 0px 0px 0px 3px; }
.friend-page-host .model-field { grid-template-columns: minmax(0px, 1fr) auto; align-items: end; row-gap: 10px; column-gap: 10px; display: grid; }
.friend-page-host .model-field > label { row-gap: 6px; column-gap: 6px; display: grid; }
.friend-page-host .model-field > label > span { color: rgb(94, 105, 98); font-size: 11px; font-weight: 800; }
.friend-page-host .model-refresh { color: rgb(78, 115, 0); min-height: 44px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; white-space-collapse: collapse; text-wrap-mode: nowrap; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 233); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(169, 199, 123); border-right-color: rgb(169, 199, 123); border-bottom-color: rgb(169, 199, 123); border-left-color: rgb(169, 199, 123); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; font-size: 11px; font-weight: 900; }
.friend-page-host .model-refresh:disabled { opacity: 0.55; }
.friend-page-host .model-status { color: rgb(94, 109, 87); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 236); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(138, 173, 75); border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; justify-content: space-between; align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 9px; padding-right: 11px; padding-bottom: 9px; padding-left: 11px; font-size: 11px; line-height: 1.45; display: flex; }
.friend-page-host .model-status.error { color: rgb(145, 74, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 242, 239); border-left-color: rgb(201, 120, 105); }
.friend-page-host .model-status small { color: rgb(125, 136, 126); white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 10px; }
.friend-page-host .system-card { margin-top: 16px; }
.friend-page-host .system-card .sessions-head > button { color: rgb(82, 117, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 236); border-top-color: rgb(185, 206, 149); border-right-color: rgb(185, 206, 149); border-bottom-color: rgb(185, 206, 149); border-left-color: rgb(185, 206, 149); }
.friend-page-host .system-error { color: rgb(152, 74, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 16px; padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; font-size: 12px; }
.friend-page-host .system-metrics { grid-template-columns: repeat(4, minmax(0px, 1fr)); row-gap: 10px; column-gap: 10px; margin-top: 20px; display: grid; }
.friend-page-host .system-metrics article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 249); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(226, 231, 223); border-right-color: rgb(226, 231, 223); border-bottom-color: rgb(226, 231, 223); border-left-color: rgb(226, 231, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 0px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .system-metrics span, .friend-page-host .system-metrics strong, .friend-page-host .system-metrics small { display: block; }
.friend-page-host .system-metrics span { color: rgb(123, 134, 127); font-size: 10px; font-weight: 800; }
.friend-page-host .system-metrics strong { overflow-wrap: anywhere; color: rgb(45, 57, 50); margin-top: 6px; font-size: 14px; line-height: 1.35; }
.friend-page-host .system-metrics small { overflow-wrap: anywhere; color: rgb(139, 148, 143); margin-top: 4px; font-size: 10px; line-height: 1.4; }
.friend-page-host .release-history { row-gap: 8px; column-gap: 8px; margin-top: 20px; display: grid; }
.friend-page-host .release-history-head { justify-content: space-between; align-items: center; row-gap: 12px; column-gap: 12px; margin-bottom: 3px; display: flex; }
.friend-page-host .release-history-head strong { font-size: 14px; }
.friend-page-host .release-history-head span { color: rgb(125, 136, 129); font-size: 10px; }
.friend-page-host .release-history > article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 249); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(225, 230, 223); border-right-color: rgb(225, 230, 223); border-bottom-color: rgb(225, 230, 223); border-left-color: rgb(225, 230, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 155px minmax(0px, 1fr); row-gap: 15px; column-gap: 15px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; display: grid; }
.friend-page-host .release-history > article.current { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 235); border-top-color: rgb(168, 198, 116); border-right-color: rgb(168, 198, 116); border-bottom-color: rgb(168, 198, 116); border-left-color: rgb(168, 198, 116); }
.friend-page-host .release-history > article > div { flex-wrap: wrap; align-items: center; row-gap: 7px; column-gap: 7px; display: flex; }
.friend-page-host .release-history > article > div b { color: rgb(78, 116, 0); font-size: 13px; }
.friend-page-host .release-history > article > div em { color: rgb(80, 117, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(220, 235, 191); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 3px; padding-right: 6px; padding-bottom: 3px; padding-left: 6px; font-size: 8px; font-style: normal; font-weight: 900; }
.friend-page-host .release-history time { color: rgb(137, 146, 140); width: 100%; font-size: 9px; }
.friend-page-host .release-history section strong, .friend-page-host .release-history section span { display: block; }
.friend-page-host .release-history section strong { color: rgb(52, 64, 57); font-size: 12px; }
.friend-page-host .release-history section span { color: rgb(124, 135, 128); margin-top: 4px; font-size: 10px; line-height: 1.5; }
html[data-theme="dark"] .friend-page-host .settings-card select { color: rgb(245, 247, 246); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .model-refresh { color: rgb(201, 220, 131); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 42, 24); border-top-color: rgb(82, 109, 53); border-right-color: rgb(82, 109, 53); border-bottom-color: rgb(82, 109, 53); border-left-color: rgb(82, 109, 53); }
html[data-theme="dark"] .friend-page-host .model-status { color: rgb(189, 201, 193); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 36, 25); }
html[data-theme="dark"] .friend-page-host .model-status.error { color: rgb(227, 161, 149); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(44, 28, 25); }
html[data-theme="dark"] .friend-page-host .system-metrics article, html[data-theme="dark"] .friend-page-host .release-history > article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .release-history > article.current { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 41, 24); border-top-color: rgb(82, 109, 53); border-right-color: rgb(82, 109, 53); border-bottom-color: rgb(82, 109, 53); border-left-color: rgb(82, 109, 53); }
html[data-theme="dark"] .friend-page-host .system-metrics strong, html[data-theme="dark"] .friend-page-host .release-history section strong, html[data-theme="dark"] .friend-page-host .release-history-head strong { color: rgb(229, 235, 232); }
@media (width <= 980px) {
.friend-page-host .system-metrics { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (width <= 760px) {
.friend-page-host .model-field { grid-template-columns: 1fr; }
.friend-page-host .model-refresh { width: 100%; font-size: 12px; }
.friend-page-host .model-status { flex-direction: column; align-items: flex-start; }
.friend-page-host .model-status small { white-space-collapse: collapse; text-wrap-mode: wrap; }
.friend-page-host .settings-card select { height: 46px; font-size: 16px; }
.friend-page-host .system-metrics { grid-template-columns: 1fr; }
.friend-page-host .system-metrics article { padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
.friend-page-host .system-metrics span, .friend-page-host .system-metrics small { font-size: 11px; }
.friend-page-host .system-metrics strong { font-size: 15px; }
.friend-page-host .release-history-head { flex-direction: column; align-items: flex-start; }
.friend-page-host .release-history > article { grid-template-columns: 1fr; row-gap: 7px; column-gap: 7px; }
.friend-page-host .release-history section span { font-size: 11px; }
}
.friend-page-host .auth-message.warning { color: rgb(116, 91, 24); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 249, 232); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(234, 217, 168); border-right-color: rgb(234, 217, 168); border-bottom-color: rgb(234, 217, 168); border-left-color: rgb(234, 217, 168); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .auth-message.warning strong, .friend-page-host .auth-message.warning span { display: block; }
.friend-page-host .auth-message.warning span { margin-top: 3px; font-size: 11px; }
.friend-page-host .auth-message.success { color: rgb(77, 113, 5); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(240, 247, 229); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(189, 211, 151); border-right-color: rgb(189, 211, 151); border-bottom-color: rgb(189, 211, 151); border-left-color: rgb(189, 211, 151); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
html[data-theme="dark"] .friend-page-host .auth-message.warning { color: rgb(234, 213, 142); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 38, 24); border-top-color: rgb(93, 81, 40); border-right-color: rgb(93, 81, 40); border-bottom-color: rgb(93, 81, 40); border-left-color: rgb(93, 81, 40); }
html[data-theme="dark"] .friend-page-host .auth-message.success { color: rgb(201, 223, 140); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 42, 25); border-top-color: rgb(75, 101, 51); border-right-color: rgb(75, 101, 51); border-bottom-color: rgb(75, 101, 51); border-left-color: rgb(75, 101, 51); }
.friend-page-host .brand-logo, .friend-page-host .mobile-brand-logo, .friend-page-host .settings-brand-logo { object-fit: contain; object-position: left center; letter-spacing: normal; font-family: initial; }
.friend-page-host .brand-logo, .friend-page-host .mobile-brand-logo { height: auto; max-height: none; }
.friend-page-host .settings-brand-logo { height: auto; max-height: 58px; }
.friend-page-host .date-auto-note { color: rgb(116, 128, 120); margin-top: 9px; font-size: 11px; line-height: 1.5; display: block; }
.friend-page-host .row-date { color: rgb(98, 108, 102); white-space-collapse: collapse; text-wrap-mode: nowrap; font-variant-numeric: tabular-nums; font-size: 12px; line-height: 1.35; display: block; }
.friend-page-host .responsive-table table { min-width: 1020px; }
.friend-page-host .monthly-chart { scrollbar-width: thin; padding-top: 2px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; overflow-x: auto; }
.friend-page-host .monthly-bars { background-image: repeating-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 35px, rgb(240, 241, 236) 36px); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(231, 233, 227); grid-template-columns: repeat(12, minmax(44px, 1fr)); align-items: end; row-gap: 5px; column-gap: 5px; min-width: 670px; height: 132px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px; padding-left: 2px; display: grid; }
.friend-page-host .monthly-bar { text-align: center; grid-template-rows: 22px minmax(0px, 1fr) 18px; align-items: end; height: 126px; display: grid; }
.friend-page-host .monthly-bar > strong { color: rgb(101, 112, 105); text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 8px; font-weight: 750; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .monthly-bar > span { justify-content: center; align-items: flex-end; height: 82px; display: flex; }
.friend-page-host .monthly-bar > span i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(194, 211, 82); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; width: min(28px, 72%); min-height: 4px; transition-behavior: normal; transition-duration: 0.25s; transition-timing-function: ease; transition-delay: 0s; transition-property: height; display: block; }
.friend-page-host .monthly-bar.peak > span i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); }
.friend-page-host .monthly-bar.negative > span i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(196, 107, 93); }
.friend-page-host .monthly-bar > small { color: rgb(116, 125, 119); font-size: 9px; font-weight: 750; }
.friend-page-host .profit-panel .profit-number { margin-top: 19px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
html[data-theme="dark"] .friend-page-host .date-auto-note, html[data-theme="dark"] .friend-page-host .row-date { color: rgb(181, 192, 186); }
html[data-theme="dark"] .friend-page-host .monthly-bars { background-image: repeating-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 35px, rgb(35, 50, 44) 36px); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .monthly-bar > strong, html[data-theme="dark"] .friend-page-host .monthly-bar > small { color: rgb(185, 196, 190); }
@media (width <= 760px) {
.friend-page-host .topbar { grid-template-rows: 50px 46px; height: 124px; }
.friend-page-host .brand-logo { max-height: none; }
.friend-page-host .mobile-brand-logo { width: min(160px, 100%); max-height: none; }
.friend-page-host .settings-brand-logo { width: 170px; max-height: 52px; }
.friend-page-host .date-auto-note { font-size: 12px; }
.friend-page-host .responsive-table table { min-width: 0px; }
.friend-page-host .property-list-panel .responsive-table tr { grid-template-columns: minmax(0px, 1fr) auto; padding-top: 15px; padding-right: 44px; padding-bottom: 15px; padding-left: 17px; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(2) { position: absolute; top: 15px; right: 17px; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(3) { grid-row-start: 2; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(4) { grid-row-start: 3; grid-column-start: 1; grid-row-end: auto; grid-column-end: -1; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(5) { grid-row-start: 4; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto; position: static; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(6) { text-align: right; grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; position: static; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(7) { text-align: right; grid-row-start: 3; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; position: static; }
.friend-page-host .property-list-panel .responsive-table td:nth-child(8) { position: absolute; bottom: 14px; right: 14px; }
.friend-page-host .row-date { font-size: 11px; }
.friend-page-host .monthly-chart { margin-right: -17px; padding-right: 17px; }
.friend-page-host .monthly-bars { min-width: 660px; }
.friend-page-host .monthly-bar > strong { font-size: 9px; }
.friend-page-host .monthly-bar > small { font-size: 10px; }
}
.friend-page-host, .friend-page-host, .friend-page-host { width: 100%; max-width: 100%; overflow-x: hidden; }
@supports (overflow:clip) {
.friend-page-host, .friend-page-host, .friend-page-host { overflow-x: clip; }
}
.friend-page-host img, .friend-page-host svg, .friend-page-host video, .friend-page-host canvas { max-width: 100%; }
.friend-page-host .app-shell, .friend-page-host .workspace, .friend-page-host .page-content, .friend-page-host .view-stack, .friend-page-host .dashboard-grid, .friend-page-host .panel, .friend-page-host .profit-panel, .friend-page-host .records-panel, .friend-page-host .monthly-chart, .friend-page-host .statement-shell, .friend-page-host .statement-paper, .friend-page-host .statement-person, .friend-page-host .statement-summary, .friend-page-host .statement-transactions, .friend-page-host .statement-table-wrap, .friend-page-host .settings-shell, .friend-page-host .settings-content, .friend-page-host .settings-grid, .friend-page-host .settings-card, .friend-page-host .auth-shell, .friend-page-host .auth-form-panel { min-width: 0px; max-width: 100%; }
.friend-page-host .monthly-chart { overscroll-behavior-inline: contain; width: 100%; }
.friend-page-host .auth-connection-shell { background-image: linear-gradient(135deg, rgb(243, 246, 241), rgb(233, 239, 233)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; align-items: center; justify-items: center; min-height: 100dvh; padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; display: grid; }
.friend-page-host .auth-connection-card { text-align: center; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 228, 220); border-right-color: rgb(220, 228, 220); border-bottom-color: rgb(220, 228, 220); border-left-color: rgb(220, 228, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: min(460px, 100%); padding-top: 34px; padding-right: 34px; padding-bottom: 34px; padding-left: 34px; box-shadow: rgba(0, 45, 40, 0.11) 0px 18px 55px; }
.friend-page-host .auth-connection-card > span { color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 229); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 48px; height: 48px; margin-top: 0px; margin-right: auto; margin-bottom: 18px; margin-left: auto; font-size: 24px; font-weight: 900; display: grid; }
.friend-page-host .auth-connection-card > p { color: rgb(90, 140, 0); letter-spacing: 1.2px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; font-size: 10px; font-weight: 950; }
.friend-page-host .auth-connection-card > h1 { color: rgb(23, 33, 28); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 25px; line-height: 1.25; }
.friend-page-host .auth-connection-card > small { color: rgb(117, 128, 120); margin-top: 10px; font-size: 12px; line-height: 1.6; display: block; }
.friend-page-host .auth-connection-card > button { color: rgb(255, 255, 255); width: 100%; min-height: 45px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 20px; font-size: 13px; font-weight: 900; }
.friend-page-host .auth-legal-warning { color: rgb(101, 77, 13); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 249, 231); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(229, 199, 111); border-right-color: rgb(229, 199, 111); border-bottom-color: rgb(229, 199, 111); border-left-color: rgb(229, 199, 111); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: flex-start; row-gap: 12px; column-gap: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 15px; padding-right: 16px; padding-bottom: 15px; padding-left: 16px; display: flex; }
.friend-page-host .auth-legal-warning-icon { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(231, 183, 45); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 30px; align-items: center; justify-items: center; width: 30px; height: 30px; font-size: 17px; font-weight: 950; display: grid; box-shadow: rgba(154, 112, 0, 0.18) 0px 5px 14px; }
.friend-page-host .auth-legal-warning > div { min-width: 0px; }
.friend-page-host .auth-legal-warning strong { color: rgb(89, 64, 0); margin-top: 1px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; font-size: 13px; font-weight: 950; display: block; }
.friend-page-host .auth-legal-warning p { color: rgb(114, 93, 36); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px; line-height: 1.6; }
.friend-page-host .auth-legal-warning-desktop { z-index: 2; backdrop-filter: blur(8px); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-color: rgba(194, 211, 82, 0.4); border-right-color: rgba(194, 211, 82, 0.4); border-bottom-color: rgba(194, 211, 82, 0.4); border-left-color: rgba(194, 211, 82, 0.4); max-width: 650px; position: absolute; top: 38%; left: clamp(34px, 5vw, 78px); right: clamp(34px, 5vw, 78px); transform: translateY(-50%); box-shadow: rgba(0, 28, 24, 0.25) 0px 18px 42px; }
.friend-page-host .auth-brand-panel .auth-legal-warning-icon { color: rgb(21, 57, 31); box-shadow: none; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(194, 211, 82); }
.friend-page-host .auth-brand-panel .auth-legal-warning strong { color: rgb(215, 231, 94); }
.friend-page-host .auth-brand-panel .auth-legal-warning p { color: rgb(227, 236, 232); }
.friend-page-host .auth-legal-warning-mobile { margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; display: none; }
html[data-theme="dark"] .friend-page-host .auth-connection-shell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(8, 17, 14); }
html[data-theme="dark"] .friend-page-host .auth-connection-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .auth-connection-card > h1 { color: rgb(245, 247, 246); }
html[data-theme="dark"] .friend-page-host .auth-connection-card > small { color: rgb(185, 196, 190); }
html[data-theme="dark"] .friend-page-host .auth-legal-warning { color: rgb(239, 220, 156); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(42, 36, 22); border-top-color: rgb(102, 87, 43); border-right-color: rgb(102, 87, 43); border-bottom-color: rgb(102, 87, 43); border-left-color: rgb(102, 87, 43); }
html[data-theme="dark"] .friend-page-host .auth-legal-warning-icon { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(193, 143, 13); }
html[data-theme="dark"] .friend-page-host .auth-legal-warning strong { color: rgb(244, 220, 139); }
html[data-theme="dark"] .friend-page-host .auth-legal-warning p { color: rgb(215, 201, 149); }
html[data-theme="dark"] .friend-page-host .auth-brand-panel .auth-legal-warning { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-color: rgba(194, 211, 82, 0.4); border-right-color: rgba(194, 211, 82, 0.4); border-bottom-color: rgba(194, 211, 82, 0.4); border-left-color: rgba(194, 211, 82, 0.4); }
html[data-theme="dark"] .friend-page-host .auth-brand-panel .auth-legal-warning-icon { color: rgb(21, 57, 31); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(194, 211, 82); }
html[data-theme="dark"] .friend-page-host .auth-brand-panel .auth-legal-warning strong { color: rgb(215, 231, 94); }
html[data-theme="dark"] .friend-page-host .auth-brand-panel .auth-legal-warning p { color: rgb(227, 236, 232); }
@media (width <= 980px) {
.friend-page-host .auth-legal-warning-desktop { display: none; }
.friend-page-host .auth-legal-warning-mobile { display: flex; }
}
@media (width <= 760px) {
.friend-page-host .auth-legal-warning-mobile { padding-top: 13px; padding-right: 14px; padding-bottom: 13px; padding-left: 14px; }
.friend-page-host .auth-legal-warning-mobile p { font-size: 11px; line-height: 1.55; }
.friend-page-host .topbar { grid-template-columns: minmax(0px, 1fr) repeat(3, 38px) auto 38px; width: 100%; max-width: 100vw; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .global-search, .friend-page-host .global-search input, .friend-page-host .mobile-brand { min-width: 0px; max-width: 100%; }
.friend-page-host .page-content { width: 100%; max-width: 100%; overflow-x: hidden; }
@supports (overflow:clip) {
.friend-page-host .page-content { overflow-x: clip; }
}
.friend-page-host .mobile-nav { grid-template-columns: repeat(6, minmax(0px, 1fr)); width: 100%; max-width: 100vw; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .mobile-nav button { white-space-collapse: collapse; text-wrap-mode: nowrap; text-overflow: ellipsis; min-width: 0px; padding-inline-start: 2px; padding-inline-end: 2px; font-size: clamp(8px, 2.7vw, 11px); overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .mobile-nav button span { font-size: clamp(17px, 5vw, 20px); }
.friend-page-host .monthly-chart { margin-right: 0px; padding-right: 0px; }
.friend-page-host .monthly-bars { min-width: 620px; }
.friend-page-host .statement-shell { padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; }
.friend-page-host .statement-paper { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .statement-table-wrap { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; overflow-x: visible; overflow-y: visible; }
.friend-page-host .statement-table-wrap table, .friend-page-host .statement-table-wrap thead, .friend-page-host .statement-table-wrap tbody, .friend-page-host .statement-table-wrap tr, .friend-page-host .statement-table-wrap td { width: 100%; min-width: 0px; display: block; }
.friend-page-host .statement-table-wrap table { min-width: 0px; }
.friend-page-host .statement-table-wrap thead { display: none; }
.friend-page-host .statement-table-wrap tbody { row-gap: 12px; column-gap: 12px; display: grid; }
.friend-page-host .statement-table-wrap tr { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 229, 225); border-right-color: rgb(224, 229, 225); border-bottom-color: rgb(224, 229, 225); border-left-color: rgb(224, 229, 225); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .statement-table-wrap td { overflow-wrap: anywhere; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; grid-template-columns: minmax(100px, 0.75fr) minmax(0px, 1.25fr); row-gap: 10px; column-gap: 10px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; font-size: 12px; display: grid; }
.friend-page-host .statement-table-wrap td + td { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); }
.friend-page-host .statement-table-wrap td::before { content: attr(data-label); color: rgb(124, 135, 128); text-transform: uppercase; font-size: 10px; font-weight: 850; }
.friend-page-host .statement-table-wrap td strong, .friend-page-host .statement-table-wrap td span { overflow-wrap: anywhere; min-width: 0px; }
.friend-page-host .statement-type { justify-self: start; }
.friend-page-host .statement-person dl, .friend-page-host .statement-summary, .friend-page-host .statement-header, .friend-page-host .statement-person, .friend-page-host .statement-section-head, .friend-page-host .statement-footer { min-width: 0px; }
html[data-theme="dark"] .friend-page-host .statement-table-wrap tr { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .statement-table-wrap td + td { border-top-color: rgb(42, 57, 51); }
.friend-page-host .auth-connection-card { padding-top: 27px; padding-right: 20px; padding-bottom: 27px; padding-left: 20px; }
}
@media (width <= 360px) {
.friend-page-host .mobile-brand-logo { width: min(140px, 100%); }
.friend-page-host .topbar { row-gap: 6px; column-gap: 6px; padding-inline-start: 10px; padding-inline-end: 10px; }
.friend-page-host .mobile-search-shortcut, .friend-page-host .theme-toggle, .friend-page-host .settings-shortcut { width: 36px; height: 36px; }
.friend-page-host .statement-person dl, .friend-page-host .statement-summary { grid-template-columns: 1fr; }
.friend-page-host .statement-table-wrap td { grid-template-columns: 1fr; row-gap: 4px; column-gap: 4px; }
}
.friend-page-host .portfolio-share-panel { background-image: linear-gradient(120deg, rgb(255, 255, 255), rgb(246, 249, 241)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; grid-template-columns: minmax(0px, 1fr) minmax(360px, 0.72fr); align-items: start; row-gap: 22px; column-gap: 22px; padding-top: 22px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; display: grid; }
.friend-page-host .portfolio-share-copy p, .friend-page-host .portfolio-public-header p { color: var(--green); letter-spacing: 1.2px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; font-size: 10px; font-weight: 950; }
.friend-page-host .portfolio-share-copy h2 { color: var(--ink); letter-spacing: -0.02em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 21px; }
.friend-page-host .portfolio-share-copy > span { max-width: 720px; color: var(--muted); margin-top: 7px; font-size: 12px; line-height: 1.55; display: block; }
.friend-page-host .portfolio-share-actions { align-items: center; row-gap: 9px; column-gap: 9px; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.friend-page-host .portfolio-share-actions .share-duration { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .portfolio-share-actions > .primary-btn { min-height: 44px; min-width: 88px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; font-size: 12px; white-space-collapse: collapse; text-wrap-mode: nowrap; flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .portfolio-share-link, .friend-page-host .portfolio-share-history, .friend-page-host .portfolio-share-panel > .document-error { grid-column-start: 1; grid-column-end: -1; margin-top: 0px; }
.friend-page-host .portfolio-share-history { margin-top: 0px; }
.friend-page-host .property-tracking-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 13px; column-gap: 13px; display: grid; }
.friend-page-host .property-tracking-card { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; min-width: 0px; color: var(--ink); text-align: left; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; transition-behavior: normal, normal, normal; transition-duration: 0.2s, 0.2s, 0.2s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: border-color, transform, box-shadow; }
.friend-page-host .property-tracking-card:hover { border-top-color: rgb(169, 199, 119); border-right-color: rgb(169, 199, 119); border-bottom-color: rgb(169, 199, 119); border-left-color: rgb(169, 199, 119); transform: translateY(-1px); box-shadow: rgba(0, 45, 40, 0.07) 0px 10px 28px; }
.friend-page-host .property-tracking-head { justify-content: space-between; align-items: flex-start; row-gap: 13px; column-gap: 13px; display: flex; }
.friend-page-host .property-tracking-head > div { min-width: 0px; }
.friend-page-host .property-tracking-head p { color: var(--green); letter-spacing: 0.55px; margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; font-size: 9px; font-weight: 900; }
.friend-page-host .property-tracking-head h2 { overflow-wrap: anywhere; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 18px; line-height: 1.25; }
.friend-page-host .property-tracking-head > div > span { overflow-wrap: anywhere; color: var(--muted); margin-top: 5px; font-size: 11px; display: block; }
.friend-page-host .property-tracking-facts { grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; margin-top: 15px; display: grid; }
.friend-page-host .property-tracking-facts > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 247, 242); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .property-tracking-facts small, .friend-page-host .property-tracking-facts strong, .friend-page-host .property-tracking-relations small, .friend-page-host .property-tracking-relations strong { display: block; }
.friend-page-host .property-tracking-facts small, .friend-page-host .property-tracking-relations small { color: rgb(122, 133, 126); font-size: 9px; }
.friend-page-host .property-tracking-facts strong { overflow-wrap: anywhere; color: rgb(40, 52, 45); margin-top: 4px; font-size: 12px; }
.friend-page-host .property-tracking-relations { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 9px; column-gap: 9px; margin-top: 9px; display: grid; }
.friend-page-host .property-tracking-relations > span { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(195, 212, 147); min-width: 0px; padding-top: 5px; padding-right: 9px; padding-bottom: 5px; padding-left: 9px; }
.friend-page-host .property-tracking-relations strong { overflow-wrap: anywhere; color: rgb(61, 73, 66); margin-top: 3px; font-size: 11px; }
.friend-page-host .property-tracking-card footer { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 235); justify-content: space-between; align-items: center; row-gap: 12px; column-gap: 12px; margin-top: 14px; padding-top: 11px; display: flex; }
.friend-page-host .property-tracking-card footer span { overflow-wrap: anywhere; color: rgb(119, 129, 123); font-size: 10px; }
.friend-page-host .property-tracking-card footer b { color: var(--green); flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 10px; }
.friend-page-host .sales-ledger-panel { padding-top: 20px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .sales-ledger-panel > .panel-head { padding-top: 0px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; }
.friend-page-host .sales-ledger { border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .sales-ledger-head, .friend-page-host .sales-ledger > button { grid-template-columns: 145px minmax(240px, 1.25fr) minmax(180px, 0.9fr) minmax(180px, 0.9fr) 140px 140px; align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; display: grid; }
.friend-page-host .sales-ledger-head { color: rgb(120, 130, 124); letter-spacing: 0.45px; text-transform: uppercase; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 247, 244); font-size: 9px; font-weight: 850; }
.friend-page-host .sales-ledger > button { color: rgb(67, 80, 72); text-align: left; width: 100%; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(233, 236, 232); transition-behavior: normal; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; transition-property: background; }
.friend-page-host .sales-ledger > button:first-of-type { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .sales-ledger > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 245); }
.friend-page-host .sales-ledger > button > span { min-width: 0px; }
.friend-page-host .sales-ledger > button strong, .friend-page-host .sales-ledger > button small { overflow-wrap: anywhere; display: block; }
.friend-page-host .sales-ledger > button strong { color: rgb(48, 60, 53); font-size: 11px; }
.friend-page-host .sales-ledger > button small { color: rgb(129, 139, 133); margin-top: 4px; font-size: 9px; line-height: 1.45; }
.friend-page-host .sales-ledger .positive strong { color: rgb(77, 121, 0); }
.friend-page-host .sales-ledger .negative strong { color: rgb(162, 79, 65); }
.friend-page-host .portfolio-public-shell { color: rgb(23, 33, 28); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 241, 237); min-height: 100vh; padding-top: 30px; padding-right: 18px; padding-bottom: 30px; padding-left: 18px; }
.friend-page-host .portfolio-public-paper { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 229, 223); border-right-color: rgb(223, 229, 223); border-bottom-color: rgb(223, 229, 223); border-left-color: rgb(223, 229, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: min(1180px, 100%); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(20, 45, 36, 0.1) 0px 20px 55px; }
.friend-page-host .portfolio-public-header { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); grid-template-columns: 190px minmax(0px, 1fr) auto; align-items: center; row-gap: 24px; column-gap: 24px; padding-top: 24px; padding-right: 28px; padding-bottom: 24px; padding-left: 28px; display: grid; }
.friend-page-host .portfolio-public-header img { width: 190px; height: auto; display: block; }
.friend-page-host .portfolio-public-header p { color: rgb(194, 211, 82); }
.friend-page-host .portfolio-public-header h1 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 25px; line-height: 1.2; }
.friend-page-host .portfolio-public-header span { color: rgb(197, 210, 205); margin-top: 5px; font-size: 11px; display: block; }
.friend-page-host .portfolio-public-header button { color: rgb(255, 255, 255); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.26); border-right-color: rgba(255, 255, 255, 0.26); border-bottom-color: rgba(255, 255, 255, 0.26); border-left-color: rgba(255, 255, 255, 0.26); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; font-size: 11px; font-weight: 850; }
.friend-page-host .portfolio-public-meta { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(224, 230, 224); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(224, 230, 224); grid-template-columns: repeat(4, minmax(0px, 1fr)); row-gap: 1px; column-gap: 1px; display: grid; }
.friend-page-host .portfolio-public-meta > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 246); padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; }
.friend-page-host .portfolio-public-meta small, .friend-page-host .portfolio-public-meta strong { display: block; }
.friend-page-host .portfolio-public-meta small { color: rgb(127, 137, 131); font-size: 9px; }
.friend-page-host .portfolio-public-meta strong { margin-top: 5px; font-size: 13px; }
.friend-page-host .portfolio-public-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 229, 223); border-right-color: rgb(223, 229, 223); border-bottom-color: rgb(223, 229, 223); border-left-color: rgb(223, 229, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-rows: auto 1fr auto; min-width: 0px; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .portfolio-card-title { align-items: flex-start; row-gap: 12px; column-gap: 12px; padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; display: flex; }
.friend-page-host .portfolio-card-title > span { color: rgb(79, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 9px; font-weight: 900; }
.friend-page-host .portfolio-card-title p { color: rgb(124, 135, 128); margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; font-size: 8px; }
.friend-page-host .portfolio-card-title h2 { overflow-wrap: anywhere; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 17px; line-height: 1.25; }
.friend-page-host .portfolio-card-title small { overflow-wrap: anywhere; color: rgb(122, 132, 126); margin-top: 5px; font-size: 10px; display: block; }
.friend-page-host .portfolio-public-card dl { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(237, 240, 237); border-right-color: rgb(237, 240, 237); border-bottom-color: rgb(237, 240, 237); border-left-color: rgb(237, 240, 237); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 0px; column-gap: 0px; margin-top: 0px; margin-right: 17px; margin-bottom: 14px; margin-left: 17px; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .portfolio-public-card dl > div { min-width: 0px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; }
.friend-page-host .portfolio-public-card dl > div:nth-child(2n+1) { border-right-width: 1px; border-right-style: solid; border-right-color: rgb(237, 240, 237); }
.friend-page-host .portfolio-public-card dl > div:nth-child(n+3) { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); }
.friend-page-host .portfolio-public-card dt { color: rgb(134, 144, 138); font-size: 8px; }
.friend-page-host .portfolio-public-card dd { overflow-wrap: anywhere; color: rgb(59, 71, 64); margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 10px; font-weight: 750; }
.friend-page-host .portfolio-card-price { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 247, 235); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(220, 231, 201); padding-top: 13px; padding-right: 17px; padding-bottom: 13px; padding-left: 17px; }
.friend-page-host .portfolio-card-price small, .friend-page-host .portfolio-card-price strong, .friend-page-host .portfolio-card-price span { display: block; }
.friend-page-host .portfolio-card-price small { color: rgb(112, 128, 95); font-size: 8px; }
.friend-page-host .portfolio-card-price strong { color: rgb(54, 89, 0); margin-top: 3px; font-size: 18px; }
.friend-page-host .portfolio-card-price span { color: rgb(117, 129, 110); margin-top: 3px; font-size: 9px; }
.friend-page-host .portfolio-public-footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 248); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(227, 232, 227); justify-content: space-between; align-items: flex-start; row-gap: 24px; column-gap: 24px; padding-top: 18px; padding-right: 24px; padding-bottom: 18px; padding-left: 24px; display: flex; }
.friend-page-host .portfolio-public-footer strong { font-size: 11px; }
.friend-page-host .portfolio-public-footer span { color: rgb(115, 126, 119); text-align: right; max-width: 700px; font-size: 9px; line-height: 1.5; }
.friend-page-host .portfolio-public-state { text-align: center; width: min(520px, 100%); margin-top: 18vh; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.friend-page-host .portfolio-public-state > span { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 52px; height: 52px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-size: 23px; font-weight: 900; display: grid; }
.friend-page-host .portfolio-public-state h1 { margin-top: 17px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 24px; }
.friend-page-host .portfolio-public-state p, .friend-page-host .portfolio-public-state small { color: rgb(117, 128, 120); font-size: 12px; display: block; }
html[data-theme="dark"] .friend-page-host .portfolio-share-panel { background-image: linear-gradient(120deg, rgb(20, 34, 29), rgb(16, 28, 23)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
html[data-theme="dark"] .friend-page-host .portfolio-share-copy h2, html[data-theme="dark"] .friend-page-host .property-tracking-head h2, html[data-theme="dark"] .friend-page-host .property-tracking-facts strong, html[data-theme="dark"] .friend-page-host .property-tracking-relations strong { color: rgb(238, 243, 240); }
html[data-theme="dark"] .friend-page-host .property-tracking-card, html[data-theme="dark"] .friend-page-host .sales-ledger > button { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .property-tracking-facts > span, html[data-theme="dark"] .friend-page-host .sales-ledger-head { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); }
html[data-theme="dark"] .friend-page-host .property-tracking-card footer, html[data-theme="dark"] .friend-page-host .sales-ledger, html[data-theme="dark"] .friend-page-host .sales-ledger > button { border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .sales-ledger > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 40, 33); }
html[data-theme="dark"] .friend-page-host .sales-ledger > button strong { color: rgb(230, 236, 232); }
@media (width <= 1050px) {
.friend-page-host .portfolio-share-panel { grid-template-columns: 1fr; }
.friend-page-host .portfolio-share-link, .friend-page-host .portfolio-share-history, .friend-page-host .portfolio-share-panel > .document-error { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .property-tracking-grid { grid-template-columns: 1fr; }
.friend-page-host .sales-ledger { overflow-x: auto; }
.friend-page-host .sales-ledger-head, .friend-page-host .sales-ledger > button { min-width: 1050px; }
}
@media (width <= 760px) {
.friend-page-host .portfolio-share-panel { row-gap: 16px; column-gap: 16px; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .portfolio-share-copy h2 { font-size: 19px; }
.friend-page-host .portfolio-share-copy > span { font-size: 11px; }
.friend-page-host .portfolio-share-actions { justify-content: flex-end; }
.friend-page-host .portfolio-share-actions > .primary-btn { min-height: 44px; }
.friend-page-host .portfolio-share-panel .share-duration { flex-direction: column; align-items: flex-start; }
.friend-page-host .portfolio-share-panel .share-duration > div { width: 100%; }
.friend-page-host .portfolio-share-panel .share-duration button { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.friend-page-host .property-tracking-card { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .property-tracking-head h2 { font-size: 17px; }
.friend-page-host .property-tracking-facts { grid-template-columns: 1fr 1fr; }
.friend-page-host .property-tracking-facts > span:last-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .property-tracking-relations { grid-template-columns: 1fr; }
.friend-page-host .property-tracking-card footer { flex-direction: column; align-items: flex-start; }
.friend-page-host .property-tracking-card footer b { align-self: flex-end; }
.friend-page-host .sales-ledger { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; padding-top: 0px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; overflow-x: visible; overflow-y: visible; }
.friend-page-host .sales-ledger-head { display: none; }
.friend-page-host .sales-ledger > button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 1fr 1fr; row-gap: 0px; column-gap: 0px; width: 100%; min-width: 0px; margin-bottom: 11px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; display: grid; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(224, 229, 225) !important; border-right-color: rgb(224, 229, 225) !important; border-bottom-color: rgb(224, 229, 225) !important; border-left-color: rgb(224, 229, 225) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
.friend-page-host .sales-ledger > button > span { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
.friend-page-host .sales-ledger > button > span:nth-child(n+3) { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); }
.friend-page-host .sales-ledger > button > span::before { content: attr(data-label); color: rgb(124, 135, 128); text-transform: uppercase; margin-bottom: 4px; font-size: 8px; font-weight: 850; display: block; }
.friend-page-host .sales-ledger > button > span:nth-child(2n) { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(237, 240, 237); }
html[data-theme="dark"] .friend-page-host .sales-ledger > button > span:nth-child(n+3) { border-top-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .sales-ledger > button > span:nth-child(2n) { border-left-color: rgb(42, 57, 51); }
.friend-page-host .portfolio-public-shell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .portfolio-public-paper { box-shadow: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .portfolio-public-header { grid-template-columns: minmax(0px, 1fr) auto; row-gap: 13px; column-gap: 13px; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .portfolio-public-header img { grid-column-start: 1; grid-column-end: -1; width: 160px; }
.friend-page-host .portfolio-public-header h1 { font-size: 21px; }
.friend-page-host .portfolio-public-header button { padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; }
.friend-page-host .portfolio-public-meta { grid-template-columns: 1fr 1fr; }
.friend-page-host .portfolio-public-meta > div { padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
.friend-page-host .portfolio-public-list { grid-template-columns: 1fr; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .portfolio-public-footer { padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; display: block; }
.friend-page-host .portfolio-public-footer span { text-align: left; margin-top: 6px; display: block; }
}
@media (width <= 380px) {
.friend-page-host .sales-ledger > button { grid-template-columns: 1fr; }
.friend-page-host .sales-ledger > button > span { border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .sales-ledger > button > span + span { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); }
.friend-page-host .portfolio-public-card dl { grid-template-columns: 1fr; }
.friend-page-host .portfolio-public-card dl > div { border-right-width: 0px !important; border-right-style: none !important; border-right-color: currentcolor !important; }
.friend-page-host .portfolio-public-card dl > div + div { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); }
}
@media print {
.friend-page-host .portfolio-public-shell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .portfolio-public-paper { box-shadow: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .portfolio-public-header button { display: none; }
.friend-page-host .portfolio-public-list { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.friend-page-host .top-utility-nav { align-items: center; row-gap: 7px; column-gap: 7px; margin-left: 0px; display: flex; }
.friend-page-host .topbar > .theme-toggle { margin-left: 0px; }
.friend-page-host .top-utility-nav button { color: rgb(255, 255, 255); min-height: 40px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.22); border-right-color: rgba(255, 255, 255, 0.22); border-bottom-color: rgba(255, 255, 255, 0.22); border-left-color: rgba(255, 255, 255, 0.22); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: center; align-items: center; row-gap: 7px; column-gap: 7px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; font-size: 11px; font-weight: 800; transition-behavior: normal, normal, normal; transition-duration: 0.18s, 0.18s, 0.18s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: border-color, background, color; display: inline-flex; }
.friend-page-host .top-utility-nav button:hover, .friend-page-host .top-utility-nav button.active { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.086); }
.friend-page-host .top-utility-nav button span { font-size: 16px; line-height: 1; }
.friend-page-host .top-utility-nav button small { white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 11px; }
.friend-page-host .context-filter-heading-actions { justify-content: flex-end; align-items: center; row-gap: 10px; column-gap: 10px; min-width: 0px; display: flex; }
.friend-page-host .context-filter-heading-actions > span { color: rgb(79, 115, 0); white-space-collapse: collapse; text-wrap-mode: nowrap; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 227); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; font-size: 11px; font-weight: 900; }
.friend-page-host .context-page-actions { justify-content: flex-end; align-items: center; row-gap: 7px; column-gap: 7px; min-width: 0px; display: flex; }
.friend-page-host .context-page-actions button { min-height: 40px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; white-space-collapse: collapse; text-wrap-mode: nowrap; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; font-size: 11px; font-weight: 900; }
.friend-page-host .context-page-actions .primary-btn { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; }
html[data-theme="dark"] .friend-page-host .context-filter-heading-actions > span { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(35, 51, 28); }
html[data-theme="dark"] .friend-page-host .context-page-actions .ghost-btn { color: rgb(223, 231, 227); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
@media (width <= 1220px) {
.friend-page-host .topbar { row-gap: 12px; column-gap: 12px; }
.friend-page-host .global-search { width: min(350px, 38vw); }
.friend-page-host .top-utility-nav { row-gap: 5px; column-gap: 5px; }
.friend-page-host .top-utility-nav button { width: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .top-utility-nav button small { display: none; }
}
@media (width <= 1050px) and (width >= 761px) {
.friend-page-host .global-search { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; width: auto; min-width: 160px; }
.friend-page-host .theme-toggle, .friend-page-host .settings-shortcut { align-items: center; justify-items: center; width: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; }
.friend-page-host .theme-toggle small, .friend-page-host .settings-shortcut small { display: none; }
}
@media (width <= 760px) {
.friend-page-host .topbar > .theme-toggle { margin-left: 0px; }
.friend-page-host .top-utility-nav { display: none; }
.friend-page-host .context-filter-title { flex-direction: column; align-items: stretch; }
.friend-page-host .context-filter-heading-actions { flex-direction: column; align-items: stretch; width: 100%; }
.friend-page-host .context-filter-heading-actions > span { align-self: flex-start; }
.friend-page-host .context-page-actions { align-items: stretch; width: 100%; display: flex; }
.friend-page-host .context-page-actions button { white-space-collapse: collapse; text-wrap-mode: wrap; flex-grow: 1; flex-shrink: 1; flex-basis: 0px; min-width: 0px; min-height: 44px; padding-inline-start: 8px; padding-inline-end: 8px; line-height: 1.2; }
.friend-page-host .mobile-context-add { display: none; }
}
@media (width <= 390px) {
.friend-page-host .context-page-actions { flex-direction: column; }
.friend-page-host .context-page-actions button { width: 100%; }
}
.friend-page-host .document-share-shell { color: rgb(23, 33, 28); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 241, 237); min-height: 100vh; padding-top: 28px; padding-right: 28px; padding-bottom: 28px; padding-left: 28px; }
.friend-page-host .document-share-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 228, 222); border-right-color: rgb(220, 228, 222); border-bottom-color: rgb(220, 228, 222); border-left-color: rgb(220, 228, 222); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: min(1180px, 100%); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(0, 45, 40, 0.12) 0px 24px 70px; }
.friend-page-host .document-share-header { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); grid-template-columns: 200px minmax(0px, 1fr) auto; align-items: center; row-gap: 24px; column-gap: 24px; padding-top: 22px; padding-right: 26px; padding-bottom: 22px; padding-left: 26px; display: grid; }
.friend-page-host .document-share-header > a, .friend-page-host .document-share-header img { width: 200px; max-width: 100%; height: auto; display: block; }
.friend-page-host .document-share-header div { min-width: 0px; }
.friend-page-host .document-share-header p { color: rgb(194, 211, 82); letter-spacing: 1.25px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 11px; font-weight: 900; }
.friend-page-host .document-share-header h1 { overflow-wrap: anywhere; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 800; font-stretch: normal; font-size: 23px; line-height: 1.25; font-family: Satoshi, sans-serif; }
.friend-page-host .document-share-header span { overflow-wrap: anywhere; color: rgb(199, 212, 207); margin-top: 5px; font-size: 13px; display: block; }
.friend-page-host .document-share-header button { color: rgb(255, 255, 255); cursor: pointer; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.07); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.22); border-right-color: rgba(255, 255, 255, 0.22); border-bottom-color: rgba(255, 255, 255, 0.22); border-left-color: rgba(255, 255, 255, 0.22); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 800; font-stretch: normal; font-size: 12px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .document-share-meta { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 230, 225); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(223, 230, 225); grid-template-columns: repeat(4, minmax(0px, 1fr)); row-gap: 1px; column-gap: 1px; display: grid; }
.friend-page-host .document-share-meta > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 247); min-width: 0px; padding-top: 15px; padding-right: 19px; padding-bottom: 15px; padding-left: 19px; }
.friend-page-host .document-share-meta small, .friend-page-host .document-share-meta strong { display: block; }
.friend-page-host .document-share-meta small { color: rgb(116, 128, 121); font-size: 11px; }
.friend-page-host .document-share-meta strong { overflow-wrap: anywhere; margin-top: 4px; font-size: 13px; }
.friend-page-host .document-share-preview { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 245, 243); align-items: center; justify-items: center; min-height: 520px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; display: grid; }
.friend-page-host .document-share-preview iframe { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; height: min(72vh, 850px); display: block; }
.friend-page-host .document-share-preview > img { object-fit: contain; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; max-width: 100%; max-height: 76vh; display: block; box-shadow: rgba(20, 35, 28, 0.12) 0px 12px 35px; }
.friend-page-host .document-share-no-preview { text-align: center; }
.friend-page-host .document-share-no-preview > span { color: rgb(78, 121, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(231, 241, 215); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 70px; height: 70px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-weight: 950; display: grid; }
.friend-page-host .document-share-no-preview h2 { margin-top: 16px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 21px; }
.friend-page-host .document-share-no-preview p { color: rgb(115, 126, 119); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 13px; }
.friend-page-host .document-share-footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 250); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(225, 231, 226); justify-content: space-between; align-items: center; row-gap: 20px; column-gap: 20px; padding-top: 17px; padding-right: 24px; padding-bottom: 17px; padding-left: 24px; display: flex; }
.friend-page-host .document-share-footer strong, .friend-page-host .document-share-footer span { display: block; }
.friend-page-host .document-share-footer strong { font-size: 13px; }
.friend-page-host .document-share-footer span { color: rgb(117, 128, 120); margin-top: 3px; font-size: 11px; }
.friend-page-host .document-share-footer a { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 12px; padding-right: 17px; padding-bottom: 12px; padding-left: 17px; font-size: 13px; font-weight: 900; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .document-share-state { text-align: center; width: min(560px, 100%); margin-top: 15vh; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.friend-page-host .document-share-state img { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 220px; max-width: 72%; height: auto; margin-top: 0px; margin-right: auto; margin-bottom: 22px; margin-left: auto; padding-top: 15px; padding-right: 18px; padding-bottom: 15px; padding-left: 18px; display: block; }
.friend-page-host .document-share-state h1 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 800; font-stretch: normal; font-size: 24px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .document-share-state p, .friend-page-host .document-share-state small { color: rgb(111, 123, 116); font-size: 13px; display: block; }
.friend-page-host .document-share-state.error h1 { color: rgb(182, 56, 47); }
html[data-theme="dark"] .friend-page-host .document-share-shell { color: rgb(238, 245, 241); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(7, 31, 28); }
html[data-theme="dark"] .friend-page-host .document-share-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(13, 43, 39); border-top-color: rgb(29, 69, 62); border-right-color: rgb(29, 69, 62); border-bottom-color: rgb(29, 69, 62); border-left-color: rgb(29, 69, 62); box-shadow: rgba(0, 0, 0, 0.32) 0px 24px 70px; }
html[data-theme="dark"] .friend-page-host .document-share-meta { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(34, 70, 63); border-top-color: rgb(34, 70, 63); border-right-color: rgb(34, 70, 63); border-bottom-color: rgb(34, 70, 63); border-left-color: rgb(34, 70, 63); }
html[data-theme="dark"] .friend-page-host .document-share-meta > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 51, 46); }
html[data-theme="dark"] .friend-page-host .document-share-meta small, html[data-theme="dark"] .friend-page-host .document-share-header span, html[data-theme="dark"] .friend-page-host .document-share-footer span { color: rgb(174, 191, 186); }
html[data-theme="dark"] .friend-page-host .document-share-preview { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(9, 35, 31); }
html[data-theme="dark"] .friend-page-host .document-share-footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 49, 44); border-top-color: rgb(35, 70, 63); border-right-color: rgb(35, 70, 63); border-bottom-color: rgb(35, 70, 63); border-left-color: rgb(35, 70, 63); }
html[data-theme="dark"] .friend-page-host .document-share-state p, html[data-theme="dark"] .friend-page-host .document-share-state small { color: rgb(178, 192, 188); }
@media (width <= 720px) {
.friend-page-host .document-share-shell { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .document-share-card { box-shadow: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .document-share-header { grid-template-columns: minmax(0px, 1fr) auto; row-gap: 13px; column-gap: 13px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .document-share-header > a { grid-column-start: 1; grid-column-end: -1; width: 170px; }
.friend-page-host .document-share-header img { width: 170px; }
.friend-page-host .document-share-header h1 { font-size: 19px; }
.friend-page-host .document-share-meta { grid-template-columns: 1fr 1fr; }
.friend-page-host .document-share-meta > div { padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
.friend-page-host .document-share-preview { min-height: 400px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .document-share-preview iframe { height: 68vh; }
.friend-page-host .document-share-footer { flex-direction: column; align-items: stretch; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .document-share-footer a { text-align: center; }
.friend-page-host .document-share-state { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
}
.friend-page-host .context-filter-panel { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; row-gap: 13px; column-gap: 13px; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; display: grid; box-shadow: rgba(25, 51, 40, 0.04) 0px 8px 28px; }
.friend-page-host .context-filter-title { justify-content: space-between; align-items: flex-end; row-gap: 18px; column-gap: 18px; display: flex; }
.friend-page-host .context-filter-title p { color: var(--green); letter-spacing: 1.2px; margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; font-size: 11px; font-weight: 950; }
.friend-page-host .context-filter-title h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 20px; }
.friend-page-host .context-filter-title > span { color: rgb(79, 115, 0); white-space-collapse: collapse; text-wrap-mode: nowrap; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 227); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; font-size: 11px; font-weight: 900; }
.friend-page-host .context-search { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(215, 222, 214); border-right-color: rgb(215, 222, 214); border-bottom-color: rgb(215, 222, 214); border-left-color: rgb(215, 222, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 8px; column-gap: 8px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; display: grid; }
.friend-page-host .context-search > span { color: rgb(90, 140, 0); font-size: 21px; }
.friend-page-host .context-search input { min-width: 0px; height: 48px; color: var(--ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; outline-color: initial; outline-style: initial; outline-width: 0px; font-size: 14px; }
.friend-page-host .context-search button { color: rgb(111, 123, 115); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; font-size: 20px; }
.friend-page-host .context-filters { grid-template-columns: repeat(6, minmax(130px, 1fr)); row-gap: 9px; column-gap: 9px; display: grid; }
.friend-page-host .context-filters label { row-gap: 5px; column-gap: 5px; min-width: 0px; display: grid; }
.friend-page-host .context-filters label > span { color: var(--muted); font-size: 10px; font-weight: 850; }
.friend-page-host .context-filters select { width: 100%; height: 42px; color: var(--ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 223, 216); border-right-color: rgb(217, 223, 216); border-bottom-color: rgb(217, 223, 216); border-left-color: rgb(217, 223, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 10px; font-size: 12px; }
.friend-page-host .context-filter-actions { justify-content: flex-end; align-items: center; row-gap: 8px; column-gap: 8px; display: flex; }
.friend-page-host .context-filter-actions > button, .friend-page-host .person-context-filter > button { color: rgb(79, 92, 84); min-height: 39px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(207, 216, 205); border-right-color: rgb(207, 216, 205); border-bottom-color: rgb(207, 216, 205); border-left-color: rgb(207, 216, 205); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; font-size: 11px; font-weight: 900; }
.friend-page-host .context-filter-actions .batch-open-button { color: rgb(77, 113, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(239, 246, 229); border-top-color: rgb(156, 189, 104); border-right-color: rgb(156, 189, 104); border-bottom-color: rgb(156, 189, 104); border-left-color: rgb(156, 189, 104); }
.friend-page-host .person-context-filter { grid-template-columns: minmax(190px, 320px) auto auto; justify-content: start; align-items: end; }
.friend-page-host .person-context-filter .primary-btn { color: rgb(255, 255, 255); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .mobile-context-add { display: none; }
html[data-theme="dark"] .friend-page-host .context-filter-panel { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .context-filter-title > span { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(35, 51, 28); }
html[data-theme="dark"] .friend-page-host .context-search { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .context-search input, html[data-theme="dark"] .friend-page-host .context-filters select { color: rgb(245, 247, 246); }
html[data-theme="dark"] .friend-page-host .context-filters select, html[data-theme="dark"] .friend-page-host .context-filter-actions > button, html[data-theme="dark"] .friend-page-host .person-context-filter > button { color: rgb(223, 231, 227); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
.friend-page-host .analysis-progress { background-image: linear-gradient(120deg, rgb(244, 249, 236), rgb(238, 245, 226)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(174, 202, 127); border-right-color: rgb(174, 202, 127); border-bottom-color: rgb(174, 202, 127); border-left-color: rgb(174, 202, 127); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; row-gap: 9px; column-gap: 9px; padding-top: 15px; padding-right: 17px; padding-bottom: 15px; padding-left: 17px; display: grid; box-shadow: rgba(76, 116, 0, 0.08) 0px 9px 28px; }
.friend-page-host .analysis-progress > div { justify-content: space-between; align-items: center; row-gap: 15px; column-gap: 15px; display: flex; }
.friend-page-host .analysis-progress strong { font-size: 13px; }
.friend-page-host .analysis-progress span { color: rgb(78, 116, 0); font-size: 13px; font-weight: 950; }
.friend-page-host .analysis-progress progress { appearance: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; height: 12px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .analysis-progress small { color: rgb(116, 128, 111); font-size: 11px; }
html[data-theme="dark"] .friend-page-host .analysis-progress { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 36, 25); border-top-color: rgb(82, 109, 53); border-right-color: rgb(82, 109, 53); border-bottom-color: rgb(82, 109, 53); border-left-color: rgb(82, 109, 53); }
html[data-theme="dark"] .friend-page-host .analysis-progress strong { color: rgb(238, 245, 241); }
html[data-theme="dark"] .friend-page-host .analysis-progress small { color: rgb(175, 190, 184); }
@media (width <= 1050px) {
.friend-page-host .context-filters { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (width <= 760px) {
.friend-page-host .context-filter-panel { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .context-filter-title { align-items: flex-start; }
.friend-page-host .context-filter-title h2 { font-size: 18px; }
.friend-page-host .context-search { padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.friend-page-host .context-search input { height: 48px; font-size: 16px; }
.friend-page-host .context-filters { grid-template-columns: 1fr 1fr; }
.friend-page-host .context-filters select { height: 46px; font-size: 16px; }
.friend-page-host .person-context-filter { grid-template-columns: 1fr; }
.friend-page-host .person-context-filter > button { width: 100%; }
.friend-page-host .context-filter-actions { flex-direction: column; align-items: stretch; }
.friend-page-host .context-filter-actions > button { width: 100%; height: 44px; }
.friend-page-host .mobile-context-add { grid-template-columns: 1fr 1fr; row-gap: 8px; column-gap: 8px; display: grid; }
.friend-page-host .mobile-context-add button { min-height: 44px; }
.friend-page-host .analysis-progress { padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
.friend-page-host .analysis-progress > div { align-items: flex-start; }
.friend-page-host .analysis-progress strong { font-size: 12px; }
.friend-page-host .analysis-progress small { font-size: 11px; }
}
@media (width <= 390px) {
.friend-page-host .context-filters, .friend-page-host .mobile-context-add { grid-template-columns: 1fr; }
}
.friend-page-host .load-more-button { color: rgb(78, 115, 0); cursor: pointer; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 233); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(169, 199, 123); border-right-color: rgb(169, 199, 123); border-bottom-color: rgb(169, 199, 123); border-left-color: rgb(169, 199, 123); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: min(440px, 100%); min-height: 44px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 900; font-stretch: normal; font-size: 12px; line-height: normal; font-family: Satoshi, sans-serif; display: block; }
html[data-theme="dark"] .friend-page-host .load-more-button { color: rgb(201, 220, 131); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 42, 24); border-top-color: rgb(82, 109, 53); border-right-color: rgb(82, 109, 53); border-bottom-color: rgb(82, 109, 53); border-left-color: rgb(82, 109, 53); }
.friend-page-host .power-list > .power-search { display: none; }
.friend-page-host .power-archive-filter { margin-bottom: 0px; }
.friend-page-host .mobile-menu-backdrop { display: none; }
@media (width <= 900px) {
.friend-page-host:has(.mobile-menu-backdrop) { overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .mobile-menu-backdrop { z-index: 80; backdrop-filter: blur(4px); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(0, 31, 27, 0.71); justify-content: center; align-items: flex-end; padding-top: 64px; display: flex; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .mobile-menu-sheet { width: min(520px, 100%); max-height: calc(100dvh - 64px); padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(216, 224, 217); border-right-color: rgb(216, 224, 217); border-left-color: rgb(216, 224, 217); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; display: block; overflow-y: auto; box-shadow: rgba(0, 28, 24, 0.24) 0px -18px 60px; }
.friend-page-host .mobile-menu-sheet > header { justify-content: space-between; align-items: center; row-gap: 16px; column-gap: 16px; margin-bottom: 13px; display: flex; }
.friend-page-host .mobile-menu-sheet > header p { color: rgb(90, 140, 0); letter-spacing: 1.1px; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; font-size: 10px; font-weight: 950; }
.friend-page-host .mobile-menu-sheet > header h2 { color: rgb(23, 33, 28); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 21px; }
.friend-page-host .mobile-menu-sheet > header > button { color: rgb(51, 67, 58); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 247, 243); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 224, 218); border-right-color: rgb(217, 224, 218); border-bottom-color: rgb(217, 224, 218); border-left-color: rgb(217, 224, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 40px; height: 40px; font-size: 23px; display: grid; }
.friend-page-host .mobile-menu-sheet > nav { grid-template-columns: 1fr 1fr; row-gap: 8px; column-gap: 8px; display: grid; }
.friend-page-host .mobile-menu-sheet > nav > button { color: rgb(51, 65, 57); text-align: left; min-width: 0px; min-height: 58px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 247); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 229, 223); border-right-color: rgb(223, 229, 223); border-bottom-color: rgb(223, 229, 223); border-left-color: rgb(223, 229, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 38px minmax(0px, 1fr) auto; align-items: center; row-gap: 9px; column-gap: 9px; padding-top: 9px; padding-right: 10px; padding-bottom: 9px; padding-left: 10px; display: grid; }
.friend-page-host .mobile-menu-sheet > nav > button > span { color: rgb(80, 121, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 242, 222); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 38px; height: 38px; font-size: 20px; display: grid; }
.friend-page-host .mobile-menu-sheet > nav > button > strong { min-width: 0px; font-size: 13px; }
.friend-page-host .mobile-menu-sheet > nav > button > small { color: rgb(90, 140, 0); font-size: 9px; font-weight: 900; }
.friend-page-host .mobile-menu-sheet > nav > button.active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 233); border-top-color: rgb(142, 182, 70); border-right-color: rgb(142, 182, 70); border-bottom-color: rgb(142, 182, 70); border-left-color: rgb(142, 182, 70); box-shadow: rgb(90, 140, 0) 3px 0px inset; }
.friend-page-host .mobile-menu-sheet > a { color: rgb(51, 65, 57); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 247); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 229, 223); border-right-color: rgb(223, 229, 223); border-bottom-color: rgb(223, 229, 223); border-left-color: rgb(223, 229, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 38px minmax(0px, 1fr); align-items: center; row-gap: 9px; column-gap: 9px; margin-top: 9px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: grid; }
.friend-page-host .mobile-menu-sheet > a > span { color: rgb(80, 121, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 242, 222); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-row-start: 1; grid-row-end: 3; align-items: center; justify-items: center; width: 38px; height: 38px; font-size: 19px; display: grid; }
.friend-page-host .mobile-menu-sheet > a > strong { font-size: 13px; }
.friend-page-host .mobile-menu-sheet > a > small { color: rgb(116, 128, 120); font-size: 11px; }
html[data-theme="dark"] .friend-page-host .mobile-menu-backdrop { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(0, 11, 9, 0.78); }
html[data-theme="dark"] .friend-page-host .mobile-menu-sheet { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .mobile-menu-sheet > header h2 { color: rgb(245, 247, 246); }
html[data-theme="dark"] .friend-page-host .mobile-menu-sheet > header > button, html[data-theme="dark"] .friend-page-host .mobile-menu-sheet > nav > button, html[data-theme="dark"] .friend-page-host .mobile-menu-sheet > a { color: rgb(232, 239, 235); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 27, 23); border-top-color: rgb(51, 68, 61); border-right-color: rgb(51, 68, 61); border-bottom-color: rgb(51, 68, 61); border-left-color: rgb(51, 68, 61); }
html[data-theme="dark"] .friend-page-host .mobile-menu-sheet > nav > button.active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 44, 25); border-top-color: rgb(111, 143, 53); border-right-color: rgb(111, 143, 53); border-bottom-color: rgb(111, 143, 53); border-left-color: rgb(111, 143, 53); }
}
@media (width <= 380px) {
.friend-page-host .mobile-menu-sheet > nav { grid-template-columns: 1fr; }
}
.friend-page-host .property-view-actions { align-items: center; row-gap: 10px; column-gap: 10px; display: flex; }
.friend-page-host .property-view-actions .result-count { white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .batch-open-button { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; color: rgb(75, 114, 0); min-height: 40px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 247, 230); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 12px; font-weight: 850; }
.friend-page-host .batch-open-button:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
.friend-page-host .batch-property-modal { width: min(1420px, 98vw); }
.friend-page-host .batch-intro { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 232); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 219, 167); border-right-color: rgb(203, 219, 167); border-bottom-color: rgb(203, 219, 167); border-left-color: rgb(203, 219, 167); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; row-gap: 16px; column-gap: 16px; margin-top: 14px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 13px; padding-right: 16px; padding-bottom: 13px; padding-left: 16px; display: flex; }
.friend-page-host .batch-intro strong { color: rgb(65, 103, 0); font-size: 13px; }
.friend-page-host .batch-intro span { color: rgb(111, 123, 103); font-size: 12px; }
.friend-page-host .batch-price-toolbar { align-items: end; row-gap: 9px; column-gap: 9px; margin-bottom: 12px; display: flex; }
.friend-page-host .batch-price-toolbar label { row-gap: 5px; column-gap: 5px; display: grid; }
.friend-page-host .batch-price-toolbar label span { color: rgb(119, 129, 123); font-size: 10px; font-weight: 800; }
.friend-page-host .batch-price-toolbar input { width: 160px; height: 42px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 221, 214); border-right-color: rgb(217, 221, 214); border-bottom-color: rgb(217, 221, 214); border-left-color: rgb(217, 221, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; font-size: 13px; }
.friend-page-host .batch-price-toolbar button, .friend-page-host .batch-grid-actions button { color: rgb(76, 113, 7); height: 42px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 235); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 216, 173); border-right-color: rgb(203, 216, 173); border-bottom-color: rgb(203, 216, 173); border-left-color: rgb(203, 216, 173); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; font-size: 11px; font-weight: 850; }
.friend-page-host .batch-price-toolbar small { color: rgb(127, 137, 131); margin-left: auto; font-size: 10px; }
.friend-page-host .batch-grid { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 228, 220); border-right-color: rgb(223, 228, 220); border-bottom-color: rgb(223, 228, 220); border-left-color: rgb(223, 228, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .batch-grid-head, .friend-page-host .batch-grid-row { grid-template-columns: 42px minmax(75px, 0.7fr) minmax(75px, 0.7fr) minmax(120px, 1fr) minmax(110px, 1fr) minmax(140px, 1.2fr) minmax(170px, 1.5fr) 38px; align-items: center; display: grid; }
.friend-page-host .batch-grid-head { color: rgb(121, 131, 125); letter-spacing: 0.4px; text-transform: uppercase; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 246, 242); min-height: 42px; font-size: 9px; font-weight: 900; }
.friend-page-host .batch-grid-head > span, .friend-page-host .batch-grid-row > b { padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.friend-page-host .batch-grid-row { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 235); min-height: 52px; }
.friend-page-host .batch-grid-row > b { color: rgb(109, 119, 111); font-size: 11px; }
.friend-page-host .batch-grid-row label { min-width: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.friend-page-host .batch-grid-row label::before { display: none; }
.friend-page-host .batch-grid-row input { color: rgb(48, 58, 52); width: 100%; height: 39px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 228, 222); border-right-color: rgb(224, 228, 222); border-bottom-color: rgb(224, 228, 222); border-left-color: rgb(224, 228, 222); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: none; outline-width: initial; padding-top: 0px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; font-size: 12px; }
.friend-page-host .batch-grid-row input:focus { border-top-color: rgb(127, 161, 59); border-right-color: rgb(127, 161, 59); border-bottom-color: rgb(127, 161, 59); border-left-color: rgb(127, 161, 59); box-shadow: rgba(90, 140, 0, 0.08) 0px 0px 0px 3px; }
.friend-page-host .batch-grid-row output { min-width: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.friend-page-host .batch-grid-row output small { display: none; }
.friend-page-host .batch-grid-row output strong { overflow-wrap: anywhere; color: rgb(49, 85, 0); font-size: 12px; display: block; }
.friend-page-host .batch-grid-row > button { color: rgb(156, 76, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 28px; height: 28px; font-size: 17px; }
.friend-page-host .batch-grid-actions { justify-content: space-between; align-items: center; row-gap: 20px; column-gap: 20px; margin-top: 13px; display: flex; }
.friend-page-host .batch-grid-actions > div:first-child { row-gap: 7px; column-gap: 7px; display: flex; }
.friend-page-host .batch-totals { row-gap: 8px; column-gap: 8px; display: flex; }
.friend-page-host .batch-totals > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 238); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 229, 195); border-right-color: rgb(216, 229, 195); border-bottom-color: rgb(216, 229, 195); border-left-color: rgb(216, 229, 195); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 145px; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px; }
.friend-page-host .batch-totals small, .friend-page-host .batch-totals strong { display: block; }
.friend-page-host .batch-totals small { color: rgb(117, 130, 105); font-size: 9px; }
.friend-page-host .batch-totals strong { color: rgb(54, 93, 0); margin-top: 3px; font-size: 14px; }
.friend-page-host .batch-save-note { color: rgb(88, 100, 93); align-self: center; margin-right: auto; font-size: 12px; font-weight: 750; }
.friend-page-host .portfolio-batch-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 219, 168); border-right-color: rgb(203, 219, 168); border-bottom-color: rgb(203, 219, 168); border-left-color: rgb(203, 219, 168); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-column-start: 1; grid-column-end: -1; min-width: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .portfolio-batch-card > header { background-image: linear-gradient(120deg, rgb(245, 249, 235), rgb(238, 245, 223)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; justify-content: space-between; align-items: flex-start; row-gap: 18px; column-gap: 18px; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; display: flex; }
.friend-page-host .portfolio-batch-card > header p { color: rgb(90, 140, 0); letter-spacing: 0.7px; margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; font-size: 9px; font-weight: 900; }
.friend-page-host .portfolio-batch-card > header h2 { color: rgb(38, 51, 43); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 20px; }
.friend-page-host .portfolio-batch-card > header div > span { color: rgb(111, 123, 115); margin-top: 5px; font-size: 11px; display: block; }
.friend-page-host .portfolio-batch-card > header > span { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; font-size: 10px; font-weight: 850; }
.friend-page-host .portfolio-batch-relations, .friend-page-host .portfolio-batch-summary { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(228, 234, 223); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(224, 232, 214); row-gap: 1px; column-gap: 1px; display: grid; }
.friend-page-host .portfolio-batch-relations { grid-template-columns: 1fr 1fr; }
.friend-page-host .portfolio-batch-summary { grid-template-columns: repeat(3, 1fr); }
.friend-page-host .portfolio-batch-relations > span, .friend-page-host .portfolio-batch-summary > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 11px; padding-right: 17px; padding-bottom: 11px; padding-left: 17px; }
.friend-page-host .portfolio-batch-relations small, .friend-page-host .portfolio-batch-relations strong, .friend-page-host .portfolio-batch-summary small, .friend-page-host .portfolio-batch-summary strong { display: block; }
.friend-page-host .portfolio-batch-relations small, .friend-page-host .portfolio-batch-summary small { color: rgb(129, 139, 133); font-size: 9px; }
.friend-page-host .portfolio-batch-relations strong, .friend-page-host .portfolio-batch-summary strong { color: rgb(54, 66, 59); margin-top: 3px; font-size: 12px; }
.friend-page-host .portfolio-batch-items { display: grid; }
.friend-page-host .portfolio-batch-items > button { text-align: left; width: 100%; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 235); grid-template-columns: 1fr 1fr 1.2fr auto; align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 11px; padding-right: 17px; padding-bottom: 11px; padding-left: 17px; display: grid; }
.friend-page-host .portfolio-batch-items > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 245); }
.friend-page-host .portfolio-batch-items small, .friend-page-host .portfolio-batch-items strong { display: block; }
.friend-page-host .portfolio-batch-items small { color: rgb(131, 141, 135); font-size: 9px; }
.friend-page-host .portfolio-batch-items strong { color: rgb(53, 64, 57); margin-top: 2px; font-size: 11px; }
.friend-page-host .portfolio-batch-items b { color: rgb(90, 140, 0); font-size: 10px; }
.friend-page-host .batch-detail-note { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 250, 239); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(219, 230, 200); border-right-color: rgb(219, 230, 200); border-bottom-color: rgb(219, 230, 200); border-left-color: rgb(219, 230, 200); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 13px !important; padding-right: 13px !important; padding-bottom: 13px !important; padding-left: 13px !important; }
.friend-page-host .batch-detail-note > strong, .friend-page-host .batch-detail-note > span { display: block; }
.friend-page-host .batch-detail-note > strong { color: rgb(54, 93, 0); font-size: 14px; }
.friend-page-host .batch-detail-note > span { color: rgb(117, 128, 111); margin-top: 4px; font-size: 10px; line-height: 1.5; }
.friend-page-host .power-hero { color: rgb(255, 255, 255); background-image: linear-gradient(120deg, rgb(0, 45, 40), rgb(7, 83, 66)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 24px; column-gap: 24px; padding-top: 25px; padding-right: 28px; padding-bottom: 25px; padding-left: 28px; display: flex; }
.friend-page-host .power-hero p { color: var(--lime); letter-spacing: 1.3px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; font-size: 10px; font-weight: 900; }
.friend-page-host .power-hero h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: 25px; }
.friend-page-host .power-hero div > span { color: rgb(199, 213, 208); width: 100%; max-width: none; margin-top: 7px; font-size: 13px; line-height: 1.55; display: block; }
.friend-page-host .power-hero > span { width: 56px; height: 56px; color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.055); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.208); border-right-color: rgba(255, 255, 255, 0.208); border-bottom-color: rgba(255, 255, 255, 0.208); border-left-color: rgba(255, 255, 255, 0.208); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 56px; align-items: center; justify-items: center; font-size: 27px; display: grid; }
.friend-page-host .power-workspace { grid-template-columns: minmax(320px, 0.75fr) minmax(480px, 1.25fr); row-gap: 14px; column-gap: 14px; display: grid; }
.friend-page-host .power-upload, .friend-page-host .power-list { min-width: 0px; }
.friend-page-host .power-file-picker { text-align: center; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 250, 239); border-top-width: 1.5px; border-right-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(174, 190, 145); border-right-color: rgb(174, 190, 145); border-bottom-color: rgb(174, 190, 145); border-left-color: rgb(174, 190, 145); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; min-height: 100px; margin-top: 16px; display: grid; position: relative; }
.friend-page-host .power-file-picker span, .friend-page-host .power-file-picker small { display: block; }
.friend-page-host .power-file-picker span { text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; color: rgb(67, 107, 0); max-width: 90%; font-size: 14px; font-weight: 850; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .power-file-picker small { color: rgb(126, 139, 115); margin-top: 4px; font-size: 10px; }
.friend-page-host .power-file-picker input, .friend-page-host .power-camera input { opacity: 0; cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .power-camera { width: 100%; margin-top: 9px; position: relative; }
.friend-page-host .power-scan, .friend-page-host .power-save, .friend-page-host .power-create-person { width: 100%; min-height: 44px; margin-top: 9px; }
.friend-page-host .power-detected { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 230, 212); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 230, 212); border-right-color: rgb(223, 230, 212); border-bottom-color: rgb(223, 230, 212); border-left-color: rgb(223, 230, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 1.4fr 1fr 0.6fr; row-gap: 1px; column-gap: 1px; margin-top: 12px; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .power-detected > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 243); padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; }
.friend-page-host .power-detected small, .friend-page-host .power-detected strong { display: block; }
.friend-page-host .power-detected small { color: rgb(124, 135, 119); font-size: 9px; }
.friend-page-host .power-detected strong { overflow-wrap: anywhere; color: rgb(52, 68, 44); margin-top: 3px; font-size: 11px; }
.friend-page-host .power-detected p { color: rgb(121, 95, 29); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 245, 223); grid-column-start: 1; grid-column-end: -1; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; font-size: 10px; }
.friend-page-host .power-person-select { margin-top: 12px; }
.friend-page-host .power-search { color: rgb(125, 135, 129); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 247); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 228, 222); border-right-color: rgb(223, 228, 222); border-bottom-color: rgb(223, 228, 222); border-left-color: rgb(223, 228, 222); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; row-gap: 8px; column-gap: 8px; height: 44px; margin-top: 15px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; display: flex; }
.friend-page-host .power-search input { width: 100%; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; outline-color: initial; outline-style: initial; outline-width: 0px; font-size: 13px; }
.friend-page-host .power-documents { row-gap: 8px; column-gap: 8px; margin-top: 12px; display: grid; }
.friend-page-host .power-documents > article { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(226, 230, 225); border-right-color: rgb(226, 230, 225); border-bottom-color: rgb(226, 230, 225); border-left-color: rgb(226, 230, 225); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: minmax(170px, 1fr) minmax(180px, 1.1fr) auto; align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; display: grid; }
.friend-page-host .power-person { text-align: left; min-width: 0px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; align-items: center; row-gap: 9px; column-gap: 9px; display: flex; }
.friend-page-host .power-person > span { color: rgb(78, 117, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); flex-grow: 0; flex-shrink: 0; flex-basis: 34px; align-items: center; justify-items: center; width: 34px; height: 34px; font-size: 9px; font-weight: 900; display: grid; }
.friend-page-host .power-person div, .friend-page-host .power-file-info { min-width: 0px; }
.friend-page-host .power-person strong, .friend-page-host .power-person small, .friend-page-host .power-file-info strong, .friend-page-host .power-file-info small { text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; display: block; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .power-person strong, .friend-page-host .power-file-info strong { color: rgb(52, 64, 57); font-size: 11px; }
.friend-page-host .power-person small, .friend-page-host .power-file-info small { color: rgb(135, 144, 138); margin-top: 3px; font-size: 9px; }
.friend-page-host .power-document-actions { row-gap: 5px; column-gap: 5px; display: flex; }
.friend-page-host .power-document-actions a, .friend-page-host .power-document-actions button { color: rgb(77, 102, 86); min-height: 32px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 223, 214); border-right-color: rgb(217, 223, 214); border-bottom-color: rgb(217, 223, 214); border-left-color: rgb(217, 223, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; font-size: 9px; font-weight: 850; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: grid; }
.friend-page-host .power-selected-files { row-gap: 6px; column-gap: 6px; margin-top: 10px; display: grid; }
.friend-page-host .power-selected-files > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(249, 251, 247); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 230, 216); border-right-color: rgb(223, 230, 216); border-bottom-color: rgb(223, 230, 216); border-left-color: rgb(223, 230, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 8px; column-gap: 8px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; display: flex; }
.friend-page-host .power-selected-files span { grid-template-columns: 24px minmax(0px, 1fr) auto; align-items: center; row-gap: 8px; column-gap: 8px; min-width: 0px; display: grid; }
.friend-page-host .power-selected-files b { color: rgb(77, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 241, 220); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 24px; height: 24px; font-size: 9px; display: grid; }
.friend-page-host .power-selected-files strong { text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; color: rgb(52, 64, 57); font-size: 10px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .power-selected-files small { color: rgb(127, 139, 131); font-size: 9px; }
.friend-page-host .power-selected-files button { color: rgb(154, 78, 65); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 232, 229); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 28px; width: 28px; height: 28px; font-size: 16px; }
.friend-page-host .power-metadata { grid-template-columns: 1fr 1fr; row-gap: 9px; column-gap: 9px; margin-top: 12px; display: grid; }
.friend-page-host .power-metadata .field { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .power-metadata .field > small { color: rgb(135, 144, 138); margin-top: 4px; font-size: 9px; display: block; }
.friend-page-host .power-clear { width: 100%; margin-top: 7px; }
.friend-page-host .power-optional-scan { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 239); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 229, 211); border-right-color: rgb(220, 229, 211); border-bottom-color: rgb(220, 229, 211); border-left-color: rgb(220, 229, 211); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 15px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .power-optional-scan small, .friend-page-host .power-optional-scan strong { display: block; }
.friend-page-host .power-optional-scan small { color: rgb(90, 140, 0); letter-spacing: 1px; font-size: 8px; font-weight: 900; }
.friend-page-host .power-optional-scan strong { color: rgb(48, 68, 46); margin-top: 4px; font-size: 11px; }
.friend-page-host .power-optional-scan p { color: rgb(124, 136, 123); margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 9px; line-height: 1.45; }
.friend-page-host .power-optional-scan .power-scan { margin-top: 10px; }
.friend-page-host .power-suggestions { row-gap: 7px; column-gap: 7px; margin-top: 9px; display: grid; }
.friend-page-host .power-suggestions article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 229, 215); border-right-color: rgb(223, 229, 215); border-bottom-color: rgb(223, 229, 215); border-left-color: rgb(223, 229, 215); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 10px; column-gap: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: flex; }
.friend-page-host .power-suggestions article.matched { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 251, 234); border-top-color: rgb(185, 213, 135); border-right-color: rgb(185, 213, 135); border-bottom-color: rgb(185, 213, 135); border-left-color: rgb(185, 213, 135); }
.friend-page-host .power-suggestions article > div { min-width: 0px; }
.friend-page-host .power-suggestions small, .friend-page-host .power-suggestions strong, .friend-page-host .power-suggestions span { display: block; }
.friend-page-host .power-suggestions small { color: rgb(111, 125, 112); font-size: 8px; }
.friend-page-host .power-suggestions strong { color: rgb(49, 65, 52); margin-top: 3px; font-size: 11px; }
.friend-page-host .power-suggestions span { color: rgb(120, 131, 122); margin-top: 3px; font-size: 9px; }
.friend-page-host .power-suggestions button { color: rgb(78, 117, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(130, 172, 54); border-right-color: rgb(130, 172, 54); border-bottom-color: rgb(130, 172, 54); border-left-color: rgb(130, 172, 54); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-height: 34px; padding-top: 0px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; font-size: 9px; font-weight: 850; }
.friend-page-host .power-suggestions > p { color: rgb(117, 93, 37); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 244, 221); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; font-size: 9px; line-height: 1.45; }
.friend-page-host .power-document-actions button { color: rgb(77, 102, 86); border-top-color: rgb(217, 223, 214); border-right-color: rgb(217, 223, 214); border-bottom-color: rgb(217, 223, 214); border-left-color: rgb(217, 223, 214); }
.friend-page-host .power-document-actions button:last-child { color: rgb(155, 77, 64); border-top-color: rgb(236, 212, 207); border-right-color: rgb(236, 212, 207); border-bottom-color: rgb(236, 212, 207); border-left-color: rgb(236, 212, 207); }
html[data-theme="dark"] .friend-page-host .batch-open-button, html[data-theme="dark"] .friend-page-host .batch-price-toolbar button, html[data-theme="dark"] .friend-page-host .batch-grid-actions button { color: rgb(199, 221, 140); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 51, 28); border-top-color: rgb(80, 102, 55); border-right-color: rgb(80, 102, 55); border-bottom-color: rgb(80, 102, 55); border-left-color: rgb(80, 102, 55); }
html[data-theme="dark"] .friend-page-host .batch-intro, html[data-theme="dark"] .friend-page-host .portfolio-batch-card > header, html[data-theme="dark"] .friend-page-host .power-file-picker, html[data-theme="dark"] .friend-page-host .power-optional-scan { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 43, 33); border-top-color: rgb(64, 83, 49); border-right-color: rgb(64, 83, 49); border-bottom-color: rgb(64, 83, 49); border-left-color: rgb(64, 83, 49); }
html[data-theme="dark"] .friend-page-host .batch-grid, html[data-theme="dark"] .friend-page-host .batch-grid-row input, html[data-theme="dark"] .friend-page-host .batch-price-toolbar input, html[data-theme="dark"] .friend-page-host .portfolio-batch-card, html[data-theme="dark"] .friend-page-host .portfolio-batch-relations > span, html[data-theme="dark"] .friend-page-host .portfolio-batch-summary > span, html[data-theme="dark"] .friend-page-host .portfolio-batch-items > button, html[data-theme="dark"] .friend-page-host .power-documents > article, html[data-theme="dark"] .friend-page-host .power-document-actions a, html[data-theme="dark"] .friend-page-host .power-document-actions button, html[data-theme="dark"] .friend-page-host .power-selected-files > div, html[data-theme="dark"] .friend-page-host .power-suggestions article { color: rgb(230, 236, 232); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .batch-grid-head, html[data-theme="dark"] .friend-page-host .power-search { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .batch-grid-row, html[data-theme="dark"] .friend-page-host .portfolio-batch-items > button { border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .batch-grid-row input, html[data-theme="dark"] .friend-page-host .batch-price-toolbar input, html[data-theme="dark"] .friend-page-host .power-search input, html[data-theme="dark"] .friend-page-host .portfolio-batch-card > header h2, html[data-theme="dark"] .friend-page-host .portfolio-batch-relations strong, html[data-theme="dark"] .friend-page-host .portfolio-batch-summary strong, html[data-theme="dark"] .friend-page-host .portfolio-batch-items strong, html[data-theme="dark"] .friend-page-host .power-person strong, html[data-theme="dark"] .friend-page-host .power-file-info strong, html[data-theme="dark"] .friend-page-host .power-selected-files strong, html[data-theme="dark"] .friend-page-host .power-optional-scan strong, html[data-theme="dark"] .friend-page-host .power-suggestions strong { color: rgb(238, 243, 240); }
@media (width <= 1100px) {
.friend-page-host .power-workspace { grid-template-columns: 1fr; }
.friend-page-host .power-documents > article { grid-template-columns: 1fr 1fr auto; }
.friend-page-host .top-actions button { padding-left: 9px; padding-right: 9px; }
}
@media (width <= 760px) {
.friend-page-host .property-view-actions { flex-direction: column; align-items: stretch; margin-top: 10px; }
.friend-page-host .property-view-actions .result-count { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .batch-open-button { width: 100%; min-height: 44px; }
.friend-page-host .batch-property-modal { width: 100vw; }
.friend-page-host .batch-intro { flex-direction: column; align-items: flex-start; row-gap: 4px; column-gap: 4px; }
.friend-page-host .batch-price-toolbar { grid-template-columns: 1fr 1fr; display: grid; }
.friend-page-host .batch-price-toolbar label { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .batch-price-toolbar input { width: 100%; height: 46px; font-size: 16px; }
.friend-page-host .batch-price-toolbar button { height: 46px; }
.friend-page-host .batch-price-toolbar small { align-self: center; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .batch-grid { background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; overflow-x: visible; overflow-y: visible; }
.friend-page-host .batch-grid-head { display: none; }
.friend-page-host .batch-grid-row { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 1fr 1fr; row-gap: 8px; column-gap: 8px; margin-bottom: 10px; padding-top: 36px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: grid; position: relative; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(223, 228, 220) !important; border-right-color: rgb(223, 228, 220) !important; border-bottom-color: rgb(223, 228, 220) !important; border-left-color: rgb(223, 228, 220) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
.friend-page-host .batch-grid-row > b { color: rgb(90, 140, 0); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: absolute; top: 10px; left: 11px; }
.friend-page-host .batch-grid-row label { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .batch-grid-row label::before { content: attr(data-label); color: rgb(125, 135, 129); margin-bottom: 4px; font-size: 9px; font-weight: 850; display: block; }
.friend-page-host .batch-grid-row input { height: 45px; font-size: 16px; }
.friend-page-host .batch-grid-row output { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 236); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-column-start: 1; grid-column-end: -1; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; }
.friend-page-host .batch-grid-row output small { color: rgb(115, 129, 102); font-size: 9px; display: block; }
.friend-page-host .batch-grid-row output strong { margin-top: 3px; font-size: 14px; }
.friend-page-host .batch-grid-row > button { position: absolute; top: 8px; right: 9px; }
.friend-page-host .batch-grid-actions { flex-direction: column; align-items: stretch; }
.friend-page-host .batch-grid-actions > div:first-child { grid-template-columns: 1fr 1fr; display: grid; }
.friend-page-host .batch-grid-actions button { height: 44px; }
.friend-page-host .batch-totals { grid-template-columns: 1fr 1fr; display: grid; }
.friend-page-host .batch-totals > span { min-width: 0px; }
.friend-page-host .batch-totals > span:last-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .batch-save-note { text-align: center; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .portfolio-batch-card > header { display: block; }
.friend-page-host .portfolio-batch-card > header > span { margin-top: 10px; display: inline-block; }
.friend-page-host .portfolio-batch-relations, .friend-page-host .portfolio-batch-summary { grid-template-columns: 1fr; }
.friend-page-host .portfolio-batch-items > button { grid-template-columns: 1fr 1fr; }
.friend-page-host .portfolio-batch-items > button > span:nth-child(3) { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .portfolio-batch-items b { justify-self: end; }
.friend-page-host .power-hero { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.friend-page-host .power-hero h2 { font-size: 21px; }
.friend-page-host .power-hero > span { display: none; }
.friend-page-host .power-workspace { grid-template-columns: 1fr; }
.friend-page-host .power-upload, .friend-page-host .power-list { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .power-metadata { grid-template-columns: 1fr; }
.friend-page-host .power-selected-files span { grid-template-columns: 24px minmax(0px, 1fr); }
.friend-page-host .power-selected-files small { grid-column-start: 2; grid-column-end: auto; }
.friend-page-host .power-suggestions article { flex-direction: column; align-items: stretch; }
.friend-page-host .power-suggestions button { width: 100%; min-height: 40px; }
.friend-page-host .power-documents > article { grid-template-columns: 1fr; }
.friend-page-host .power-document-actions { grid-template-columns: repeat(6, minmax(0px, 1fr)); display: grid; }
.friend-page-host .power-document-actions > :nth-child(1), .friend-page-host .power-document-actions > :nth-child(2) { grid-column-start: span 3; grid-column-end: auto; }
.friend-page-host .power-document-actions > :nth-child(n+3) { grid-column-start: span 2; grid-column-end: auto; }
.friend-page-host .power-document-actions a, .friend-page-host .power-document-actions button { min-height: 39px; }
.friend-page-host .mobile-nav button { font-size: 10px; }
.friend-page-host .batch-property-modal .modal-actions .batch-save-note { flex-grow: 1; flex-shrink: 0; flex-basis: 100%; }
html[data-theme="dark"] .friend-page-host .batch-grid-row { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(20, 34, 29) !important; }
}
.friend-page-host .power-center, .friend-page-host .power-workspace, .friend-page-host .power-upload, .friend-page-host .power-list, .friend-page-host .power-documents, .friend-page-host .power-documents > article { width: 100%; min-width: 0px; max-width: 100%; }
.friend-page-host .power-center { overflow-x: clip; }
.friend-page-host .power-workspace { grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); }
.friend-page-host .power-metadata { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .power-upload *, .friend-page-host .power-list * { box-sizing: border-box; }
.friend-page-host .power-file-picker span { white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; }
.friend-page-host .power-document-actions { grid-template-columns: repeat(5, minmax(0px, 1fr)); width: 100%; min-width: 0px; display: grid; }
.friend-page-host .power-document-actions a, .friend-page-host .power-document-actions button { white-space-collapse: collapse; text-wrap-mode: nowrap; min-width: 0px; min-height: 37px; padding-top: 0px; padding-right: 7px; padding-bottom: 0px; padding-left: 7px; }
.friend-page-host .power-file-picker small, .friend-page-host .power-selected-files small, .friend-page-host .power-detected small, .friend-page-host .power-optional-scan p, .friend-page-host .power-suggestions small, .friend-page-host .power-suggestions span, .friend-page-host .power-suggestions > p, .friend-page-host .power-person small, .friend-page-host .power-file-info small { font-size: 11px; line-height: 1.45; }
.friend-page-host .power-selected-files strong, .friend-page-host .power-detected strong, .friend-page-host .power-optional-scan strong, .friend-page-host .power-suggestions strong, .friend-page-host .power-person strong, .friend-page-host .power-file-info strong { font-size: 13px; }
.friend-page-host .power-suggestions button, .friend-page-host .power-document-actions a, .friend-page-host .power-document-actions button, .friend-page-host .power-person > span, .friend-page-host .power-selected-files b { font-size: 11px; }
.friend-page-host .page-content small, .friend-page-host .detail-drawer small, .friend-page-host .modal small, .friend-page-host .settings-shell small, .friend-page-host .auth-card small { font-size: max(11px, 0.72rem); line-height: 1.45; }
.friend-page-host .page-content .field > span, .friend-page-host .detail-drawer .field > span, .friend-page-host .modal .field > span { font-size: 12px; }
.friend-page-host .page-content .panel-head p, .friend-page-host .detail-drawer .document-title p, .friend-page-host .modal .modal-head p { font-size: 11px; }
.friend-page-host .document-actions { flex-wrap: wrap; max-width: 100%; }
.friend-page-host .document-actions a, .friend-page-host .document-actions button { min-height: 34px; font-size: 11px; }
.friend-page-host .document-upload label > span, .friend-page-host .document-upload > small, .friend-page-host .document-info span, .friend-page-host .document-empty > small { font-size: 11px; }
@media (width <= 1450px) {
.friend-page-host .power-workspace { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .power-documents > article { grid-template-columns: minmax(150px, 0.8fr) minmax(180px, 1fr); }
.friend-page-host .power-document-actions { grid-column-start: 1; grid-column-end: -1; }
}
@media (width <= 760px) {
.friend-page-host .power-upload, .friend-page-host .power-list { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .power-documents > article { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .power-document-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .power-selected-files > div { align-items: flex-start; }
.friend-page-host .power-selected-files span { width: 100%; }
.friend-page-host .power-search input { min-width: 0px; }
.friend-page-host .document-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)); width: 100%; display: grid; }
.friend-page-host .document-actions a, .friend-page-host .document-actions button { align-items: center; justify-items: center; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: grid; }
.friend-page-host .mobile-nav button { font-size: 10.5px; }
}
@media (width <= 380px) {
.friend-page-host .power-document-actions, .friend-page-host .document-actions { grid-template-columns: minmax(0px, 1fr); }
}
.friend-page-host .power-documents > .power-group { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .power-group > header { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 243); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(226, 230, 225); justify-content: space-between; align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; display: flex; }
.friend-page-host .power-group > header > b { color: rgb(76, 115, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(233, 242, 220); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 11px; }
.friend-page-host .power-group-pages { display: grid; }
.friend-page-host .power-group-page { grid-template-columns: minmax(180px, 1fr) minmax(350px, 1.4fr); align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; display: grid; }
.friend-page-host .power-group-page + .power-group-page { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 235); }
.friend-page-host .power-group-page .power-document-actions { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.friend-page-host .power-group-page .power-file-info strong { white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; }
.friend-page-host .power-group-header-actions, .friend-page-host .document-batch-header-actions { flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-items: center; row-gap: 7px; column-gap: 7px; display: flex; }
.friend-page-host .power-group-header-actions > b, .friend-page-host .document-batch-header-actions > b { color: rgb(76, 115, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(233, 242, 220); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; align-items: center; justify-items: center; min-width: 29px; min-height: 29px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 10px; display: grid; }
.friend-page-host .power-group-header-actions > button, .friend-page-host .document-batch-header-actions > button { color: rgb(154, 73, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 245, 243); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(231, 200, 193); border-right-color: rgb(231, 200, 193); border-bottom-color: rgb(231, 200, 193); border-left-color: rgb(231, 200, 193); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 31px; padding-top: 0px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 10px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .power-group-header-actions > button:disabled, .friend-page-host .document-batch-header-actions > button:disabled { opacity: 0.55; }
.friend-page-host .document-list > .document-batch { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 229, 220); border-right-color: rgb(223, 229, 220); border-bottom-color: rgb(223, 229, 220); border-left-color: rgb(223, 229, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .document-batch > header { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 243); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(228, 233, 225); justify-content: space-between; align-items: center; row-gap: 10px; column-gap: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: flex; }
.friend-page-host .document-batch > header strong, .friend-page-host .document-batch > header span { display: block; }
.friend-page-host .document-batch > header strong { color: rgb(52, 64, 57); font-size: 12px; }
.friend-page-host .document-batch > header span { color: rgb(126, 137, 130); margin-top: 3px; font-size: 10px; }
.friend-page-host .document-batch > header > b { color: rgb(76, 115, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(233, 242, 220); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; min-width: 27px; height: 27px; font-size: 10px; display: grid; }
.friend-page-host .document-batch-pages { display: grid; }
.friend-page-host .document-batch-page { grid-template-columns: 39px minmax(0px, 1fr); align-items: center; row-gap: 9px; column-gap: 9px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; display: grid; }
.friend-page-host .document-batch-page + .document-batch-page { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 235); }
.friend-page-host .document-batch-page .document-actions { grid-column-start: 2; grid-column-end: auto; }
html[data-theme="dark"] .friend-page-host .power-group > header, html[data-theme="dark"] .friend-page-host .document-batch > header { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 43, 33); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .power-group-page + .power-group-page, html[data-theme="dark"] .friend-page-host .document-batch-page + .document-batch-page { border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .document-list > .document-batch { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .document-batch > header strong { color: rgb(238, 243, 240); }
@media (width <= 900px) {
.friend-page-host .power-group-page { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .power-group-page .power-document-actions { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (width <= 760px) {
.friend-page-host .power-group > header, .friend-page-host .document-batch > header { align-items: flex-start; }
.friend-page-host .power-group-header-actions, .friend-page-host .document-batch-header-actions { flex-direction: column; align-items: stretch; }
.friend-page-host .power-group-header-actions > b, .friend-page-host .document-batch-header-actions > b { align-self: flex-end; }
.friend-page-host .power-group-header-actions > button, .friend-page-host .document-batch-header-actions > button { min-height: 36px; }
.friend-page-host .power-group-page { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .power-group-page .power-document-actions { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
.friend-page-host .power-group-page .power-document-actions > :nth-child(1), .friend-page-host .power-group-page .power-document-actions > :nth-child(2) { grid-column-start: span 3; grid-column-end: auto; }
.friend-page-host .power-group-page .power-document-actions > :nth-child(n+3) { grid-column-start: span 2; grid-column-end: auto; }
.friend-page-host .document-batch-page { grid-template-columns: 34px minmax(0px, 1fr); }
.friend-page-host .document-batch-page .document-icon { width: 34px; height: 34px; }
.friend-page-host .document-batch-page .document-actions { grid-column-start: 1; grid-column-end: -1; }
}
@media (width <= 380px) {
.friend-page-host .power-group-page .power-document-actions { grid-template-columns: minmax(0px, 1fr); }
}
html[data-theme="dark"] .friend-page-host .statement-shell { color: rgb(238, 245, 241); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(7, 31, 28); }
html[data-theme="dark"] .friend-page-host .statement-paper { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(13, 43, 39); border-top-color: rgb(29, 69, 62); border-right-color: rgb(29, 69, 62); border-bottom-color: rgb(29, 69, 62); border-left-color: rgb(29, 69, 62); box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 55px; }
html[data-theme="dark"] .friend-page-host .statement-person { border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .statement-person h1, html[data-theme="dark"] .friend-page-host .statement-person dd, html[data-theme="dark"] .friend-page-host .statement-section-head h2, html[data-theme="dark"] .friend-page-host .statement-summary strong, html[data-theme="dark"] .friend-page-host .statement-table-wrap td strong, html[data-theme="dark"] .friend-page-host .statement-footer strong, html[data-theme="dark"] .friend-page-host .statement-state h1 { color: rgb(238, 245, 241); }
html[data-theme="dark"] .friend-page-host .statement-person > div > span, html[data-theme="dark"] .friend-page-host .statement-person dt, html[data-theme="dark"] .friend-page-host .statement-summary small, html[data-theme="dark"] .friend-page-host .statement-summary span, html[data-theme="dark"] .friend-page-host .statement-section-head > span, html[data-theme="dark"] .friend-page-host .statement-table-wrap td, html[data-theme="dark"] .friend-page-host .statement-table-wrap td > span, html[data-theme="dark"] .friend-page-host .statement-footer, html[data-theme="dark"] .friend-page-host .statement-state small { color: rgb(174, 191, 186); }
html[data-theme="dark"] .friend-page-host .statement-summary { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(10, 36, 32); }
html[data-theme="dark"] .friend-page-host .statement-summary > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 51, 46); border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .statement-table-wrap { border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .statement-table-wrap th { color: rgb(174, 191, 186); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 51, 46); }
html[data-theme="dark"] .friend-page-host .statement-table-wrap td { border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .statement-footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 49, 44); border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
.friend-page-host .portfolio-public-header > a { width: 190px; display: block; }
.friend-page-host .portfolio-public-actions { row-gap: 8px; column-gap: 8px; display: flex; }
.friend-page-host .portfolio-public-header button { cursor: pointer; }
.friend-page-host .portfolio-public-state img { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 220px; max-width: 72%; height: auto; margin-top: 0px; margin-right: auto; margin-bottom: 22px; margin-left: auto; padding-top: 15px; padding-right: 18px; padding-bottom: 15px; padding-left: 18px; display: block; }
html[data-theme="dark"] .friend-page-host .portfolio-public-shell { color: rgb(238, 245, 241); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(7, 31, 28); }
html[data-theme="dark"] .friend-page-host .portfolio-public-paper { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(13, 43, 39); border-top-color: rgb(29, 69, 62); border-right-color: rgb(29, 69, 62); border-bottom-color: rgb(29, 69, 62); border-left-color: rgb(29, 69, 62); box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 55px; }
html[data-theme="dark"] .friend-page-host .portfolio-public-meta { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 70, 63); border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .portfolio-public-meta > div, html[data-theme="dark"] .friend-page-host .portfolio-public-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 51, 46); border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .portfolio-public-meta small, html[data-theme="dark"] .friend-page-host .portfolio-card-title p, html[data-theme="dark"] .friend-page-host .portfolio-card-title small, html[data-theme="dark"] .friend-page-host .portfolio-public-card dt, html[data-theme="dark"] .friend-page-host .portfolio-card-price small, html[data-theme="dark"] .friend-page-host .portfolio-card-price span, html[data-theme="dark"] .friend-page-host .portfolio-public-footer span, html[data-theme="dark"] .friend-page-host .portfolio-public-state p, html[data-theme="dark"] .friend-page-host .portfolio-public-state small { color: rgb(174, 191, 186); }
html[data-theme="dark"] .friend-page-host .portfolio-public-meta strong, html[data-theme="dark"] .friend-page-host .portfolio-card-title h2, html[data-theme="dark"] .friend-page-host .portfolio-public-card dd, html[data-theme="dark"] .friend-page-host .portfolio-public-footer strong, html[data-theme="dark"] .friend-page-host .portfolio-public-state h1 { color: rgb(238, 245, 241); }
html[data-theme="dark"] .friend-page-host .portfolio-public-card dl, html[data-theme="dark"] .friend-page-host .portfolio-public-card dl > div { border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .portfolio-card-price { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 56, 39); border-top-color: rgb(49, 83, 60); border-right-color: rgb(49, 83, 60); border-bottom-color: rgb(49, 83, 60); border-left-color: rgb(49, 83, 60); }
html[data-theme="dark"] .friend-page-host .portfolio-card-price strong { color: rgb(194, 211, 82); }
html[data-theme="dark"] .friend-page-host .portfolio-public-footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 49, 44); border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
@media (width <= 760px) {
.friend-page-host .statement-header { grid-template-columns: minmax(0px, 1fr) auto; row-gap: 13px; column-gap: 13px; }
.friend-page-host .statement-brand { grid-column-start: 1; grid-column-end: -1; width: 170px; }
.friend-page-host .statement-heading strong { font-size: 14px; }
.friend-page-host .statement-header-actions { align-self: end; }
.friend-page-host .statement-header-actions button { min-height: 38px; }
.friend-page-host .portfolio-public-header > a { grid-column-start: 1; grid-column-end: -1; width: 160px; }
.friend-page-host .portfolio-public-header > a img { width: 160px; }
.friend-page-host .portfolio-public-actions { flex-direction: column; align-items: stretch; }
.friend-page-host .portfolio-public-actions button { min-height: 36px; }
html[data-theme="dark"] .friend-page-host .statement-shell, html[data-theme="dark"] .friend-page-host .portfolio-public-shell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(7, 31, 28); }
}
@media (width <= 430px) {
.friend-page-host .statement-header { grid-template-columns: 1fr; }
.friend-page-host .statement-brand, .friend-page-host .statement-heading, .friend-page-host .statement-header-actions { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .statement-header-actions { grid-template-columns: 1fr 1fr; display: grid; }
.friend-page-host .portfolio-public-header { grid-template-columns: 1fr; }
.friend-page-host .portfolio-public-header > a, .friend-page-host .portfolio-public-header > div, .friend-page-host .portfolio-public-actions { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .portfolio-public-actions { grid-template-columns: 1fr 1fr; display: grid; }
}
@media print {
.friend-page-host .portfolio-public-actions { display: none; }
}
.friend-page-host .monthly-chart { overscroll-behavior-x: none; overscroll-behavior-y: none; width: 100%; max-width: 100%; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .monthly-bars { grid-template-columns: repeat(12, minmax(0px, 1fr)); row-gap: clamp(2px, 0.42vw, 6px); column-gap: clamp(2px, 0.42vw, 6px); width: 100%; min-width: 0px; }
.friend-page-host .monthly-bar { min-width: 0px; }
.friend-page-host .monthly-bar > strong { font-size: clamp(7px, 0.55vw, 9px); }
.friend-page-host .monthly-bar > small { font-size: clamp(8px, 0.65vw, 10px); }
@media (width <= 760px) {
.friend-page-host .monthly-chart { margin-right: 0px; padding-right: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .monthly-bars { row-gap: 2px; column-gap: 2px; width: 100%; min-width: 0px; padding-inline-start: 0px; padding-inline-end: 0px; }
.friend-page-host .monthly-bar > span i { width: min(22px, 76%); }
.friend-page-host .monthly-bar > strong { font-size: 7px; }
.friend-page-host .monthly-bar > small { font-size: 8px; }
}
.friend-page-host .trash-center { width: 100%; min-width: 0px; max-width: none; overflow-x: clip; }
.friend-page-host .trash-hero { color: rgb(255, 255, 255); background-image: linear-gradient(120deg, rgb(0, 45, 40), rgb(7, 81, 71)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 24px; column-gap: 24px; padding-top: 27px; padding-right: 30px; padding-bottom: 27px; padding-left: 30px; display: flex; }
.friend-page-host .trash-hero p { color: var(--lime); letter-spacing: 1.2px; margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; font-size: 11px; font-weight: 950; }
.friend-page-host .trash-hero h2 { letter-spacing: -0.03em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 900; font-stretch: normal; font-size: 26px; line-height: 1.2; font-family: Satoshi, sans-serif; }
.friend-page-host .trash-hero > div > span { color: rgb(209, 222, 217); width: 100%; max-width: none; margin-top: 8px; font-size: 13px; line-height: 1.6; display: block; }
.friend-page-host .trash-symbol { width: 62px; height: 62px; color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.063); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.22); border-right-color: rgba(255, 255, 255, 0.22); border-bottom-color: rgba(255, 255, 255, 0.22); border-left-color: rgba(255, 255, 255, 0.22); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 62px; align-items: center; justify-items: center; font-size: 31px; display: grid; }
.friend-page-host .trash-toolbar { grid-template-columns: minmax(220px, 1fr) minmax(150px, 220px) auto auto; align-items: end; row-gap: 11px; column-gap: 11px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; display: grid; }
.friend-page-host .trash-toolbar > label { row-gap: 5px; column-gap: 5px; min-width: 0px; display: grid; }
.friend-page-host .trash-toolbar > label > span { color: var(--muted); font-size: 11px; font-weight: 850; }
.friend-page-host .trash-toolbar input, .friend-page-host .trash-toolbar select { width: 100%; min-width: 0px; height: 43px; color: var(--ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 224, 216); border-right-color: rgb(217, 224, 216); border-bottom-color: rgb(217, 224, 216); border-left-color: rgb(217, 224, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; font-size: 13px; }
.friend-page-host .trash-toolbar input:focus, .friend-page-host .trash-toolbar select:focus { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; box-shadow: rgba(90, 140, 0, 0.094) 0px 0px 0px 3px; }
.friend-page-host .trash-toolbar > div { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(194, 211, 82); align-content: center; min-height: 43px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; display: grid; }
.friend-page-host .trash-toolbar > div strong { font-size: 16px; }
.friend-page-host .trash-toolbar > div span { color: var(--muted); font-size: 10px; }
.friend-page-host .trash-toolbar > .danger-btn { min-height: 43px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 11px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .trash-result { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px; font-size: 12px; font-weight: 800; }
.friend-page-host .trash-result.ok { color: rgb(66, 107, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(233, 244, 218); }
.friend-page-host .trash-result.error { color: rgb(153, 76, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); }
.friend-page-host .trash-list { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .trash-list > .panel-head { padding-top: 19px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; }
.friend-page-host .trash-list > .panel-head > small { color: var(--muted); font-size: 11px; }
.friend-page-host .trash-items { border-top-width: ; border-top-style: ; border-top-color: ; display: grid; }
.friend-page-host .trash-item { grid-template-columns: 125px minmax(220px, 1fr) minmax(155px, 200px) auto; align-items: center; row-gap: 15px; column-gap: 15px; min-width: 0px; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; display: grid; }
.friend-page-host .trash-item + .trash-item { border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .trash-type { color: rgb(81, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 243, 230); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; justify-content: center; padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; font-size: 10px; font-weight: 900; display: inline-flex; }
.friend-page-host .trash-person { color: rgb(63, 96, 151); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 241, 255); }
.friend-page-host .trash-person_document { color: rgb(118, 80, 154); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 237, 255); }
.friend-page-host .trash-property_document { color: rgb(145, 101, 38); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 243, 223); }
.friend-page-host .trash-item-main, .friend-page-host .trash-expiry { min-width: 0px; }
.friend-page-host .trash-item-main strong, .friend-page-host .trash-item-main span, .friend-page-host .trash-expiry small, .friend-page-host .trash-expiry strong, .friend-page-host .trash-expiry span { display: block; }
.friend-page-host .trash-item-main strong { overflow-wrap: anywhere; color: var(--ink); font-size: 14px; }
.friend-page-host .trash-item-main span { overflow-wrap: anywhere; color: var(--muted); margin-top: 4px; font-size: 11px; line-height: 1.5; }
.friend-page-host .trash-expiry { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(214, 228, 189); padding-left: 12px; }
.friend-page-host .trash-expiry small { color: var(--muted); font-size: 9px; }
.friend-page-host .trash-expiry strong { color: rgb(78, 118, 0); margin-top: 2px; font-size: 13px; }
.friend-page-host .trash-expiry span { color: var(--muted); margin-top: 3px; font-size: 9px; }
.friend-page-host .trash-actions { row-gap: 6px; column-gap: 6px; display: flex; }
.friend-page-host .trash-actions button { white-space-collapse: collapse; text-wrap-mode: nowrap; min-height: 38px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 10px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .trash-empty { text-align: center; border-top-width: ; border-top-style: ; border-top-color: ; align-items: center; justify-items: center; padding-top: 56px; padding-right: 20px; padding-bottom: 56px; padding-left: 20px; display: grid; }
.friend-page-host .trash-empty > span { color: rgb(86, 128, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 227); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 49px; height: 49px; font-size: 22px; display: grid; }
.friend-page-host .trash-empty strong { margin-top: 13px; font-size: 17px; }
.friend-page-host .trash-empty small { color: var(--muted); margin-top: 4px; font-size: 12px; }
.friend-page-host .trash-notes { grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 10px; column-gap: 10px; display: grid; }
.friend-page-host .trash-notes > div { border-left-width: 3px; border-left-style: solid; border-left-color: rgb(142, 183, 47); padding-top: 4px; padding-right: 13px; padding-bottom: 4px; padding-left: 13px; }
.friend-page-host .trash-notes strong, .friend-page-host .trash-notes span { display: block; }
.friend-page-host .trash-notes strong { color: var(--ink); font-size: 12px; }
.friend-page-host .trash-notes span { color: var(--muted); margin-top: 3px; font-size: 11px; line-height: 1.5; }
html[data-theme="dark"] .friend-page-host .trash-toolbar input, html[data-theme="dark"] .friend-page-host .trash-toolbar select { color: rgb(241, 245, 242); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .trash-item-main strong, html[data-theme="dark"] .friend-page-host .trash-empty strong, html[data-theme="dark"] .friend-page-host .trash-notes strong { color: rgb(238, 243, 240); }
html[data-theme="dark"] .friend-page-host .trash-type { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(39, 53, 31); }
html[data-theme="dark"] .friend-page-host .trash-person { color: rgb(170, 200, 244); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 43, 69); }
html[data-theme="dark"] .friend-page-host .trash-person_document { color: rgb(211, 181, 237); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(48, 34, 62); }
html[data-theme="dark"] .friend-page-host .trash-property_document { color: rgb(230, 197, 143); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(58, 45, 27); }
html[data-theme="dark"] .friend-page-host .trash-result.ok { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(37, 55, 28); }
html[data-theme="dark"] .friend-page-host .trash-result.error { color: rgb(229, 169, 157); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(58, 35, 31); }
@media (width <= 980px) {
.friend-page-host .trash-toolbar { grid-template-columns: 1fr 1fr; }
.friend-page-host .trash-item { grid-template-columns: 110px minmax(0px, 1fr) auto; }
.friend-page-host .trash-expiry { grid-column-start: 2; grid-column-end: auto; }
.friend-page-host .trash-actions { grid-row-start: 1; grid-column-start: 3; grid-row-end: 3; grid-column-end: auto; }
}
@media (width <= 760px) {
.friend-page-host .trash-hero { align-items: flex-start; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.friend-page-host .trash-hero h2 { font-size: 22px; }
.friend-page-host .trash-hero > div > span { font-size: 12px; }
.friend-page-host .trash-symbol { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-basis: 48px; width: 48px; height: 48px; font-size: 24px; }
.friend-page-host .trash-toolbar { grid-template-columns: minmax(0px, 1fr); padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .trash-toolbar > div { border-top-width: 2px; border-top-style: solid; border-top-color: rgb(194, 211, 82); border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .trash-toolbar > .danger-btn { width: 100%; }
.friend-page-host .trash-item { grid-template-columns: minmax(0px, 1fr); row-gap: 10px; column-gap: 10px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .trash-type { justify-self: start; }
.friend-page-host .trash-expiry { border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; border-top-width: ; border-top-style: ; border-top-color: ; grid-column-start: 1; grid-column-end: auto; padding-top: 9px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .trash-actions { grid-row-start: auto; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto; grid-template-columns: 1fr 1fr; display: grid; }
.friend-page-host .trash-actions button { width: 100%; min-width: 0px; }
.friend-page-host .trash-notes { grid-template-columns: 1fr; }
.friend-page-host .trash-list > .panel-head { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .trash-list > .panel-head > small { display: none; }
}
.friend-page-host .upload-progress { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 233); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(205, 221, 174); border-right-color: rgb(205, 221, 174); border-bottom-color: rgb(205, 221, 174); border-left-color: rgb(205, 221, 174); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; row-gap: 7px; column-gap: 7px; min-width: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; display: grid; }
.friend-page-host .modal-upload-progress { margin-top: 0px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; }
.friend-page-host .upload-progress > div { justify-content: space-between; align-items: center; row-gap: 10px; column-gap: 10px; display: flex; }
.friend-page-host .upload-progress strong { color: rgb(62, 101, 0); font-size: 12px; }
.friend-page-host .upload-progress span { color: rgb(107, 120, 99); font-size: 10px; }
.friend-page-host .upload-progress progress, .friend-page-host .upload-indeterminate progress { accent-color: rgb(90, 140, 0); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; height: 8px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .upload-progress progress:indeterminate::-webkit-progress-bar { background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .upload-progress progress:indeterminate::-webkit-progress-value { background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
@keyframes friend-page--upload-progress-move {
100% { background-position-x: -220%; background-position-y: 0px; }
}
.friend-page-host .share-calculator { width: 100%; min-width: 0px; max-width: none; overflow-x: clip; }
html[data-theme="dark"] .friend-page-host .upload-progress { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 45, 25); border-top-color: rgb(61, 88, 50); border-right-color: rgb(61, 88, 50); border-bottom-color: rgb(61, 88, 50); border-left-color: rgb(61, 88, 50); }
html[data-theme="dark"] .friend-page-host .upload-progress strong { color: rgb(194, 211, 82); }
html[data-theme="dark"] .friend-page-host .upload-progress span { color: rgb(174, 188, 181); }
@media (width <= 980px) {

}
@media (width <= 760px) {

}
@media (width <= 760px) {

}
@media (width <= 430px) {

}
@media print {

}
.friend-page-host .share-calculator-v2 { max-width: none; width: 100%; }
.friend-page-host .share-page-head { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 24px; column-gap: 24px; min-width: 0px; padding-top: 22px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; display: flex; }
.friend-page-host .share-page-title { min-width: 0px; }
.friend-page-host .share-page-title p { color: var(--green); letter-spacing: 1.2px; align-items: center; row-gap: 8px; column-gap: 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; font-size: 11px; font-weight: 950; display: flex; }
.friend-page-host .share-page-title p span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.09); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 25px; height: 25px; font-size: 13px; display: grid; }
.friend-page-host .share-page-title h2 { color: var(--ink); letter-spacing: -0.04em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 950; font-stretch: normal; font-size: 30px; line-height: 1.15; font-family: Satoshi, sans-serif; }
.friend-page-host .share-page-title > small { width: 100%; max-width: none; color: var(--muted); margin-top: 7px; font-size: 13px; line-height: 1.55; display: block; }
.friend-page-host .share-head-actions { flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-items: stretch; row-gap: 9px; column-gap: 9px; display: flex; }
.friend-page-host .share-formula-chip { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 243); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 228, 212); border-right-color: rgb(220, 228, 212); border-bottom-color: rgb(220, 228, 212); border-left-color: rgb(220, 228, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-content: center; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; display: grid; }
.friend-page-host .share-formula-chip small, .friend-page-host .share-formula-chip strong { display: block; }
.friend-page-host .share-formula-chip small { color: rgb(124, 136, 117); letter-spacing: 0.7px; font-size: 9px; font-weight: 900; }
.friend-page-host .share-formula-chip strong { color: rgb(53, 87, 0); margin-top: 3px; font-size: 13px; }
.friend-page-host .share-reset-btn { color: rgb(88, 100, 92); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 223, 216); border-right-color: rgb(217, 223, 216); border-bottom-color: rgb(217, 223, 216); border-left-color: rgb(217, 223, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 11px; font-weight: 850; }
.friend-page-host .share-reset-btn:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--green); }
.friend-page-host .share-workbench { grid-template-columns: minmax(0px, 1.35fr) minmax(340px, 0.65fr); align-items: start; row-gap: 15px; column-gap: 15px; min-width: 0px; display: grid; }
.friend-page-host .share-input-column, .friend-page-host .share-output-column { row-gap: 15px; column-gap: 15px; min-width: 0px; display: grid; }
.friend-page-host .share-output-column { position: sticky; top: 91px; }
.friend-page-host .share-source-card, .friend-page-host .share-details-card, .friend-page-host .share-action-card, .friend-page-host .share-history-panel { min-width: 0px; padding-top: 21px; padding-right: 21px; padding-bottom: 21px; padding-left: 21px; }
.friend-page-host .share-section-head, .friend-page-host .share-action-head, .friend-page-host .share-ratio-copy { align-items: center; row-gap: 12px; column-gap: 12px; min-width: 0px; display: flex; }
.friend-page-host .share-section-head > span, .friend-page-host .share-action-head > span, .friend-page-host .share-ratio-copy > span { width: 34px; height: 34px; color: var(--green); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.094); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 34px; align-items: center; justify-items: center; font-size: 13px; font-weight: 950; display: grid; }
.friend-page-host .share-section-head p, .friend-page-host .share-action-head p, .friend-page-host .share-ratio-copy p { color: var(--green); letter-spacing: 1px; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; font-size: 9px; font-weight: 950; }
.friend-page-host .share-section-head h3, .friend-page-host .share-action-head h3, .friend-page-host .share-ratio-copy h3 { color: var(--ink); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 900; font-stretch: normal; font-size: 17px; line-height: 1.25; font-family: Satoshi, sans-serif; }
.friend-page-host .share-action-head small, .friend-page-host .share-ratio-copy small { color: var(--muted); margin-top: 4px; font-size: 11px; line-height: 1.45; display: block; }
.friend-page-host .share-source-tabs { grid-template-columns: 1fr 1fr; row-gap: 8px; column-gap: 8px; margin-top: 16px; display: grid; }
.friend-page-host .share-source-tabs button { color: rgb(70, 81, 73); text-align: left; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 249); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 226, 218); border-right-color: rgb(220, 226, 218); border-bottom-color: rgb(220, 226, 218); border-left-color: rgb(220, 226, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; row-gap: 10px; column-gap: 10px; min-width: 0px; min-height: 63px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; display: flex; }
.friend-page-host .share-source-tabs button > b { color: rgb(102, 113, 105); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 241, 235); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 34px; align-items: center; justify-items: center; width: 34px; height: 34px; font-size: 16px; display: grid; }
.friend-page-host .share-source-tabs button > span, .friend-page-host .share-source-tabs button small { min-width: 0px; display: block; }
.friend-page-host .share-source-tabs button > span { font-size: 13px; font-weight: 900; }
.friend-page-host .share-source-tabs button small { color: rgb(139, 148, 142); margin-top: 2px; font-size: 10px; font-weight: 500; }
.friend-page-host .share-source-tabs button.active { color: rgb(53, 91, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 233); border-top-color: rgb(134, 171, 69); border-right-color: rgb(134, 171, 69); border-bottom-color: rgb(134, 171, 69); border-left-color: rgb(134, 171, 69); box-shadow: rgba(90, 140, 0, 0.05) 0px 0px 0px 3px; }
.friend-page-host .share-source-tabs button.active > b { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
.friend-page-host .share-source-intro { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 248, 242); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; row-gap: 11px; column-gap: 11px; margin-top: 11px; padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; display: flex; }
.friend-page-host .share-source-intro > span { color: rgb(79, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(220, 234, 196); border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); flex-grow: 0; flex-shrink: 0; flex-basis: 28px; align-items: center; justify-items: center; width: 28px; height: 28px; font-weight: 950; display: grid; }
.friend-page-host .share-source-intro strong, .friend-page-host .share-source-intro small { display: block; }
.friend-page-host .share-source-intro strong { font-size: 12px; }
.friend-page-host .share-source-intro small { color: var(--muted); margin-top: 2px; font-size: 10px; line-height: 1.45; }
.friend-page-host .share-scan-workspace { row-gap: 9px; column-gap: 9px; margin-top: 11px; display: grid; }
.friend-page-host .share-upload-compact { cursor: pointer; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 239); border-top-width: 1.5px; border-right-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(167, 191, 126); border-right-color: rgb(167, 191, 126); border-bottom-color: rgb(167, 191, 126); border-left-color: rgb(167, 191, 126); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: auto minmax(0px, 1fr); align-items: center; row-gap: 12px; column-gap: 12px; min-height: 86px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; display: grid; position: relative; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .share-upload-compact input, .friend-page-host .share-upload-actions label input { opacity: 0; cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .share-upload-symbol { color: rgb(79, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(229, 238, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 45px; height: 45px; font-size: 20px; display: grid; }
.friend-page-host .share-upload-preview { background-image: initial; background-position-x: 50%; background-position-y: center; background-size: cover; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 54px; height: 54px; }
.friend-page-host .share-upload-copy { min-width: 0px; }
.friend-page-host .share-upload-copy strong, .friend-page-host .share-upload-copy small { text-overflow: ellipsis; display: block; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .share-upload-copy strong { color: rgb(63, 94, 19); white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 12px; }
.friend-page-host .share-upload-copy small { color: rgb(119, 131, 111); margin-top: 4px; font-size: 10px; }
.friend-page-host .share-upload-actions { grid-template-columns: 1fr 1fr; row-gap: 8px; column-gap: 8px; display: grid; }
.friend-page-host .share-upload-actions label, .friend-page-host .share-upload-actions button { color: rgb(78, 112, 9); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 217, 178); border-right-color: rgb(203, 217, 178); border-bottom-color: rgb(203, 217, 178); border-left-color: rgb(203, 217, 178); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; min-height: 41px; font-size: 11px; font-weight: 900; display: grid; position: relative; }
.friend-page-host .share-upload-actions button { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
.friend-page-host .share-upload-actions button:disabled { opacity: 0.5; }
.friend-page-host .share-ai-note { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 244, 241); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; row-gap: 8px; column-gap: 8px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; display: flex; }
.friend-page-host .share-ai-note > span { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 26px; height: 26px; font-size: 9px; font-weight: 950; display: grid; }
.friend-page-host .share-ai-note small { color: rgb(114, 125, 118); flex-grow: 1; flex-shrink: 1; flex-basis: 0%; font-size: 9px; line-height: 1.45; }
.friend-page-host .share-ai-note b { color: rgb(78, 116, 0); white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 10px; }
.friend-page-host .share-owner-grid { grid-template-columns: 1.15fr 1.15fr 0.7fr; row-gap: 10px; column-gap: 10px; margin-top: 17px; display: grid; }
.friend-page-host .share-location-grid { grid-template-columns: repeat(5, minmax(0px, 1fr)); row-gap: 10px; column-gap: 10px; margin-top: 10px; display: grid; }
.friend-page-host .share-details-card .field { min-width: 0px; }
.friend-page-host .share-details-card .field > span { font-size: 11px; }
.friend-page-host .share-details-card .field input, .friend-page-host .share-details-card .field select { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); min-width: 0px; height: 45px; font-size: 13px; }
.friend-page-host .share-ratio-box { background-image: linear-gradient(115deg, rgb(247, 250, 239), rgb(242, 247, 232)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 230, 204); border-right-color: rgb(220, 230, 204); border-bottom-color: rgb(220, 230, 204); border-left-color: rgb(220, 230, 204); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: minmax(200px, 0.7fr) minmax(320px, 1.3fr); align-items: center; row-gap: 18px; column-gap: 18px; margin-top: 17px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; display: grid; }
.friend-page-host .share-ratio-fields { grid-template-columns: 1.25fr 0.75fr; align-items: end; row-gap: 12px; column-gap: 12px; display: grid; }
.friend-page-host .share-total-field > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(214, 223, 206); border-right-color: rgb(214, 223, 206); border-bottom-color: rgb(214, 223, 206); border-left-color: rgb(214, 223, 206); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .share-total-field > div:focus-within { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; box-shadow: rgba(90, 140, 0, 0.1) 0px 0px 0px 3px; }
.friend-page-host .share-total-field > div input { font-weight: 900; box-shadow: none !important; background-image: initial !important; background-position-x: 0px !important; background-position-y: 0px !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; font-size: 17px !important; }
.friend-page-host .share-total-field > div i { color: rgb(100, 112, 95); padding-right: 12px; font-size: 12px; font-style: normal; font-weight: 900; }
.friend-page-host .share-fraction-fields { grid-template-columns: 1fr 1px 1fr; align-items: end; row-gap: 9px; column-gap: 9px; display: grid; position: relative; }
.friend-page-host .share-fraction-fields > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(202, 214, 190); height: 42px; }
.friend-page-host .share-fraction-fields input { text-align: center; font-weight: 900; font-size: 17px !important; }
.friend-page-host .share-live-result { color: rgb(255, 255, 255); background-image: linear-gradient(145deg, rgb(0, 45, 40), rgb(6, 77, 66)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; position: relative; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(0, 45, 40, 0.14) 0px 18px 40px; }
.friend-page-host .share-live-result::after { content: ""; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.09); border-right-color: rgba(255, 255, 255, 0.09); border-bottom-color: rgba(255, 255, 255, 0.09); border-left-color: rgba(255, 255, 255, 0.09); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); width: 180px; height: 180px; position: absolute; top: -80px; right: -75px; box-shadow: rgba(255, 255, 255, 0.03) 0px 0px 0px 38px; }
.friend-page-host .share-live-result.ready { background-image: linear-gradient(145deg, rgb(0, 54, 47), rgb(29, 91, 41)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .share-result-top { z-index: 1; justify-content: space-between; align-items: center; display: flex; position: relative; }
.friend-page-host .share-result-top > span { color: rgb(220, 233, 228); letter-spacing: 0.8px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.055); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.153); border-right-color: rgba(255, 255, 255, 0.153); border-bottom-color: rgba(255, 255, 255, 0.153); border-left-color: rgba(255, 255, 255, 0.153); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 9px; font-weight: 950; }
.friend-page-host .share-result-top > b { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(194, 211, 82, 0.11); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 37px; height: 37px; font-size: 18px; display: grid; }
.friend-page-host .share-result-owner { z-index: 1; margin-top: 21px; position: relative; }
.friend-page-host .share-result-owner small, .friend-page-host .share-result-owner strong, .friend-page-host .share-result-owner em { display: block; }
.friend-page-host .share-result-owner small { color: rgb(194, 211, 82); font-size: 12px; font-weight: 900; }
.friend-page-host .share-result-owner strong { overflow-wrap: anywhere; color: rgb(216, 228, 223); margin-top: 4px; font-size: 12px; }
.friend-page-host .share-result-owner em { color: rgb(159, 186, 177); margin-top: 3px; font-size: 10px; font-style: normal; }
.friend-page-host .share-result-value { z-index: 1; margin-top: 28px; position: relative; }
.friend-page-host .share-result-value small, .friend-page-host .share-result-value strong, .friend-page-host .share-result-value span { display: block; }
.friend-page-host .share-result-value small { color: rgb(169, 193, 184); letter-spacing: 0.8px; font-size: 9px; font-weight: 900; }
.friend-page-host .share-result-value strong { overflow-wrap: anywhere; color: rgb(255, 255, 255); letter-spacing: -0.045em; margin-top: 6px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 950; font-stretch: normal; font-size: clamp(31px, 4vw, 46px); line-height: 1; font-family: Satoshi, sans-serif; }
.friend-page-host .share-result-value span { color: rgb(194, 211, 82); margin-top: 7px; font-size: 12px; font-weight: 800; }
.friend-page-host .share-result-facts { z-index: 1; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 7px; column-gap: 7px; margin-top: 23px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: grid; position: relative; }
.friend-page-host .share-result-facts > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.04); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.09); border-right-color: rgba(255, 255, 255, 0.09); border-bottom-color: rgba(255, 255, 255, 0.09); border-left-color: rgba(255, 255, 255, 0.09); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .share-result-facts dt { color: rgb(159, 184, 175); font-size: 8px; }
.friend-page-host .share-result-facts dd { overflow-wrap: anywhere; color: rgb(255, 255, 255); margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; font-weight: 900; }
.friend-page-host .share-result-equation { z-index: 1; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.09); margin-top: 13px; padding-top: 12px; position: relative; }
.friend-page-host .share-result-equation small, .friend-page-host .share-result-equation strong { display: block; }
.friend-page-host .share-result-equation small { color: rgb(144, 171, 162); font-size: 8px; font-weight: 900; }
.friend-page-host .share-result-equation strong { overflow-wrap: anywhere; color: rgb(223, 234, 230); margin-top: 4px; font-size: 10px; }
.friend-page-host .share-action-card { row-gap: 13px; column-gap: 13px; display: grid; }
.friend-page-host .share-action-duration > span { color: var(--muted); margin-bottom: 6px; font-size: 10px; font-weight: 850; display: block; }
.friend-page-host .share-action-duration > div { grid-template-columns: repeat(3, 1fr); row-gap: 6px; column-gap: 6px; display: grid; }
.friend-page-host .share-action-duration button { color: rgb(87, 99, 91); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 247); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 223, 215); border-right-color: rgb(217, 223, 215); border-bottom-color: rgb(217, 223, 215); border-left-color: rgb(217, 223, 215); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 38px; font-size: 11px; font-weight: 900; }
.friend-page-host .share-action-duration button.active { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
.friend-page-host .share-action-submit { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: auto; min-width: 88px; min-height: 45px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; font-size: 12px; white-space-collapse: collapse; text-wrap-mode: nowrap; justify-self: end; }
.friend-page-host .share-history-panel { grid-template-columns: 230px minmax(0px, 1fr); align-items: start; row-gap: 18px; column-gap: 18px; display: grid; }
.friend-page-host .share-history-list { row-gap: 7px; column-gap: 7px; display: grid; }
.friend-page-host .share-history-row { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 249); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(229, 232, 227); border-right-color: rgb(229, 232, 227); border-bottom-color: rgb(229, 232, 227); border-left-color: rgb(229, 232, 227); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 10px; column-gap: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: grid; }
.friend-page-host .share-history-row > span { border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 9px; font-weight: 900; }
.friend-page-host .share-history-row > span.active { color: rgb(79, 117, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(228, 239, 207); }
.friend-page-host .share-history-row > span.expired { color: rgb(114, 124, 119); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(236, 239, 237); }
.friend-page-host .share-history-row > div strong, .friend-page-host .share-history-row > div small { display: block; }
.friend-page-host .share-history-row > div strong { font-size: 12px; }
.friend-page-host .share-history-row > div small, .friend-page-host .share-history-row > small { color: var(--muted); margin-top: 2px; font-size: 9px; }
.friend-page-host .share-history-row > button { color: rgb(159, 77, 64); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; font-size: 10px; font-weight: 900; }
.friend-page-host .analysis-progress, .friend-page-host .upload-progress { position: relative; overflow-x: hidden; overflow-y: hidden; background-image: linear-gradient(115deg, rgb(251, 253, 248), rgb(241, 247, 231)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(215, 227, 196) !important; border-right-color: rgb(215, 227, 196) !important; border-bottom-color: rgb(215, 227, 196) !important; border-left-color: rgb(215, 227, 196) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; padding-top: 14px !important; padding-right: 16px !important; padding-bottom: 14px !important; padding-left: 16px !important; box-shadow: rgba(56, 93, 0, 0.063) 0px 12px 30px !important; }
.friend-page-host .analysis-progress::before, .friend-page-host .upload-progress::before { content: ""; background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.72), rgba(0, 0, 0, 0)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; width: 35%; animation-duration: 1.7s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--modern-progress-shine; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; position: absolute; top: 0px; right: auto; bottom: 0px; left: -45%; transform: skew(-18deg); }
.friend-page-host .analysis-progress > .progress-status, .friend-page-host .upload-progress > div { z-index: 1; align-items: center; row-gap: 11px; column-gap: 11px; display: flex; position: relative; }
.friend-page-host .progress-status > i, .friend-page-host .upload-progress > div:not(.progress-status)::before { content: ""; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(217, 232, 191); border-bottom-color: rgb(217, 232, 191); border-left-color: rgb(217, 232, 191); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-color: var(--green); border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); flex-grow: 0; flex-shrink: 0; flex-basis: 30px; width: 30px; height: 30px; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--modern-progress-spin; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; display: block; }
.friend-page-host .progress-status > div { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; }
.friend-page-host .progress-status strong, .friend-page-host .progress-status small { display: block; }
.friend-page-host .progress-status strong, .friend-page-host .upload-progress strong { color: rgb(52, 74, 24) !important; font-size: 12px !important; }
.friend-page-host .progress-status small { margin-top: 2px; color: rgb(119, 133, 110) !important; font-size: 10px !important; }
.friend-page-host .progress-status > span, .friend-page-host .upload-progress span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(225, 237, 203); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; margin-left: auto; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-weight: 950; color: rgb(78, 116, 0) !important; font-size: 10px !important; }
.friend-page-host .analysis-progress progress, .friend-page-host .upload-progress progress { z-index: 1; appearance: none; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 233, 207); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; position: relative; overflow-x: hidden; overflow-y: hidden; height: 7px !important; }
.friend-page-host .analysis-progress progress::-webkit-progress-bar { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 233, 207); }
.friend-page-host .upload-progress progress::-webkit-progress-bar { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 233, 207); }
.friend-page-host .analysis-progress progress::-webkit-progress-value { background-image: linear-gradient(90deg, rgb(71, 121, 0), rgb(142, 189, 44), rgb(194, 211, 82)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; transition-behavior: normal; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; transition-property: width; }
.friend-page-host .upload-progress progress:indeterminate { background-image: linear-gradient(90deg, rgb(223, 233, 207) 0px, rgb(223, 233, 207) 8%, rgb(90, 140, 0) 30%, rgb(194, 211, 82) 48%, rgb(90, 140, 0) 66%, rgb(223, 233, 207) 92%); background-position-x: 0px; background-position-y: 0px; background-size: 230% 100%; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; animation-duration: 1.15s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--modern-progress-flow; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .progress-steps { z-index: 1; grid-template-columns: repeat(4, 1fr); position: relative; row-gap: 5px !important; column-gap: 5px !important; display: grid !important; }
.friend-page-host .progress-steps i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 231, 215); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 3px; }
.friend-page-host .progress-steps i.done { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(127, 172, 45); }
@keyframes friend-page--modern-progress-spin {
100% { transform: rotate(360deg); }
}
@keyframes friend-page--modern-progress-flow {
100% { background-position-x: -230%; background-position-y: 0px; }
}
@keyframes friend-page--modern-progress-shine {
0%, 35% { left: -45%; }
75%, 100% { left: 125%; }
}
html[data-theme="dark"] .friend-page-host .share-page-head, html[data-theme="dark"] .friend-page-host .share-source-card, html[data-theme="dark"] .friend-page-host .share-details-card, html[data-theme="dark"] .friend-page-host .share-action-card, html[data-theme="dark"] .friend-page-host .share-history-panel { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 33, 28); border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .share-formula-chip, html[data-theme="dark"] .friend-page-host .share-source-intro, html[data-theme="dark"] .friend-page-host .share-ai-note, html[data-theme="dark"] .friend-page-host .share-history-row { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 42, 35); border-top-color: rgb(51, 71, 63); border-right-color: rgb(51, 71, 63); border-bottom-color: rgb(51, 71, 63); border-left-color: rgb(51, 71, 63); }
html[data-theme="dark"] .friend-page-host .share-formula-chip strong, html[data-theme="dark"] .friend-page-host .share-page-title h2, html[data-theme="dark"] .friend-page-host .share-section-head h3, html[data-theme="dark"] .friend-page-host .share-action-head h3, html[data-theme="dark"] .friend-page-host .share-ratio-copy h3, html[data-theme="dark"] .friend-page-host .share-history-row strong { color: rgb(240, 244, 242); }
html[data-theme="dark"] .friend-page-host .share-reset-btn, html[data-theme="dark"] .friend-page-host .share-source-tabs button, html[data-theme="dark"] .friend-page-host .share-upload-actions label, html[data-theme="dark"] .friend-page-host .share-details-card .field input, html[data-theme="dark"] .friend-page-host .share-details-card .field select, html[data-theme="dark"] .friend-page-host .share-action-duration button { color: rgb(223, 231, 227); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(53, 72, 63); border-right-color: rgb(53, 72, 63); border-bottom-color: rgb(53, 72, 63); border-left-color: rgb(53, 72, 63); }
html[data-theme="dark"] .friend-page-host .share-source-tabs button.active { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(37, 55, 28); border-top-color: rgb(114, 157, 43); border-right-color: rgb(114, 157, 43); border-bottom-color: rgb(114, 157, 43); border-left-color: rgb(114, 157, 43); }
html[data-theme="dark"] .friend-page-host .share-upload-compact, html[data-theme="dark"] .friend-page-host .share-ratio-box { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 39, 28); border-top-color: rgb(65, 89, 54); border-right-color: rgb(65, 89, 54); border-bottom-color: rgb(65, 89, 54); border-left-color: rgb(65, 89, 54); }
html[data-theme="dark"] .friend-page-host .share-total-field > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(58, 79, 70); border-right-color: rgb(58, 79, 70); border-bottom-color: rgb(58, 79, 70); border-left-color: rgb(58, 79, 70); }
html[data-theme="dark"] .friend-page-host .share-total-field > div input { color: rgb(241, 244, 242); }
html[data-theme="dark"] .friend-page-host .analysis-progress, html[data-theme="dark"] .friend-page-host .upload-progress { background-image: linear-gradient(115deg, rgb(23, 37, 27), rgb(28, 45, 25)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; border-top-color: rgb(60, 87, 48) !important; border-right-color: rgb(60, 87, 48) !important; border-bottom-color: rgb(60, 87, 48) !important; border-left-color: rgb(60, 87, 48) !important; }
html[data-theme="dark"] .friend-page-host .progress-status strong, html[data-theme="dark"] .friend-page-host .upload-progress strong { color: rgb(234, 241, 237) !important; }
html[data-theme="dark"] .friend-page-host .progress-status small { color: rgb(170, 185, 178) !important; }
html[data-theme="dark"] .friend-page-host .progress-status > span, html[data-theme="dark"] .friend-page-host .upload-progress span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 65, 31); color: rgb(194, 211, 82) !important; }
@media (width <= 1120px) {
.friend-page-host .share-workbench { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .share-output-column { grid-template-columns: minmax(0px, 1fr) minmax(300px, 0.7fr); position: static; }
.friend-page-host .share-history-panel { grid-template-columns: 1fr; }
.friend-page-host .share-owner-grid { grid-template-columns: 1fr 1fr; }
.friend-page-host .share-owner-grid .field:last-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .share-location-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (width <= 760px) {
.friend-page-host .share-calculator-v2 { row-gap: 11px; column-gap: 11px; }
.friend-page-host .share-page-head { flex-direction: column; align-items: flex-start; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .share-page-title h2 { font-size: 25px; }
.friend-page-host .share-page-title > small { font-size: 12px; }
.friend-page-host .share-head-actions { grid-template-columns: minmax(0px, 1fr) auto; width: 100%; display: grid; }
.friend-page-host .share-formula-chip { padding-top: 9px; padding-right: 11px; padding-bottom: 9px; padding-left: 11px; }
.friend-page-host .share-formula-chip strong { font-size: 11px; }
.friend-page-host .share-reset-btn { min-height: 48px; }
.friend-page-host .share-output-column { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .share-source-card, .friend-page-host .share-details-card, .friend-page-host .share-action-card, .friend-page-host .share-history-panel { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .share-source-tabs { grid-template-columns: 1fr; }
.friend-page-host .share-source-tabs button { min-height: 59px; }
.friend-page-host .share-owner-grid, .friend-page-host .share-location-grid { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .share-owner-grid .field:last-child { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .share-details-card .field input, .friend-page-host .share-details-card .field select { height: 48px; font-size: 16px; }
.friend-page-host .share-ratio-box { grid-template-columns: minmax(0px, 1fr); padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .share-ratio-fields { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .share-fraction-fields { grid-template-columns: 1fr 1px 1fr; }
.friend-page-host .share-result-value strong { font-size: 38px; }
.friend-page-host .share-result-facts { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .share-result-facts > div { justify-content: space-between; align-items: center; row-gap: 12px; column-gap: 12px; display: flex; }
.friend-page-host .share-result-facts dd { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .share-history-row { grid-template-columns: auto minmax(0px, 1fr); }
.friend-page-host .share-history-row > button, .friend-page-host .share-history-row > small { grid-column-start: 2; grid-column-end: auto; }
.friend-page-host .share-upload-actions { grid-template-columns: 1fr; }
.friend-page-host .analysis-progress, .friend-page-host .upload-progress { padding-top: 12px !important; padding-right: 12px !important; padding-bottom: 12px !important; padding-left: 12px !important; }
.friend-page-host .progress-status > span { align-self: flex-start; }
.friend-page-host .modal-upload-progress { margin-top: 0px; margin-right: 14px; margin-bottom: 10px; margin-left: 14px; }
}
@media (width <= 390px) {
.friend-page-host .share-head-actions { grid-template-columns: 1fr; }
.friend-page-host .share-source-tabs button { padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; }
.friend-page-host .share-result-value strong { font-size: 32px; }
.friend-page-host .share-fraction-fields { row-gap: 6px; column-gap: 6px; }
.friend-page-host .share-upload-compact { text-align: center; grid-template-columns: 1fr; }
.friend-page-host .share-upload-symbol, .friend-page-host .share-upload-preview { justify-self: center; }
.friend-page-host .share-upload-copy strong { white-space-collapse: collapse; text-wrap-mode: wrap; }
.friend-page-host .share-live-result { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .progress-status > i { flex-basis: 26px; width: 26px; height: 26px; }
}
html:not([data-theme="dark"]) .friend-page-host { --canvas: #f1f3ef; --white: #fbfcf9; }
html:not([data-theme="dark"]) .friend-page-host, html:not([data-theme="dark"]) .friend-page-host .workspace, html:not([data-theme="dark"]) .friend-page-host .page-content { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 243, 239); }
html:not([data-theme="dark"]) .friend-page-host .panel, html:not([data-theme="dark"]) .friend-page-host .summary-card, html:not([data-theme="dark"]) .friend-page-host .tool-row, html:not([data-theme="dark"]) .friend-page-host .people-overview, html:not([data-theme="dark"]) .friend-page-host .person-card, html:not([data-theme="dark"]) .friend-page-host .context-filter-panel { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 249); }
.friend-page-host .analysis-progress > div:not(.progress-status):first-child::before { content: ""; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(217, 232, 191); border-bottom-color: rgb(217, 232, 191); border-left-color: rgb(217, 232, 191); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-color: var(--green); border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); flex-grow: 0; flex-shrink: 0; flex-basis: 30px; width: 30px; height: 30px; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--modern-progress-spin; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; display: block; }
.friend-page-host .area-calculator { width: 100%; min-width: 0px; max-width: none; overflow-x: clip; }
.friend-page-host .area-page-head { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: space-between; align-items: center; row-gap: 24px; column-gap: 24px; padding-top: 22px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; display: flex; }
.friend-page-host .area-page-head > div { min-width: 0px; }
.friend-page-host .area-page-head p { color: var(--green); letter-spacing: 1.2px; align-items: center; row-gap: 8px; column-gap: 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; font-size: 11px; font-weight: 950; display: flex; }
.friend-page-host .area-page-head p > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.094); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 25px; height: 25px; font-size: 14px; display: grid; }
.friend-page-host .area-page-head h2 { color: var(--ink); letter-spacing: -0.04em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 950; font-stretch: normal; font-size: 30px; line-height: 1.15; font-family: Satoshi, sans-serif; }
.friend-page-host .area-page-head small { width: 100%; max-width: none; color: var(--muted); margin-top: 7px; font-size: 13px; line-height: 1.55; display: block; }
.friend-page-host .area-page-head > button { color: rgb(88, 100, 92); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 223, 214); border-right-color: rgb(216, 223, 214); border-bottom-color: rgb(216, 223, 214); border-left-color: rgb(216, 223, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-height: 43px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 11px; font-weight: 900; }
.friend-page-host .area-page-head > button:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--green); }
.friend-page-host .area-top-grid { grid-template-columns: minmax(0px, 1.15fr) minmax(340px, 0.65fr); align-items: start; row-gap: 15px; column-gap: 15px; display: grid; }
.friend-page-host .area-upload-card { row-gap: 11px; column-gap: 11px; min-width: 0px; padding-top: 21px; padding-right: 21px; padding-bottom: 21px; padding-left: 21px; display: grid; }
.friend-page-host .area-section-head { align-items: center; row-gap: 12px; column-gap: 12px; min-width: 0px; display: flex; }
.friend-page-host .area-section-head > span { width: 34px; height: 34px; color: var(--green); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.094); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 34px; align-items: center; justify-items: center; font-size: 13px; font-weight: 950; display: grid; }
.friend-page-host .area-section-head > div { min-width: 0px; }
.friend-page-host .area-section-head p { color: var(--green); letter-spacing: 1px; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; font-size: 9px; font-weight: 950; }
.friend-page-host .area-section-head h3 { color: var(--ink); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 900; font-stretch: normal; font-size: 17px; line-height: 1.25; font-family: Satoshi, sans-serif; }
.friend-page-host .area-section-head small { color: var(--muted); margin-top: 3px; font-size: 10px; line-height: 1.4; display: block; }
.friend-page-host .area-section-head > b { color: rgb(79, 115, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 227); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; margin-left: auto; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 10px; }
.friend-page-host .area-dropzone { text-align: center; cursor: pointer; background-image: linear-gradient(145deg, rgb(248, 251, 242), rgb(241, 247, 230)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1.5px; border-right-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(168, 191, 126); border-right-color: rgb(168, 191, 126); border-bottom-color: rgb(168, 191, 126); border-left-color: rgb(168, 191, 126); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; min-height: 146px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; display: grid; position: relative; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .area-dropzone > span { color: rgb(78, 116, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(226, 236, 209); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 48px; height: 48px; font-size: 22px; display: grid; }
.friend-page-host .area-dropzone strong, .friend-page-host .area-dropzone small { display: block; }
.friend-page-host .area-dropzone strong { color: rgb(62, 95, 11); margin-top: 10px; font-size: 13px; }
.friend-page-host .area-dropzone small { color: rgb(117, 128, 110); margin-top: 4px; font-size: 10px; }
.friend-page-host .area-dropzone input, .friend-page-host .area-camera-button input { opacity: 0; cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .area-camera-button { color: rgb(77, 112, 7); cursor: pointer; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 245); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(202, 217, 174); border-right-color: rgb(202, 217, 174); border-bottom-color: rgb(202, 217, 174); border-left-color: rgb(202, 217, 174); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; justify-content: center; align-items: center; row-gap: 8px; column-gap: 8px; min-height: 43px; font-size: 11px; display: flex; position: relative; }
.friend-page-host .area-camera-button > span { font-size: 16px; }
.friend-page-host .area-camera-button strong { font-weight: 900; }
.friend-page-host .area-file-list { grid-template-columns: 1fr 1fr; row-gap: 7px; column-gap: 7px; max-height: 184px; display: grid; overflow-x: auto; overflow-y: auto; }
.friend-page-host .area-file-list > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 249); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 229, 221); border-right-color: rgb(224, 229, 221); border-bottom-color: rgb(224, 229, 221); border-left-color: rgb(224, 229, 221); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 8px; column-gap: 8px; min-width: 0px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; display: grid; }
.friend-page-host .area-file-list > div > span { color: rgb(79, 116, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 239, 220); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 31px; height: 31px; font-size: 8px; font-weight: 950; display: grid; }
.friend-page-host .area-file-list > div > div { min-width: 0px; }
.friend-page-host .area-file-list strong, .friend-page-host .area-file-list small { display: block; }
.friend-page-host .area-file-list strong { color: var(--ink); text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 10px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .area-file-list small { color: var(--muted); margin-top: 2px; font-size: 8px; }
.friend-page-host .area-file-list button { color: rgb(141, 85, 77); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; font-size: 17px; }
.friend-page-host .area-analyze-button { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; min-height: 46px; font-size: 12px; }
.friend-page-host .area-privacy-note { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 243, 240); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; row-gap: 8px; column-gap: 8px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; display: flex; }
.friend-page-host .area-privacy-note > span { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 26px; align-items: center; justify-items: center; width: 26px; height: 26px; font-size: 9px; font-weight: 950; display: grid; }
.friend-page-host .area-privacy-note small { color: rgb(111, 122, 115); font-size: 9px; line-height: 1.45; }
.friend-page-host .area-total-card { color: rgb(255, 255, 255); background-image: linear-gradient(145deg, rgb(0, 45, 40), rgb(6, 76, 65)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; position: sticky; top: 91px; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(0, 45, 40, 0.14) 0px 18px 40px; }
.friend-page-host .area-total-card::after { content: ""; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.09); border-right-color: rgba(255, 255, 255, 0.09); border-bottom-color: rgba(255, 255, 255, 0.09); border-left-color: rgba(255, 255, 255, 0.09); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); width: 190px; height: 190px; position: absolute; top: -83px; right: -80px; box-shadow: rgba(255, 255, 255, 0.03) 0px 0px 0px 40px; }
.friend-page-host .area-total-card.ready { background-image: linear-gradient(145deg, rgb(0, 54, 47), rgb(34, 95, 43)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .area-total-top { z-index: 1; justify-content: space-between; align-items: center; display: flex; position: relative; }
.friend-page-host .area-total-top > span { color: rgb(220, 233, 228); letter-spacing: 0.8px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.055); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.153); border-right-color: rgba(255, 255, 255, 0.153); border-bottom-color: rgba(255, 255, 255, 0.153); border-left-color: rgba(255, 255, 255, 0.153); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 9px; font-weight: 950; }
.friend-page-host .area-total-top > b { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(194, 211, 82, 0.11); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 38px; height: 38px; font-size: 20px; display: grid; }
.friend-page-host .area-total-main { z-index: 1; margin-top: 31px; position: relative; }
.friend-page-host .area-total-main small, .friend-page-host .area-total-main strong, .friend-page-host .area-total-main span { display: block; }
.friend-page-host .area-total-main small { color: rgb(169, 193, 184); letter-spacing: 0.8px; font-size: 9px; font-weight: 900; }
.friend-page-host .area-total-main strong { overflow-wrap: anywhere; color: rgb(255, 255, 255); letter-spacing: -0.045em; margin-top: 7px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 950; font-stretch: normal; font-size: clamp(32px, 4.1vw, 50px); line-height: 1; font-family: Satoshi, sans-serif; }
.friend-page-host .area-total-main span { color: rgb(194, 211, 82); margin-top: 8px; font-size: 12px; font-weight: 850; }
.friend-page-host .area-total-card dl { z-index: 1; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 7px; column-gap: 7px; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: grid; position: relative; }
.friend-page-host .area-total-card dl > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.04); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.094); border-right-color: rgba(255, 255, 255, 0.094); border-bottom-color: rgba(255, 255, 255, 0.094); border-left-color: rgba(255, 255, 255, 0.094); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .area-total-card dt { color: rgb(158, 184, 175); font-size: 8px; }
.friend-page-host .area-total-card dd { overflow-wrap: anywhere; color: rgb(255, 255, 255); margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; font-weight: 900; }
.friend-page-host .area-total-formula { z-index: 1; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.098); margin-top: 14px; padding-top: 12px; position: relative; }
.friend-page-host .area-total-formula small, .friend-page-host .area-total-formula strong { display: block; }
.friend-page-host .area-total-formula small { color: rgb(142, 171, 161); font-size: 8px; font-weight: 900; }
.friend-page-host .area-total-formula strong { color: rgb(218, 231, 226); -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 4px; font-size: 10px; line-height: 1.5; display: -webkit-box; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .area-total-card > button { z-index: 1; color: rgb(220, 234, 184); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(194, 211, 82, 0.08); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(194, 211, 82, 0.44); border-right-color: rgba(194, 211, 82, 0.44); border-bottom-color: rgba(194, 211, 82, 0.44); border-left-color: rgba(194, 211, 82, 0.44); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; min-height: 42px; margin-top: 15px; font-size: 11px; font-weight: 900; position: relative; }
.friend-page-host .area-total-card > button:disabled { opacity: 0.42; }
.friend-page-host .area-total-card > button:not(:disabled):hover { color: rgb(36, 58, 8); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(194, 211, 82); }
.friend-page-host .area-feedback { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: flex-start; row-gap: 10px; column-gap: 10px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; display: flex; }
.friend-page-host .area-feedback > span { border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); flex-grow: 0; flex-shrink: 0; flex-basis: 25px; align-items: center; justify-items: center; width: 25px; height: 25px; font-size: 12px; font-weight: 950; display: grid; }
.friend-page-host .area-feedback p { margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; line-height: 1.5; }
.friend-page-host .area-feedback.error { color: rgb(149, 73, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 241, 238); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(239, 182, 170); border-right-color: rgb(239, 182, 170); border-bottom-color: rgb(239, 182, 170); border-left-color: rgb(239, 182, 170); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .area-feedback.error > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 199, 190); }
.friend-page-host .area-feedback.warning { color: rgb(116, 97, 38); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 249, 232); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 203, 142); border-right-color: rgb(220, 203, 142); border-bottom-color: rgb(220, 203, 142); border-left-color: rgb(220, 203, 142); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .area-feedback.warning > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(240, 223, 159); }
.friend-page-host .area-results-card { min-width: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .area-results-head { justify-content: space-between; align-items: center; row-gap: 18px; column-gap: 18px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; display: flex; }
.friend-page-host .area-results-head > button { color: rgb(77, 113, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 246, 232); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(184, 207, 145); border-right-color: rgb(184, 207, 145); border-bottom-color: rgb(184, 207, 145); border-left-color: rgb(184, 207, 145); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-height: 40px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; font-size: 10px; font-weight: 900; }
.friend-page-host .area-table { border-top-width: ; border-top-style: ; border-top-color: ; min-width: 0px; }
.friend-page-host .area-table-head, .friend-page-host .area-table-row { grid-template-columns: 34px minmax(290px, 2.1fr) minmax(70px, 0.5fr) minmax(70px, 0.5fr) minmax(150px, 1fr) minmax(82px, 0.55fr) 30px; align-items: center; row-gap: 9px; column-gap: 9px; min-width: 0px; display: grid; }
.friend-page-host .area-table-head { color: rgb(126, 137, 130); letter-spacing: 0.5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 245, 241); padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; font-size: 9px; font-weight: 900; }
.friend-page-host .area-table-row { padding-top: 11px; padding-right: 15px; padding-bottom: 11px; padding-left: 15px; }
.friend-page-host .area-table-row + .area-table-row { border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .area-table-row > b { color: rgb(78, 115, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 243, 229); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 27px; height: 27px; font-size: 10px; display: grid; }
.friend-page-host .area-location-fields { grid-template-columns: 0.72fr 0.8fr 1.2fr; row-gap: 6px; column-gap: 6px; min-width: 0px; display: grid; }
.friend-page-host .area-table-row input { width: 100%; min-width: 0px; height: 40px; color: var(--ink); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 226, 218); border-right-color: rgb(220, 226, 218); border-bottom-color: rgb(220, 226, 218); border-left-color: rgb(220, 226, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-top: 0px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; font-size: 12px; }
.friend-page-host .area-table-row input:focus { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; box-shadow: rgba(90, 140, 0, 0.07) 0px 0px 0px 3px; }
.friend-page-host .area-table-row > label { row-gap: 4px; column-gap: 4px; min-width: 0px; display: grid; }
.friend-page-host .area-table-row > label > span { color: var(--muted); font-size: 9px; font-weight: 850; display: none; }
.friend-page-host .area-m2-input > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 226, 218); border-right-color: rgb(220, 226, 218); border-bottom-color: rgb(220, 226, 218); border-left-color: rgb(220, 226, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .area-m2-input > div:focus-within { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; box-shadow: rgba(90, 140, 0, 0.07) 0px 0px 0px 3px; }
.friend-page-host .area-m2-input > div input { background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; font-size: 14px; font-weight: 900; box-shadow: none !important; }
.friend-page-host .area-m2-input i { color: rgb(100, 112, 106); padding-right: 9px; font-size: 10px; font-style: normal; font-weight: 900; }
.friend-page-host .area-confidence { white-space-collapse: collapse; text-wrap-mode: nowrap; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; justify-self: start; padding-top: 6px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; font-size: 9px; font-weight: 900; }
.friend-page-host .area-confidence.good { color: rgb(77, 116, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(229, 240, 210); }
.friend-page-host .area-confidence.check { color: rgb(128, 102, 23); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 200); }
.friend-page-host .area-confidence.low { color: rgb(155, 74, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 227, 220); }
.friend-page-host .area-table-row > button { color: rgb(155, 81, 69); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; font-size: 19px; }
.friend-page-host .area-empty { text-align: center; border-top-width: ; border-top-style: ; border-top-color: ; align-items: center; justify-items: center; padding-top: 52px; padding-right: 20px; padding-bottom: 52px; padding-left: 20px; display: grid; }
.friend-page-host .area-empty > span { color: rgb(82, 120, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(233, 241, 220); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 49px; height: 49px; font-size: 22px; display: grid; }
.friend-page-host .area-empty strong { margin-top: 12px; font-size: 16px; }
.friend-page-host .area-empty small { max-width: 430px; color: var(--muted); margin-top: 5px; font-size: 11px; line-height: 1.5; }
.friend-page-host .area-results-total { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 236); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(213, 225, 196); justify-content: flex-end; align-items: center; row-gap: 34px; column-gap: 34px; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; display: flex; }
.friend-page-host .area-results-total > div { text-align: right; }
.friend-page-host .area-results-total span, .friend-page-host .area-results-total strong { display: block; }
.friend-page-host .area-results-total span { color: rgb(116, 128, 111); font-size: 9px; }
.friend-page-host .area-results-total strong { color: rgb(53, 92, 0); margin-top: 3px; font-size: 15px; }
html[data-theme="dark"] .friend-page-host .area-page-head, html[data-theme="dark"] .friend-page-host .area-upload-card, html[data-theme="dark"] .friend-page-host .area-results-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 33, 28); border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .area-page-head h2, html[data-theme="dark"] .friend-page-host .area-section-head h3, html[data-theme="dark"] .friend-page-host .area-empty strong { color: rgb(238, 243, 240); }
html[data-theme="dark"] .friend-page-host .area-page-head > button, html[data-theme="dark"] .friend-page-host .area-file-list > div, html[data-theme="dark"] .friend-page-host .area-table-row input, html[data-theme="dark"] .friend-page-host .area-m2-input > div { color: rgb(232, 238, 235); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(53, 72, 63); border-right-color: rgb(53, 72, 63); border-bottom-color: rgb(53, 72, 63); border-left-color: rgb(53, 72, 63); }
html[data-theme="dark"] .friend-page-host .area-dropzone { background-image: linear-gradient(145deg, rgb(25, 40, 29), rgb(29, 46, 26)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-color: rgb(69, 94, 56); border-right-color: rgb(69, 94, 56); border-bottom-color: rgb(69, 94, 56); border-left-color: rgb(69, 94, 56); }
html[data-theme="dark"] .friend-page-host .area-camera-button, html[data-theme="dark"] .friend-page-host .area-privacy-note { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 39, 28); border-top-color: rgb(62, 84, 52); border-right-color: rgb(62, 84, 52); border-bottom-color: rgb(62, 84, 52); border-left-color: rgb(62, 84, 52); }
html[data-theme="dark"] .friend-page-host .area-table-head { color: rgb(170, 184, 177); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 38, 32); }
html[data-theme="dark"] .friend-page-host .area-results-total { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 41, 28); border-top-color: rgb(53, 72, 63); border-right-color: rgb(53, 72, 63); border-bottom-color: rgb(53, 72, 63); border-left-color: rgb(53, 72, 63); }
html[data-theme="dark"] .friend-page-host .area-results-total strong { color: rgb(194, 211, 82); }
html[data-theme="dark"] .friend-page-host .area-feedback.error { color: rgb(230, 170, 160); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(53, 33, 29); border-top-color: rgb(106, 59, 51); border-right-color: rgb(106, 59, 51); border-bottom-color: rgb(106, 59, 51); border-left-color: rgb(106, 59, 51); }
html[data-theme="dark"] .friend-page-host .area-feedback.warning { color: rgb(223, 204, 141); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(48, 43, 24); border-top-color: rgb(92, 81, 43); border-right-color: rgb(92, 81, 43); border-bottom-color: rgb(92, 81, 43); border-left-color: rgb(92, 81, 43); }
@media (width <= 1120px) {
.friend-page-host .area-top-grid { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .area-total-card { position: static; }
.friend-page-host .area-table-head, .friend-page-host .area-table-row { grid-template-columns: 32px minmax(240px, 2fr) 65px 65px minmax(135px, 1fr) 78px 28px; }
}
@media (width <= 800px) {
.friend-page-host .area-calculator { row-gap: 11px; column-gap: 11px; }
.friend-page-host .area-page-head { flex-direction: column; align-items: flex-start; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .area-page-head h2 { font-size: 25px; }
.friend-page-host .area-page-head small { font-size: 12px; }
.friend-page-host .area-page-head > button { width: 100%; min-height: 46px; }
.friend-page-host .area-upload-card { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .area-file-list { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .area-total-card { padding-top: 19px; padding-right: 19px; padding-bottom: 19px; padding-left: 19px; }
.friend-page-host .area-total-main strong { font-size: 38px; }
.friend-page-host .area-total-card dl { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .area-total-card dl > div { justify-content: space-between; align-items: center; row-gap: 12px; column-gap: 12px; display: flex; }
.friend-page-host .area-total-card dd { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .area-results-head { flex-direction: column; align-items: flex-start; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .area-results-head > button { width: 100%; min-height: 44px; }
.friend-page-host .area-table-head { display: none; }
.friend-page-host .area-table { border-top-width: ; border-top-style: ; border-top-color: ; row-gap: 9px; column-gap: 9px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; display: grid; }
.friend-page-host .area-table-row { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 34px minmax(0px, 1fr) 30px; row-gap: 10px; column-gap: 10px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; }
.friend-page-host .area-table-row > b { grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .area-location-fields { grid-row-start: 1; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; grid-template-columns: minmax(0px, 1fr); row-gap: 7px; column-gap: 7px; }
.friend-page-host .area-table-row > button { grid-row-start: 1; grid-column-start: 3; grid-row-end: auto; grid-column-end: auto; align-self: start; }
.friend-page-host .area-table-row > label { grid-column-start: 1; grid-column-end: -1; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: grid; }
.friend-page-host .area-table-row > label > span { display: block; }
.friend-page-host .area-m2-input { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .area-confidence { text-align: center; grid-column-start: 1; grid-column-end: -1; justify-self: stretch; }
.friend-page-host .area-table-row input { height: 46px; font-size: 16px; }
.friend-page-host .area-m2-input > div input { font-size: 18px; }
.friend-page-host .area-results-total { justify-content: space-between; row-gap: 14px; column-gap: 14px; }
.friend-page-host .area-results-total > div:first-child { text-align: left; }
.friend-page-host .area-results-total strong { font-size: 14px; }
}
@media (width <= 390px) {
.friend-page-host .area-dropzone { min-height: 135px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .area-total-main strong { font-size: 32px; }
.friend-page-host .area-table { padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; }
.friend-page-host .area-table-row { grid-template-columns: 30px minmax(0px, 1fr) 26px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .area-results-total { flex-direction: column; align-items: stretch; }
.friend-page-host .area-results-total > div { text-align: left !important; }
}
@media (width <= 760px) {
.friend-page-host .topbar { grid-template-rows: 48px 50px; grid-template-columns: minmax(0px, 1fr) 38px 38px 38px; align-items: center; row-gap: 8px; column-gap: 9px; height: auto; min-height: 126px; padding-top: 10px; padding-right: 15px; padding-bottom: 12px; padding-left: 15px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .mobile-brand { grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto; align-self: center; }
.friend-page-host .mobile-brand-logo { width: min(165px, 100%); max-height: 46px; }
.friend-page-host .topbar > .theme-toggle { grid-row-start: 1; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; width: 38px; height: 38px; }
.friend-page-host .mobile-search-shortcut { grid-row-start: 1; grid-column-start: 3; grid-row-end: auto; grid-column-end: auto; width: 38px; height: 38px; }
.friend-page-host .settings-shortcut { grid-row-start: 1; grid-column-start: 4; grid-row-end: auto; grid-column-end: auto; width: 38px; height: 38px; }
.friend-page-host .global-search { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-row-start: 2; grid-column-start: 1; grid-row-end: auto; grid-column-end: -1; height: 50px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; box-shadow: rgba(0, 27, 24, 0.11) 0px 6px 18px; width: 100% !important; max-width: none !important; }
.friend-page-host .global-search input { width: 100%; min-width: 0px; font-size: 16px; display: block; }
.friend-page-host .global-search > span { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .search-clear { flex-grow: 0; flex-shrink: 0; flex-basis: 31px; width: 31px; height: 31px; }
}
@media (width <= 390px) {
.friend-page-host .topbar { grid-template-columns: minmax(0px, 1fr) 36px 36px 36px auto 36px; row-gap: 7px; column-gap: 7px; padding-inline-start: 11px; padding-inline-end: 11px; }
.friend-page-host .mobile-brand-logo { width: min(145px, 100%); }
.friend-page-host .topbar > .theme-toggle, .friend-page-host .mobile-search-shortcut, .friend-page-host .settings-shortcut { width: 36px; height: 36px; }
.friend-page-host .global-search { height: 48px; padding-inline-start: 11px; padding-inline-end: 11px; }
}
.friend-page-host .area-output-actions { z-index: 1; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 7px; column-gap: 7px; margin-top: 15px; display: grid; position: relative; }
.friend-page-host .area-output-actions button, .friend-page-host .share-result-actions button { color: rgb(229, 239, 235); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.184); border-right-color: rgba(255, 255, 255, 0.184); border-bottom-color: rgba(255, 255, 255, 0.184); border-left-color: rgba(255, 255, 255, 0.184); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 0px; min-height: 42px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 900; font-stretch: normal; font-size: 10px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .area-output-actions button:first-child, .friend-page-host .share-result-actions button:first-child { color: rgb(36, 58, 8); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(194, 211, 82); border-top-color: rgb(194, 211, 82); border-right-color: rgb(194, 211, 82); border-bottom-color: rgb(194, 211, 82); border-left-color: rgb(194, 211, 82); }
.friend-page-host .area-output-actions button:disabled, .friend-page-host .share-result-actions button:disabled { cursor: not-allowed; opacity: 0.42; }
.friend-page-host .area-output-actions button:not(:disabled):hover, .friend-page-host .share-result-actions button:not(:disabled):hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.094); border-top-color: rgb(214, 228, 111); border-right-color: rgb(214, 228, 111); border-bottom-color: rgb(214, 228, 111); border-left-color: rgb(214, 228, 111); }
.friend-page-host .area-output-actions button:first-child:not(:disabled):hover, .friend-page-host .share-result-actions button:first-child:not(:disabled):hover { color: rgb(27, 44, 5); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(210, 226, 97); }
.friend-page-host .share-result-actions { z-index: 1; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 7px; column-gap: 7px; margin-top: 14px; display: grid; position: relative; }
.friend-page-host .share-result-actions button { font-size: 11px; }
@media (width <= 800px) {
.friend-page-host .area-output-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .area-output-actions button:last-child { grid-column-start: 1; grid-column-end: -1; }
}
@media (width <= 390px) {
.friend-page-host .area-output-actions, .friend-page-host .share-result-actions { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .area-output-actions button:last-child { grid-column-start: 1; grid-column-end: auto; }
}
.friend-page-host .portfolio-price-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); max-width: 960px; }
.friend-page-host .portfolio-live-calc { grid-template-columns: repeat(2, minmax(0px, 1fr)); max-width: 520px; }
.friend-page-host .portfolio-finance-detail dl { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .complete-sale-btn { color: rgb(75, 112, 0) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(241, 246, 232) !important; border-top-color: rgb(175, 199, 138) !important; border-right-color: rgb(175, 199, 138) !important; border-bottom-color: rgb(175, 199, 138) !important; border-left-color: rgb(175, 199, 138) !important; }
@media (width <= 760px) {
.friend-page-host .drawer-actions { flex-wrap: wrap; }
.friend-page-host .drawer-actions .danger-btn { flex-grow: 1; flex-shrink: 0; flex-basis: 100%; margin-right: 0px; }
.friend-page-host .drawer-actions .complete-sale-btn, .friend-page-host .drawer-actions .primary-btn { flex-grow: 1; flex-shrink: 1; flex-basis: calc(50% - 4px); }
}
@media (width <= 430px) {
.friend-page-host .portfolio-price-grid { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .portfolio-price-grid .field:first-child { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .portfolio-live-calc, .friend-page-host .portfolio-finance-detail dl { grid-template-columns: minmax(0px, 1fr); }
}
.friend-page-host .inline-person-add > textarea { resize: vertical; width: 100%; min-width: 0px; min-height: 74px; color: var(--ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(212, 221, 198); border-right-color: rgb(212, 221, 198); border-bottom-color: rgb(212, 221, 198); border-left-color: rgb(212, 221, 198); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; grid-column-start: 1; grid-column-end: -1; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 12px; line-height: 1.45; }
.friend-page-host .inline-person-add > textarea:focus { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; box-shadow: rgba(90, 140, 0, 0.08) 0px 0px 0px 3px; }
.friend-page-host .person-note-editor { row-gap: 9px; column-gap: 9px; display: grid; }
.friend-page-host .person-note-editor textarea { resize: vertical; width: 100%; min-height: 96px; color: var(--ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 223, 215); border-right-color: rgb(217, 223, 215); border-bottom-color: rgb(217, 223, 215); border-left-color: rgb(217, 223, 215); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; font-size: 13px; line-height: 1.55; }
.friend-page-host .person-note-editor textarea:focus { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; box-shadow: rgba(90, 140, 0, 0.08) 0px 0px 0px 3px; }
.friend-page-host .person-note-editor > div { justify-content: space-between; align-items: center; row-gap: 12px; column-gap: 12px; display: flex; }
.friend-page-host .person-note-editor small { color: var(--muted); font-size: 10px; }
.friend-page-host .person-note-editor button { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); min-height: 39px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-size: 11px; font-weight: 900; }
.friend-page-host .person-note-editor button:disabled { cursor: not-allowed; opacity: 0.48; }
html[data-theme="dark"] .friend-page-host .inline-person-add > textarea, html[data-theme="dark"] .friend-page-host .person-note-editor textarea { color: rgb(238, 243, 241); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(58, 77, 68); border-right-color: rgb(58, 77, 68); border-bottom-color: rgb(58, 77, 68); border-left-color: rgb(58, 77, 68); }
@media (width <= 760px) {
.friend-page-host .inline-person-add > textarea { grid-column-start: 1; grid-column-end: auto; min-height: 88px; font-size: 16px; }
.friend-page-host .person-note-editor textarea { min-height: 110px; font-size: 16px; }
.friend-page-host .person-note-editor > div { flex-direction: column; align-items: stretch; }
.friend-page-host .person-note-editor button { width: 100%; min-height: 44px; font-size: 13px; }
}
.friend-page-host .portfolio-public-list { grid-template-columns: minmax(0px, 1fr); row-gap: 11px; column-gap: 11px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; display: grid; }
.friend-page-host .portfolio-public-list-head { justify-content: space-between; align-items: flex-end; row-gap: 16px; column-gap: 16px; padding-top: 0px; padding-right: 2px; padding-bottom: 3px; padding-left: 2px; display: flex; }
.friend-page-host .portfolio-public-list-head small, .friend-page-host .portfolio-public-list-head strong { display: block; }
.friend-page-host .portfolio-public-list-head small { color: rgb(90, 140, 0); letter-spacing: 1.1px; font-size: 9px; font-weight: 950; }
.friend-page-host .portfolio-public-list-head strong { margin-top: 3px; font-size: 18px; }
.friend-page-host .portfolio-public-list-head > span { color: rgb(79, 117, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 227); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; font-size: 10px; font-weight: 900; }
.friend-page-host .portfolio-public-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 229, 223); border-right-color: rgb(223, 229, 223); border-bottom-color: rgb(223, 229, 223); border-left-color: rgb(223, 229, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-rows: none; grid-template-columns: minmax(260px, 1.1fr) minmax(0px, 1.8fr) minmax(180px, 0.68fr); align-items: stretch; min-width: 0px; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .portfolio-card-title { align-items: flex-start; row-gap: 10px; column-gap: 10px; min-width: 0px; padding-top: 17px; padding-right: 15px; padding-bottom: 17px; padding-left: 15px; display: flex; }
.friend-page-host .portfolio-card-title > b { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 28px; align-items: center; justify-items: center; width: 28px; height: 28px; font-size: 10px; display: grid; }
.friend-page-host .portfolio-card-title > span { margin-top: 2px; }
.friend-page-host .portfolio-card-title > div { min-width: 0px; }
.friend-page-host .portfolio-card-facts { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(237, 240, 237); grid-template-columns: repeat(3, minmax(0px, 1fr)); align-content: center; row-gap: 10px; column-gap: 0px; min-width: 0px; padding-top: 14px; padding-right: 6px; padding-bottom: 14px; padding-left: 6px; display: grid; }
.friend-page-host .portfolio-card-facts > span { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(220, 232, 200); min-width: 0px; padding-top: 2px; padding-right: 11px; padding-bottom: 2px; padding-left: 11px; }
.friend-page-host .portfolio-card-facts small, .friend-page-host .portfolio-card-facts strong { display: block; }
.friend-page-host .portfolio-card-facts small { color: rgb(134, 144, 138); font-size: 8px; }
.friend-page-host .portfolio-card-facts strong { overflow-wrap: anywhere; color: rgb(59, 71, 64); margin-top: 3px; font-size: 10px; line-height: 1.35; }
.friend-page-host .portfolio-card-price { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 247, 235); border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(220, 231, 201); align-content: center; padding-top: 15px; padding-right: 17px; padding-bottom: 15px; padding-left: 17px; display: grid; }
.friend-page-host .portfolio-card-price strong { font-size: 19px; }
.friend-page-host .statement-transaction-list { row-gap: 11px; column-gap: 11px; display: grid; }
.friend-page-host .statement-transaction-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 229, 225); border-right-color: rgb(224, 229, 225); border-bottom-color: rgb(224, 229, 225); border-left-color: rgb(224, 229, 225); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .statement-transaction-card > header { grid-template-columns: minmax(0px, 1fr) auto; align-items: start; row-gap: 18px; column-gap: 18px; padding-top: 14px; padding-right: 16px; padding-bottom: 14px; padding-left: 16px; display: grid; }
.friend-page-host .statement-transaction-card > header > div { grid-template-columns: auto minmax(0px, 1fr); align-items: center; row-gap: 5px; column-gap: 10px; min-width: 0px; display: grid; }
.friend-page-host .statement-transaction-card > header .statement-type { grid-row-start: 1; grid-column-start: 1; grid-row-end: 3; grid-column-end: auto; align-self: start; }
.friend-page-host .statement-transaction-card > header strong { overflow-wrap: anywhere; color: rgb(41, 54, 47); grid-column-start: 2; grid-column-end: auto; font-size: 13px; }
.friend-page-host .statement-transaction-card > header small { overflow-wrap: anywhere; color: rgb(126, 137, 130); grid-column-start: 2; grid-column-end: auto; font-size: 9px; line-height: 1.45; }
.friend-page-host .statement-transaction-card time { color: rgb(94, 107, 100); white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 10px; font-weight: 850; }
.friend-page-host .statement-transaction-facts { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 240, 237); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 1px; column-gap: 1px; display: grid; }
.friend-page-host .statement-transaction-facts > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 250); min-width: 0px; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; }
.friend-page-host .statement-transaction-facts small, .friend-page-host .statement-transaction-facts strong, .friend-page-host .statement-transaction-card > footer small, .friend-page-host .statement-transaction-card > footer strong { display: block; }
.friend-page-host .statement-transaction-facts small, .friend-page-host .statement-transaction-card > footer small { color: rgb(126, 137, 130); font-size: 8px; }
.friend-page-host .statement-transaction-facts strong { overflow-wrap: anywhere; color: rgb(70, 81, 75); margin-top: 3px; font-size: 11px; }
.friend-page-host .statement-transaction-card > footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 232, 209); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(223, 232, 209); grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 1px; column-gap: 1px; display: grid; }
.friend-page-host .statement-transaction-card > footer > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 237); min-width: 0px; padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px; }
.friend-page-host .statement-transaction-card > footer strong { overflow-wrap: anywhere; color: rgb(63, 101, 0); margin-top: 3px; font-size: 12px; }
.friend-page-host .statement-transaction-card > footer .negative strong { color: rgb(163, 75, 61); }
html[data-theme="dark"] .friend-page-host .portfolio-public-list-head strong { color: rgb(238, 245, 241); }
html[data-theme="dark"] .friend-page-host .portfolio-public-list-head > span { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 59, 33); }
html[data-theme="dark"] .friend-page-host .portfolio-card-title > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(7, 31, 28); }
html[data-theme="dark"] .friend-page-host .portfolio-card-facts { border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .portfolio-card-facts > span { border-top-color: rgb(58, 86, 53); border-right-color: rgb(58, 86, 53); border-bottom-color: rgb(58, 86, 53); border-left-color: rgb(58, 86, 53); }
html[data-theme="dark"] .friend-page-host .portfolio-card-facts strong { color: rgb(238, 245, 241); }
html[data-theme="dark"] .friend-page-host .statement-transaction-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 51, 46); border-top-color: rgb(40, 70, 63); border-right-color: rgb(40, 70, 63); border-bottom-color: rgb(40, 70, 63); border-left-color: rgb(40, 70, 63); }
html[data-theme="dark"] .friend-page-host .statement-transaction-card > header strong { color: rgb(238, 245, 241); }
html[data-theme="dark"] .friend-page-host .statement-transaction-card > header small, html[data-theme="dark"] .friend-page-host .statement-transaction-card time { color: rgb(174, 191, 186); }
html[data-theme="dark"] .friend-page-host .statement-transaction-facts { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 70, 63); border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .statement-transaction-facts > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 45, 40); }
html[data-theme="dark"] .friend-page-host .statement-transaction-facts strong { color: rgb(238, 245, 241); }
html[data-theme="dark"] .friend-page-host .statement-transaction-card > footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(49, 83, 60); border-top-color: rgb(49, 83, 60); border-right-color: rgb(49, 83, 60); border-bottom-color: rgb(49, 83, 60); border-left-color: rgb(49, 83, 60); }
html[data-theme="dark"] .friend-page-host .statement-transaction-card > footer > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 56, 39); }
html[data-theme="dark"] .friend-page-host .statement-transaction-card > footer strong { color: rgb(194, 211, 82); }
@media (width <= 880px) {
.friend-page-host .portfolio-public-card { grid-template-columns: minmax(230px, 0.9fr) minmax(0px, 1.5fr); }
.friend-page-host .portfolio-card-price { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(220, 231, 201); border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .portfolio-card-facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (width <= 760px) {
.friend-page-host .portfolio-public-list { row-gap: 10px; column-gap: 10px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .portfolio-public-list-head { padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.friend-page-host .portfolio-public-card { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .portfolio-card-title { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .portfolio-card-facts { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; grid-template-columns: repeat(2, minmax(0px, 1fr)); padding-top: 12px; padding-right: 5px; padding-bottom: 12px; padding-left: 5px; }
.friend-page-host .portfolio-card-price { grid-column-start: 1; grid-column-end: auto; padding-top: 14px; padding-right: 16px; padding-bottom: 14px; padding-left: 16px; }
.friend-page-host .statement-transaction-card > header { grid-template-columns: minmax(0px, 1fr); row-gap: 10px; column-gap: 10px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .statement-transaction-card time { padding-left: 38px; }
.friend-page-host .statement-transaction-facts { grid-template-columns: 1fr 1fr; }
.friend-page-host .statement-transaction-facts > span:last-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .statement-transaction-card > footer { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .statement-transaction-card > footer > span + span { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(223, 232, 209); }
}
@media (width <= 430px) {
.friend-page-host .portfolio-public-list-head strong { font-size: 16px; }
.friend-page-host .portfolio-card-title { grid-template-columns: auto auto minmax(0px, 1fr); display: grid; }
.friend-page-host .portfolio-card-facts { grid-template-columns: minmax(0px, 1fr); row-gap: 0px; column-gap: 0px; }
.friend-page-host .portfolio-card-facts > span { padding-top: 8px; padding-right: 11px; padding-bottom: 8px; padding-left: 11px; }
.friend-page-host .portfolio-card-facts > span + span { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); }
.friend-page-host .statement-transaction-facts { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .statement-transaction-facts > span:last-child { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .statement-transaction-card time { padding-left: 0px; }
}
@media print {
.friend-page-host .portfolio-public-list { grid-template-columns: minmax(0px, 1fr); row-gap: 7px; column-gap: 7px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; display: grid; }
.friend-page-host .portfolio-public-card { break-inside: avoid; grid-template-columns: minmax(220px, 1fr) minmax(0px, 1.65fr) minmax(150px, 0.65fr); }
.friend-page-host .portfolio-card-price { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(220, 231, 201); grid-column-start: auto; grid-column-end: auto; }
.friend-page-host .statement-transaction-card { break-inside: avoid; }
.friend-page-host .statement-transaction-list { row-gap: 7px; column-gap: 7px; }
}
.friend-page-host .portfolio-view-v2 { width: 100%; min-width: 0px; max-width: none; overflow-x: clip; }
.friend-page-host .portfolio-command-center { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(21, 61, 46, 0.04) 0px 12px 35px; }
.friend-page-host .portfolio-command-center > header { justify-content: space-between; align-items: flex-start; row-gap: 24px; column-gap: 24px; padding-top: 22px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; display: flex; }
.friend-page-host .portfolio-command-center > header > div:first-child { min-width: 0px; }
.friend-page-host .portfolio-command-center > header p, .friend-page-host .portfolio-list-shell > header p, .friend-page-host .portfolio-record-group > header p { color: var(--green); letter-spacing: 1.15px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 9px; font-weight: 950; }
.friend-page-host .portfolio-command-center > header h2 { color: var(--ink); letter-spacing: -0.035em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 950; font-stretch: normal; font-size: 28px; line-height: 1.15; font-family: Satoshi, sans-serif; }
.friend-page-host .portfolio-command-center > header > div:first-child > span { color: var(--muted); margin-top: 6px; font-size: 12px; display: block; }
.friend-page-host .portfolio-command-actions { align-items: center; row-gap: 7px; column-gap: 7px; display: flex; }
.friend-page-host .portfolio-command-actions button { color: rgb(83, 97, 89); white-space-collapse: collapse; text-wrap-mode: nowrap; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(214, 221, 212); border-right-color: rgb(214, 221, 212); border-bottom-color: rgb(214, 221, 212); border-left-color: rgb(214, 221, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 42px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 11px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .portfolio-command-actions button:hover { color: rgb(78, 118, 0); border-top-color: rgb(144, 180, 78); border-right-color: rgb(144, 180, 78); border-bottom-color: rgb(144, 180, 78); border-left-color: rgb(144, 180, 78); }
.friend-page-host .portfolio-command-actions .primary-btn { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
.friend-page-host .portfolio-command-stats { border-block-start-color: ; border-block-start-style: ; border-block-start-width: ; border-block-end-color: ; border-block-end-style: ; border-block-end-width: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 1px; column-gap: 1px; display: grid; }
.friend-page-host .portfolio-command-stats > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 245); min-width: 0px; padding-top: 13px; padding-right: 24px; padding-bottom: 13px; padding-left: 24px; }
.friend-page-host .portfolio-command-stats small, .friend-page-host .portfolio-command-stats strong { display: block; }
.friend-page-host .portfolio-command-stats small { color: rgb(129, 139, 133); font-size: 9px; }
.friend-page-host .portfolio-command-stats strong { overflow-wrap: anywhere; color: rgb(38, 53, 45); margin-top: 4px; font-size: 15px; }
.friend-page-host .portfolio-search { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(213, 221, 212); border-right-color: rgb(213, 221, 212); border-bottom-color: rgb(213, 221, 212); border-left-color: rgb(213, 221, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 10px; column-gap: 10px; margin-top: 16px; margin-right: 18px; margin-bottom: 10px; margin-left: 18px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; display: grid; box-shadow: rgba(17, 44, 34, 0.02) 0px 1px 1px inset; }
.friend-page-host .portfolio-search > span { color: rgb(90, 140, 0); font-size: 22px; }
.friend-page-host .portfolio-search input { width: 100%; min-width: 0px; height: 48px; color: var(--ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; outline-color: initial; outline-style: initial; outline-width: 0px; font-size: 14px; }
.friend-page-host .portfolio-search button { color: rgb(102, 115, 107); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 242, 233); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 30px; height: 30px; font-size: 18px; display: grid; }
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(6, minmax(115px, 1fr)) auto; align-items: end; row-gap: 8px; column-gap: 8px; padding-top: 0px; padding-right: 18px; padding-bottom: 17px; padding-left: 18px; display: grid; }
.friend-page-host .portfolio-filter-bar label { row-gap: 4px; column-gap: 4px; min-width: 0px; display: grid; }
.friend-page-host .portfolio-filter-bar label > span { color: rgb(123, 134, 128); font-size: 9px; font-weight: 850; }
.friend-page-host .portfolio-filter-bar select { width: 100%; min-width: 0px; height: 40px; color: var(--ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 223, 215); border-right-color: rgb(217, 223, 215); border-bottom-color: rgb(217, 223, 215); border-left-color: rgb(217, 223, 215); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 28px; padding-bottom: 0px; padding-left: 9px; font-size: 11px; }
.friend-page-host .portfolio-filter-bar > button { color: rgb(89, 102, 95); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 248, 244); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(209, 217, 207); border-right-color: rgb(209, 217, 207); border-bottom-color: rgb(209, 217, 207); border-left-color: rgb(209, 217, 207); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 40px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 10px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .portfolio-filter-bar > button:hover { color: rgb(77, 115, 0); border-top-color: rgb(157, 189, 102); border-right-color: rgb(157, 189, 102); border-bottom-color: rgb(157, 189, 102); border-left-color: rgb(157, 189, 102); }
.friend-page-host .portfolio-share-panel-v2 { background-image: linear-gradient(120deg, rgb(248, 250, 245), rgb(242, 247, 233)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(219, 228, 211); border-right-color: rgb(219, 228, 211); border-bottom-color: rgb(219, 228, 211); border-left-color: rgb(219, 228, 211); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: minmax(0px, 1fr) minmax(430px, 0.85fr); align-items: center; row-gap: 18px; column-gap: 18px; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .portfolio-share-panel-v2 > header { align-items: center; row-gap: 13px; column-gap: 13px; min-width: 0px; display: flex; }
.friend-page-host .portfolio-share-panel-v2 > header > span { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 42px; align-items: center; justify-items: center; width: 42px; height: 42px; font-size: 20px; display: grid; }
.friend-page-host .portfolio-share-panel-v2 .portfolio-share-copy { min-width: 0px; }
.friend-page-host .portfolio-share-panel-v2 .portfolio-share-copy p { margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; font-size: 8px; }
.friend-page-host .portfolio-share-panel-v2 .portfolio-share-copy h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 17px; }
.friend-page-host .portfolio-share-panel-v2 .portfolio-share-copy small { color: rgb(116, 128, 121); margin-top: 4px; font-size: 10px; line-height: 1.45; display: block; }
.friend-page-host .portfolio-share-panel-v2 .portfolio-share-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; row-gap: 9px; column-gap: 9px; }
.friend-page-host .portfolio-share-panel-v2 .portfolio-share-actions .share-duration { min-height: 46px; }
.friend-page-host .portfolio-share-panel-v2 .portfolio-share-link, .friend-page-host .portfolio-share-panel-v2 .portfolio-share-history, .friend-page-host .portfolio-share-panel-v2 > .document-error { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .portfolio-list-shell { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .portfolio-list-shell > header { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; justify-content: space-between; align-items: flex-end; row-gap: 18px; column-gap: 18px; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; display: flex; }
.friend-page-host .portfolio-list-shell > header h2 { color: var(--ink); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 900; font-stretch: normal; font-size: 20px; line-height: 1.2; font-family: Satoshi, sans-serif; }
.friend-page-host .portfolio-list-shell > header > span { color: var(--muted); font-size: 10px; }
.friend-page-host .portfolio-record-list { min-width: 0px; display: grid; }
.friend-page-host .portfolio-record-row { border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: ; border-top-style: ; border-top-color: ; width: 100%; min-width: 0px; color: var(--ink); text-align: left; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; grid-template-columns: minmax(250px, 1.2fr) minmax(310px, 1.25fr) minmax(180px, 0.78fr) minmax(155px, 0.62fr) 24px; align-items: center; row-gap: 14px; column-gap: 14px; padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 18px; transition-behavior: normal; transition-duration: 0.18s; transition-timing-function: ease; transition-delay: 0s; transition-property: background; display: grid; }
.friend-page-host .portfolio-record-list > .portfolio-record-row:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .portfolio-record-row:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 249, 242); }
.friend-page-host .portfolio-record-main { align-items: flex-start; row-gap: 10px; column-gap: 10px; min-width: 0px; display: flex; }
.friend-page-host .portfolio-record-main > span { color: rgb(77, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 242, 220); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 8px; font-weight: 950; }
.friend-page-host .portfolio-record-main > div { min-width: 0px; }
.friend-page-host .portfolio-record-main small, .friend-page-host .portfolio-record-main strong, .friend-page-host .portfolio-record-main em, .friend-page-host .portfolio-record-metrics small, .friend-page-host .portfolio-record-metrics strong, .friend-page-host .portfolio-record-metrics em, .friend-page-host .portfolio-record-owner small, .friend-page-host .portfolio-record-owner strong, .friend-page-host .portfolio-record-owner em, .friend-page-host .portfolio-record-price strong, .friend-page-host .portfolio-record-price small { display: block; }
.friend-page-host .portfolio-record-main small { color: rgb(137, 146, 141); text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 8px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .portfolio-record-main strong { overflow-wrap: anywhere; color: rgb(38, 52, 44); margin-top: 3px; font-size: 14px; line-height: 1.3; }
.friend-page-host .portfolio-record-main em { overflow-wrap: anywhere; color: rgb(118, 130, 123); margin-top: 4px; font-size: 9px; font-style: normal; }
.friend-page-host .portfolio-record-metrics { grid-template-columns: 0.72fr 0.8fr 1.35fr; row-gap: 7px; column-gap: 7px; min-width: 0px; display: grid; }
.friend-page-host .portfolio-record-metrics > span { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(220, 232, 200); min-width: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; }
.friend-page-host .portfolio-record-metrics small, .friend-page-host .portfolio-record-owner small { color: rgb(130, 141, 134); font-size: 8px; }
.friend-page-host .portfolio-record-metrics strong, .friend-page-host .portfolio-record-owner strong { overflow-wrap: anywhere; color: rgb(52, 66, 57); margin-top: 3px; font-size: 10px; }
.friend-page-host .portfolio-record-metrics em, .friend-page-host .portfolio-record-owner em { overflow-wrap: anywhere; color: rgb(137, 147, 141); margin-top: 2px; font-size: 8px; font-style: normal; line-height: 1.35; }
.friend-page-host .portfolio-record-owner { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(228, 233, 227); min-width: 0px; padding-left: 12px; }
.friend-page-host .portfolio-record-price { text-align: right; min-width: 0px; }
.friend-page-host .portfolio-record-price > .status { margin-bottom: 5px; display: inline-block; }
.friend-page-host .portfolio-record-price strong { overflow-wrap: anywhere; color: rgb(53, 95, 0); font-size: 14px; }
.friend-page-host .portfolio-record-price small { color: rgb(122, 134, 127); margin-top: 3px; font-size: 8px; }
.friend-page-host .portfolio-record-row > b { color: rgb(90, 140, 0); font-size: 22px; font-weight: 400; }
.friend-page-host .portfolio-record-group { border-top-width: ; border-top-style: ; border-top-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 249); min-width: 0px; }
.friend-page-host .portfolio-record-group:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .portfolio-record-group > header { background-image: linear-gradient(110deg, rgb(244, 248, 236), rgb(238, 245, 227)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(220, 230, 206); justify-content: space-between; align-items: center; row-gap: 18px; column-gap: 18px; padding-top: 15px; padding-right: 18px; padding-bottom: 15px; padding-left: 18px; display: flex; }
.friend-page-host .portfolio-record-group > header > div { min-width: 0px; }
.friend-page-host .portfolio-record-group > header h2 { color: rgb(45, 59, 50); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 17px; }
.friend-page-host .portfolio-record-group > header div:first-child > span { color: rgb(116, 128, 120); margin-top: 4px; font-size: 9px; display: block; }
.friend-page-host .portfolio-record-group > header > div:last-child { text-align: right; grid-template-columns: auto auto; align-items: center; row-gap: 2px; column-gap: 12px; display: grid; }
.friend-page-host .portfolio-record-group > header > div:last-child > span { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; grid-row-start: 1; grid-row-end: 3; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 9px; font-weight: 900; }
.friend-page-host .portfolio-record-group > header > div:last-child > strong { color: rgb(52, 91, 0); font-size: 13px; }
.friend-page-host .portfolio-record-group > header > div:last-child > small { color: rgb(113, 128, 104); font-size: 9px; }
.friend-page-host .portfolio-record-group-list { display: grid; }
.friend-page-host .portfolio-record-group-list .portfolio-record-row { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .portfolio-record-group-list .portfolio-record-row:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 244); }
.friend-page-host .public-portfolio-shell { color: rgb(23, 33, 28); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 241, 237); min-height: 100vh; padding-top: clamp(12px, 3vw, 38px); padding-right: clamp(12px, 3vw, 38px); padding-bottom: clamp(12px, 3vw, 38px); padding-left: clamp(12px, 3vw, 38px); }
.friend-page-host .public-portfolio-page { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 228, 221); border-right-color: rgb(220, 228, 221); border-bottom-color: rgb(220, 228, 221); border-left-color: rgb(220, 228, 221); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: min(1240px, 100%); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(12, 50, 37, 0.1) 0px 24px 65px; }
.friend-page-host .public-portfolio-nav { justify-content: space-between; align-items: center; row-gap: 20px; column-gap: 20px; padding-top: 18px; padding-right: 24px; padding-bottom: 18px; padding-left: 24px; display: flex; }
.friend-page-host .public-portfolio-nav > a, .friend-page-host .public-portfolio-nav img { width: 190px; max-width: 100%; height: auto; display: block; }
.friend-page-host .public-portfolio-nav > div { row-gap: 7px; column-gap: 7px; display: flex; }
.friend-page-host .public-portfolio-nav button { color: rgb(66, 81, 73); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 247); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 224, 218); border-right-color: rgb(217, 224, 218); border-bottom-color: rgb(217, 224, 218); border-left-color: rgb(217, 224, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 39px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 10px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .public-portfolio-hero { color: rgb(255, 255, 255); background-image: linear-gradient(125deg, rgb(0, 45, 40), rgb(6, 77, 66)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; justify-content: space-between; align-items: flex-end; row-gap: 30px; column-gap: 30px; padding-top: 30px; padding-right: 32px; padding-bottom: 30px; padding-left: 32px; display: flex; }
.friend-page-host .public-portfolio-hero p, .friend-page-host .public-portfolio-list > header p { color: rgb(194, 211, 82); letter-spacing: 1.15px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 9px; font-weight: 950; }
.friend-page-host .public-portfolio-hero h1 { letter-spacing: -0.035em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 950; font-stretch: normal; font-size: clamp(26px, 4vw, 38px); line-height: 1.1; font-family: Satoshi, sans-serif; }
.friend-page-host .public-portfolio-hero > div:first-child > span { color: rgb(203, 217, 212); margin-top: 8px; font-size: 12px; display: block; }
.friend-page-host .public-portfolio-total { border-left-width: 1px; border-left-style: solid; border-left-color: rgba(255, 255, 255, 0.19); flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-left: 24px; }
.friend-page-host .public-portfolio-total small, .friend-page-host .public-portfolio-total strong, .friend-page-host .public-portfolio-total span { display: block; }
.friend-page-host .public-portfolio-total small { color: rgb(169, 192, 184); font-size: 8px; }
.friend-page-host .public-portfolio-total strong { color: rgb(255, 255, 255); margin-top: 4px; font-size: 18px; }
.friend-page-host .public-portfolio-total span { color: rgb(194, 211, 82); margin-top: 3px; font-size: 11px; font-weight: 850; }
.friend-page-host .public-portfolio-meta { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(224, 230, 225); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(224, 230, 225); grid-template-columns: 1fr 1fr; row-gap: 1px; column-gap: 1px; display: grid; }
.friend-page-host .public-portfolio-meta > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 247); padding-top: 13px; padding-right: 24px; padding-bottom: 13px; padding-left: 24px; }
.friend-page-host .public-portfolio-meta small, .friend-page-host .public-portfolio-meta strong { display: block; }
.friend-page-host .public-portfolio-meta small { color: rgb(131, 141, 135); font-size: 8px; }
.friend-page-host .public-portfolio-meta strong { margin-top: 3px; font-size: 11px; }
.friend-page-host .public-portfolio-list { padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; }
.friend-page-host .public-portfolio-list > header { justify-content: space-between; align-items: flex-end; row-gap: 16px; column-gap: 16px; margin-bottom: 12px; display: flex; }
.friend-page-host .public-portfolio-list > header p { color: rgb(90, 140, 0); }
.friend-page-host .public-portfolio-list > header h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 900; font-stretch: normal; font-size: 20px; line-height: 1.2; font-family: Satoshi, sans-serif; }
.friend-page-host .public-portfolio-list > header > span { color: rgb(79, 117, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 244, 228); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 9px; font-weight: 900; }
.friend-page-host .public-property-list { row-gap: 9px; column-gap: 9px; display: grid; }
.friend-page-host .public-property-row { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 229, 225); border-right-color: rgb(224, 229, 225); border-bottom-color: rgb(224, 229, 225); border-left-color: rgb(224, 229, 225); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 46px minmax(230px, 1fr) minmax(0px, 1.65fr) minmax(170px, 0.65fr); align-items: stretch; min-width: 0px; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .public-property-index { color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 250); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(229, 235, 230); align-items: center; justify-items: center; font-size: 10px; font-weight: 950; display: grid; }
.friend-page-host .public-property-main { min-width: 0px; padding-top: 14px; padding-right: 15px; padding-bottom: 14px; padding-left: 15px; }
.friend-page-host .public-property-main > div { align-items: center; row-gap: 7px; column-gap: 7px; min-width: 0px; display: flex; }
.friend-page-host .public-property-main > div > span { color: rgb(79, 117, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; font-size: 8px; font-weight: 950; }
.friend-page-host .public-property-main > div > small { color: rgb(137, 146, 141); text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 7px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .public-property-main h2 { overflow-wrap: anywhere; margin-top: 7px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 15px; line-height: 1.25; font-family: Satoshi, sans-serif; }
.friend-page-host .public-property-main p { overflow-wrap: anywhere; color: rgb(120, 131, 125); margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 9px; }
.friend-page-host .public-property-details { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(237, 240, 237); grid-template-columns: repeat(3, minmax(0px, 1fr)); align-content: center; row-gap: 9px; column-gap: 0px; min-width: 0px; padding-top: 11px; padding-right: 5px; padding-bottom: 11px; padding-left: 5px; display: grid; }
.friend-page-host .public-property-details > span { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(220, 232, 200); min-width: 0px; padding-top: 2px; padding-right: 9px; padding-bottom: 2px; padding-left: 9px; }
.friend-page-host .public-property-details small, .friend-page-host .public-property-details strong { display: block; }
.friend-page-host .public-property-details small { color: rgb(137, 146, 141); font-size: 7px; }
.friend-page-host .public-property-details strong { overflow-wrap: anywhere; color: rgb(53, 66, 57); margin-top: 3px; font-size: 9px; line-height: 1.35; }
.friend-page-host .public-property-price { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 236); border-left-width: 1px; border-left-style: solid; border-left-color: rgb(219, 230, 205); align-content: center; min-width: 0px; padding-top: 13px; padding-right: 15px; padding-bottom: 13px; padding-left: 15px; display: grid; }
.friend-page-host .public-property-price small, .friend-page-host .public-property-price strong, .friend-page-host .public-property-price span { display: block; }
.friend-page-host .public-property-price small { color: rgb(114, 128, 102); font-size: 7px; }
.friend-page-host .public-property-price strong { overflow-wrap: anywhere; color: rgb(53, 94, 0); margin-top: 4px; font-size: 16px; }
.friend-page-host .public-property-price span { color: rgb(120, 132, 112); margin-top: 3px; font-size: 8px; }
.friend-page-host .public-portfolio-footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 248); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(226, 231, 227); justify-content: space-between; align-items: center; row-gap: 25px; column-gap: 25px; padding-top: 18px; padding-right: 24px; padding-bottom: 18px; padding-left: 24px; display: flex; }
.friend-page-host .public-portfolio-footer strong, .friend-page-host .public-portfolio-footer span { display: block; }
.friend-page-host .public-portfolio-footer strong { font-size: 12px; }
.friend-page-host .public-portfolio-footer span { color: rgb(90, 140, 0); margin-top: 2px; font-size: 9px; font-weight: 850; }
.friend-page-host .public-portfolio-footer p { color: rgb(117, 128, 120); text-align: right; max-width: 730px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 9px; line-height: 1.55; }
html[data-theme="dark"] .friend-page-host .portfolio-command-center, html[data-theme="dark"] .friend-page-host .portfolio-list-shell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 33, 28); border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .portfolio-command-center > header h2, html[data-theme="dark"] .friend-page-host .portfolio-list-shell > header h2, html[data-theme="dark"] .friend-page-host .portfolio-record-main strong, html[data-theme="dark"] .friend-page-host .portfolio-record-metrics strong, html[data-theme="dark"] .friend-page-host .portfolio-record-owner strong { color: rgb(238, 243, 240); }
html[data-theme="dark"] .friend-page-host .portfolio-command-actions button, html[data-theme="dark"] .friend-page-host .portfolio-filter-bar select, html[data-theme="dark"] .friend-page-host .portfolio-filter-bar > button, html[data-theme="dark"] .friend-page-host .portfolio-search { color: rgb(232, 238, 235); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(53, 72, 63); border-right-color: rgb(53, 72, 63); border-bottom-color: rgb(53, 72, 63); border-left-color: rgb(53, 72, 63); }
html[data-theme="dark"] .friend-page-host .portfolio-command-stats { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(42, 61, 54); border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .portfolio-command-stats > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(22, 39, 32); }
html[data-theme="dark"] .friend-page-host .portfolio-command-stats strong { color: rgb(238, 243, 240); }
html[data-theme="dark"] .friend-page-host .portfolio-share-panel-v2 { background-image: linear-gradient(120deg, rgb(24, 39, 28), rgb(20, 34, 29)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-color: rgb(53, 75, 54); border-right-color: rgb(53, 75, 54); border-bottom-color: rgb(53, 75, 54); border-left-color: rgb(53, 75, 54); }
html[data-theme="dark"] .friend-page-host .portfolio-share-panel-v2 .portfolio-share-copy h2 { color: rgb(238, 243, 240); }
html[data-theme="dark"] .friend-page-host .portfolio-share-panel-v2 .portfolio-share-copy small { color: rgb(174, 188, 181); }
html[data-theme="dark"] .friend-page-host .portfolio-record-row, html[data-theme="dark"] .friend-page-host .portfolio-record-group-list .portfolio-record-row { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 33, 28); border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .portfolio-record-row:hover, html[data-theme="dark"] .friend-page-host .portfolio-record-group-list .portfolio-record-row:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 40, 32); }
html[data-theme="dark"] .friend-page-host .portfolio-record-owner { border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .portfolio-record-group { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 29, 24); border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .portfolio-record-group > header { background-image: linear-gradient(110deg, rgb(27, 44, 29), rgb(24, 39, 25)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-color: rgb(53, 75, 54); border-right-color: rgb(53, 75, 54); border-bottom-color: rgb(53, 75, 54); border-left-color: rgb(53, 75, 54); }
html[data-theme="dark"] .friend-page-host .portfolio-record-group > header h2 { color: rgb(238, 243, 240); }
html[data-theme="dark"] .friend-page-host .portfolio-record-price strong { color: rgb(194, 211, 82); }
html[data-theme="dark"] .friend-page-host .public-portfolio-shell { color: rgb(238, 244, 241); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(7, 31, 28); }
html[data-theme="dark"] .friend-page-host .public-portfolio-page { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(13, 43, 39); border-top-color: rgb(35, 69, 63); border-right-color: rgb(35, 69, 63); border-bottom-color: rgb(35, 69, 63); border-left-color: rgb(35, 69, 63); box-shadow: rgba(0, 0, 0, 0.467) 0px 24px 65px; }
html[data-theme="dark"] .friend-page-host .public-portfolio-nav button { color: rgb(238, 244, 241); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 54, 48); border-top-color: rgb(54, 84, 77); border-right-color: rgb(54, 84, 77); border-bottom-color: rgb(54, 84, 77); border-left-color: rgb(54, 84, 77); }
html[data-theme="dark"] .friend-page-host .public-portfolio-meta { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 70, 63); border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .public-portfolio-meta > span, html[data-theme="dark"] .friend-page-host .public-property-row { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 51, 46); border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .public-portfolio-list > header h2, html[data-theme="dark"] .friend-page-host .public-property-main h2, html[data-theme="dark"] .friend-page-host .public-property-details strong, html[data-theme="dark"] .friend-page-host .public-portfolio-footer strong { color: rgb(238, 244, 241); }
html[data-theme="dark"] .friend-page-host .public-portfolio-list > header > span { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 59, 33); }
html[data-theme="dark"] .friend-page-host .public-property-index { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 39, 32); border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .public-property-details { border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
html[data-theme="dark"] .friend-page-host .public-property-details > span { border-top-color: rgb(58, 86, 53); border-right-color: rgb(58, 86, 53); border-bottom-color: rgb(58, 86, 53); border-left-color: rgb(58, 86, 53); }
html[data-theme="dark"] .friend-page-host .public-property-price { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 56, 39); border-top-color: rgb(49, 83, 60); border-right-color: rgb(49, 83, 60); border-bottom-color: rgb(49, 83, 60); border-left-color: rgb(49, 83, 60); }
html[data-theme="dark"] .friend-page-host .public-property-price strong { color: rgb(194, 211, 82); }
html[data-theme="dark"] .friend-page-host .public-portfolio-footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 49, 44); border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
@media (width <= 1220px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(3, minmax(0px, 1fr)) auto; }
.friend-page-host .portfolio-filter-bar > button { grid-row-start: 2; grid-column-start: 4; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .portfolio-record-row { grid-template-columns: minmax(230px, 1.15fr) minmax(280px, 1.2fr) minmax(155px, 0.65fr) 24px; }
.friend-page-host .portfolio-record-owner { border-top-width: ; border-top-style: ; border-top-color: ; border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; grid-row-start: 2; grid-column-start: 1; grid-row-end: auto; grid-column-end: -2; grid-template-columns: auto minmax(0px, 1fr) minmax(0px, 1fr); align-items: center; row-gap: 10px; column-gap: 10px; padding-top: 9px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; }
.friend-page-host .portfolio-record-owner strong, .friend-page-host .portfolio-record-owner em { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .portfolio-record-price { grid-row-start: 1; grid-column-start: 3; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .portfolio-record-row > b { grid-row-start: 1; grid-column-start: 4; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .public-property-row { grid-template-columns: 42px minmax(220px, 0.9fr) minmax(0px, 1.5fr) minmax(160px, 0.65fr); }
}
@media (width <= 900px) {
.friend-page-host .portfolio-command-center > header { flex-direction: column; align-items: stretch; }
.friend-page-host .portfolio-command-actions { grid-template-columns: 1fr 1fr 1.2fr; display: grid; }
.friend-page-host .portfolio-filter-bar { grid-template-columns: 1fr 1fr; }
.friend-page-host .portfolio-filter-bar > button { grid-row-start: auto; grid-column-start: auto; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .portfolio-share-panel-v2 { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .portfolio-record-row { grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr) minmax(150px, 0.65fr) 22px; }
.friend-page-host .portfolio-record-metrics { grid-template-columns: 1fr 1fr; }
.friend-page-host .portfolio-record-metrics > span:last-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .public-property-row { grid-template-columns: 40px minmax(0px, 1fr) minmax(155px, 0.55fr); }
.friend-page-host .public-property-details { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: -1; padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; }
.friend-page-host .public-property-price { grid-row-start: 1; grid-column-start: 3; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .public-property-index { grid-row-start: 1; grid-row-end: 3; }
}
@media (width <= 760px) {
.friend-page-host .portfolio-command-center { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .portfolio-command-center > header { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .portfolio-command-center > header h2 { font-size: 24px; }
.friend-page-host .portfolio-command-actions { grid-template-columns: 1fr 1fr; }
.friend-page-host .portfolio-command-actions .primary-btn { grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: -1; }
.friend-page-host .portfolio-command-actions button { min-height: 44px; font-size: 11px; }
.friend-page-host .portfolio-command-stats { grid-template-columns: 1fr; }
.friend-page-host .portfolio-command-stats > span { justify-content: space-between; align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 11px; padding-right: 18px; padding-bottom: 11px; padding-left: 18px; display: flex; }
.friend-page-host .portfolio-command-stats strong { text-align: right; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 13px; }
.friend-page-host .portfolio-search { margin-top: 14px; margin-right: 14px; margin-bottom: 9px; margin-left: 14px; }
.friend-page-host .portfolio-search input { height: 48px; font-size: 16px; }
.friend-page-host .portfolio-filter-bar { grid-template-columns: 1fr 1fr; padding-top: 0px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .portfolio-filter-bar select { height: 46px; font-size: 16px; }
.friend-page-host .portfolio-filter-bar > button { height: 46px; }
.friend-page-host .portfolio-share-panel-v2 { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .portfolio-share-panel-v2 .portfolio-share-actions { justify-content: flex-end; }
.friend-page-host .portfolio-list-shell { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .portfolio-list-shell > header { flex-direction: column; align-items: flex-start; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .portfolio-record-row { grid-template-columns: minmax(0px, 1fr) 22px; row-gap: 12px; column-gap: 12px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .portfolio-record-main { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .portfolio-record-metrics { grid-row-start: 2; grid-column-start: 1; grid-row-end: auto; grid-column-end: -1; grid-template-columns: 1fr 1fr; }
.friend-page-host .portfolio-record-owner { border-top-width: ; border-top-style: ; border-top-color: ; grid-row-start: 3; grid-column-start: 1; grid-row-end: auto; grid-column-end: -1; padding-top: 11px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; }
.friend-page-host .portfolio-record-owner strong, .friend-page-host .portfolio-record-owner em { margin-top: 3px; }
.friend-page-host .portfolio-record-price { border-top-width: ; border-top-style: ; border-top-color: ; text-align: left; grid-row-start: 4; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 9px; column-gap: 9px; padding-top: 11px; display: grid; }
.friend-page-host .portfolio-record-price > .status, .friend-page-host .portfolio-record-price strong, .friend-page-host .portfolio-record-price small { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .portfolio-record-row > b { grid-row-start: 1; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .portfolio-record-group > header { flex-direction: column; align-items: flex-start; }
.friend-page-host .portfolio-record-group > header > div:last-child { text-align: left; justify-content: start; width: 100%; }
.friend-page-host .public-portfolio-shell { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .public-portfolio-page { box-shadow: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .public-portfolio-nav { padding-top: 15px; padding-right: 17px; padding-bottom: 15px; padding-left: 17px; }
.friend-page-host .public-portfolio-nav > a, .friend-page-host .public-portfolio-nav img { width: 160px; }
.friend-page-host .public-portfolio-hero { flex-direction: column; align-items: flex-start; padding-top: 25px; padding-right: 18px; padding-bottom: 25px; padding-left: 18px; }
.friend-page-host .public-portfolio-total { border-top-width: 1px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.16); border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; width: 100%; padding-top: 14px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .public-portfolio-meta > span { padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; }
.friend-page-host .public-portfolio-list { padding-top: 18px; padding-right: 14px; padding-bottom: 18px; padding-left: 14px; }
.friend-page-host .public-property-list { row-gap: 10px; column-gap: 10px; }
.friend-page-host .public-property-row { grid-template-columns: 36px minmax(0px, 1fr); }
.friend-page-host .public-property-index { border-right-width: 1px; border-right-style: solid; border-right-color: rgb(229, 235, 230); grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .public-property-main { grid-row-start: 1; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
.friend-page-host .public-property-details { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); grid-row-start: 2; grid-column-start: 1; grid-row-end: auto; grid-column-end: -1; grid-template-columns: 1fr 1fr; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .public-property-details > span:last-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .public-property-price { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(219, 230, 205); border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; grid-row-start: 3; grid-column-start: 1; grid-row-end: auto; grid-column-end: -1; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; }
.friend-page-host .public-portfolio-footer { flex-direction: column; align-items: flex-start; padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; }
.friend-page-host .public-portfolio-footer p { text-align: left; }
}
@media (width <= 430px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .portfolio-share-panel-v2 > header { align-items: flex-start; }
.friend-page-host .portfolio-record-metrics { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .portfolio-record-metrics > span:last-child { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .portfolio-record-price { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .public-portfolio-nav { flex-direction: column; align-items: flex-start; }
.friend-page-host .public-portfolio-nav > div { grid-template-columns: 1fr 1fr; width: 100%; display: grid; }
.friend-page-host .public-portfolio-nav button { width: 100%; }
.friend-page-host .public-portfolio-meta { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .public-portfolio-list > header { flex-direction: column; align-items: flex-start; }
.friend-page-host .public-property-details { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .public-property-details > span:last-child { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .public-property-details > span + span { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 237); padding-top: 8px; }
}
@media print {
.friend-page-host .public-portfolio-shell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .public-portfolio-page { width: 100%; box-shadow: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .public-portfolio-nav button { display: none; }
.friend-page-host .public-portfolio-list { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .public-property-row { break-inside: avoid; grid-template-columns: 34px minmax(200px, 0.9fr) minmax(0px, 1.45fr) minmax(150px, 0.6fr); }
.friend-page-host .public-property-details { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(237, 240, 237); grid-row-start: auto; grid-column-start: auto; grid-row-end: auto; grid-column-end: auto; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; }
.friend-page-host .public-property-price { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(219, 230, 205); grid-row-start: auto; grid-column-start: auto; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .public-property-index { grid-row-start: auto; grid-row-end: auto; }
.friend-page-host .public-portfolio-footer { break-inside: avoid; }
}
@property --friend-page-tw-blur { syntax: "*"; inherits: false; }
@property --friend-page-tw-brightness { syntax: "*"; inherits: false; }
@property --friend-page-tw-contrast { syntax: "*"; inherits: false; }
@property --friend-page-tw-grayscale { syntax: "*"; inherits: false; }
@property --friend-page-tw-hue-rotate { syntax: "*"; inherits: false; }
@property --friend-page-tw-invert { syntax: "*"; inherits: false; }
@property --friend-page-tw-opacity { syntax: "*"; inherits: false; }
@property --friend-page-tw-saturate { syntax: "*"; inherits: false; }
@property --friend-page-tw-sepia { syntax: "*"; inherits: false; }
@property --friend-page-tw-drop-shadow { syntax: "*"; inherits: false; }
@property --friend-page-tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --friend-page-tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --friend-page-tw-drop-shadow-size { syntax: "*"; inherits: false; }
.friend-page-host .people-view-v2, .friend-page-host .directory-list-shell, .friend-page-host .report-directory-shell { width: 100%; min-width: 0px; max-width: none; }
.friend-page-host .directory-command-center { box-shadow: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .directory-command-center .context-filter-title { align-items: flex-start; }
.friend-page-host .directory-command-center .context-filter-title > div:first-child > span { width: 100%; max-width: none; color: var(--muted); margin-top: 6px; font-size: 13px; line-height: 1.55; display: block; }
.friend-page-host .directory-command-stats { border-block-start-color: ; border-block-start-style: ; border-block-start-width: ; border-block-end-color: ; border-block-end-style: ; border-block-end-width: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 1px; column-gap: 1px; margin-inline-start: -18px; margin-inline-end: -18px; display: grid; }
.friend-page-host .directory-command-stats > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 245); min-width: 0px; padding-top: 13px; padding-right: 24px; padding-bottom: 13px; padding-left: 24px; }
.friend-page-host .directory-command-stats small, .friend-page-host .directory-command-stats strong { display: block; }
.friend-page-host .directory-command-stats small { color: rgb(120, 132, 125); font-size: 12px; }
.friend-page-host .directory-command-stats strong { overflow-wrap: anywhere; color: rgb(38, 53, 45); margin-top: 4px; font-size: 16px; }
.friend-page-host .directory-list-shell, .friend-page-host .report-directory-shell { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .directory-list-shell > header, .friend-page-host .report-directory-shell > header { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; justify-content: space-between; align-items: flex-end; row-gap: 18px; column-gap: 18px; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; display: flex; }
.friend-page-host .directory-list-shell > header p, .friend-page-host .report-directory-shell > header p { color: var(--green); letter-spacing: 1.05px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 12px; font-weight: 950; }
.friend-page-host .directory-list-shell > header h2, .friend-page-host .report-directory-shell > header h2 { color: var(--ink); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 900; font-stretch: normal; font-size: 21px; line-height: 1.2; font-family: Satoshi, sans-serif; }
.friend-page-host .directory-list-shell > header > span, .friend-page-host .report-directory-shell > header > span { color: var(--muted); font-size: 12px; }
.friend-page-host .directory-list, .friend-page-host .report-directory-list { min-width: 0px; display: grid; }
.friend-page-host .directory-row, .friend-page-host .report-directory-row { border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: ; border-top-style: ; border-top-color: ; width: 100%; min-width: 0px; color: var(--ink); text-align: left; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; align-items: center; row-gap: 15px; column-gap: 15px; padding-top: 15px; padding-right: 18px; padding-bottom: 15px; padding-left: 18px; transition-behavior: normal; transition-duration: 0.18s; transition-timing-function: ease; transition-delay: 0s; transition-property: background; display: grid; }
.friend-page-host .directory-list > .directory-row:first-child, .friend-page-host .report-directory-list > .report-directory-row:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .directory-row { grid-template-columns: 46px minmax(190px, 0.9fr) minmax(240px, 1.05fr) minmax(330px, 1.25fr) 22px; }
.friend-page-host .directory-row:hover, .friend-page-host .report-directory-row:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 249, 242); }
.friend-page-host .directory-avatar { color: rgb(77, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 242, 220); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 42px; height: 42px; font-size: 12px; font-weight: 950; display: grid; }
.friend-page-host .directory-person, .friend-page-host .directory-contact, .friend-page-host .directory-metrics, .friend-page-host .report-directory-row > div, .friend-page-host .report-directory-row > span { min-width: 0px; }
.friend-page-host .directory-person strong, .friend-page-host .directory-person small, .friend-page-host .directory-contact small, .friend-page-host .directory-contact strong, .friend-page-host .directory-metrics small, .friend-page-host .directory-metrics strong, .friend-page-host .report-directory-row small, .friend-page-host .report-directory-row strong { overflow-wrap: anywhere; display: block; }
.friend-page-host .directory-person strong { color: rgb(38, 52, 44); font-size: 15px; }
.friend-page-host .directory-person small { color: rgb(119, 130, 124); margin-top: 4px; font-size: 12px; }
.friend-page-host .directory-contact { grid-template-columns: 1fr 1.2fr; row-gap: 8px; column-gap: 8px; display: grid; }
.friend-page-host .directory-contact > span, .friend-page-host .directory-metrics > span, .friend-page-host .report-directory-row > span { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(220, 232, 200); min-width: 0px; padding-top: 3px; padding-right: 9px; padding-bottom: 3px; padding-left: 9px; }
.friend-page-host .directory-contact small, .friend-page-host .directory-metrics small, .friend-page-host .report-directory-row small { color: rgb(125, 136, 129); font-size: 12px; }
.friend-page-host .directory-contact strong, .friend-page-host .directory-metrics strong, .friend-page-host .report-directory-row strong { color: rgb(52, 66, 57); margin-top: 3px; font-size: 13px; }
.friend-page-host .directory-metrics { grid-template-columns: 0.75fr 1fr 1fr; row-gap: 8px; column-gap: 8px; display: grid; }
.friend-page-host .directory-row > b, .friend-page-host .report-directory-row > b { color: rgb(90, 140, 0); font-size: 23px; font-weight: 400; }
.friend-page-host .report-directory-row { grid-template-columns: 46px minmax(190px, 1fr) repeat(4, minmax(125px, 0.72fr)) 22px; }
.friend-page-host .report-directory-row > div > strong { font-size: 14px; }
.friend-page-host .report-directory-row > div > small { color: var(--muted); margin-top: 4px; font-size: 12px; }
.friend-page-host .power-workspace { grid-template-columns: minmax(0px, 1fr); row-gap: 14px; column-gap: 14px; }
.friend-page-host .power-upload { box-shadow: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .power-list { box-shadow: none; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .power-list > .panel-head { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; align-items: flex-end; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; }
.friend-page-host .power-list > .panel-head > span { color: var(--muted); font-size: 12px; }
.friend-page-host .power-documents { row-gap: 0px; column-gap: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .power-documents > .power-group { border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: ; border-top-style: ; border-top-color: ; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .power-documents > .power-group:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .power-group > header { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 245); padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 18px; }
.friend-page-host .power-person > span { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-basis: 42px; width: 42px; height: 42px; font-size: 12px; }
.friend-page-host .power-person strong, .friend-page-host .power-file-info strong { font-size: 14px; }
.friend-page-host .power-person small, .friend-page-host .power-file-info small { font-size: 12px; }
.friend-page-host .power-group-page { grid-template-columns: minmax(260px, 1fr) minmax(390px, 1.25fr); padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; }
.friend-page-host .power-document-actions a, .friend-page-host .power-document-actions button, .friend-page-host .power-group-header-actions > button { min-height: 38px; font-size: 12px; }
.friend-page-host .power-group-header-actions > b, .friend-page-host .power-file-picker small, .friend-page-host .power-selected-files small, .friend-page-host .power-detected small, .friend-page-host .power-optional-scan p, .friend-page-host .power-suggestions small, .friend-page-host .power-suggestions span, .friend-page-host .power-suggestions > p { font-size: 12px; }
.friend-page-host .power-selected-files strong, .friend-page-host .power-detected strong, .friend-page-host .power-optional-scan strong, .friend-page-host .power-suggestions strong { font-size: 13px; }
.friend-page-host .power-optional-scan > div > small { font-size: 11px; }
.friend-page-host .summary-grid { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; row-gap: 1px; column-gap: 1px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .summary-grid > .summary-card { box-shadow: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .location-grid { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: minmax(0px, 1fr); row-gap: 0px; column-gap: 0px; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .location-grid > .panel { border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: ; border-top-style: ; border-top-color: ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; grid-template-columns: minmax(220px, 1fr) minmax(110px, 0.45fr) minmax(150px, 0.55fr) minmax(170px, 0.65fr); align-items: center; row-gap: 18px; column-gap: 18px; padding-top: 15px; padding-right: 18px; padding-bottom: 15px; padding-left: 18px; display: grid; }
.friend-page-host .location-grid > .panel:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .location-grid .panel > p, .friend-page-host .location-grid .panel > h3, .friend-page-host .location-grid .panel > strong, .friend-page-host .location-grid .panel > span, .friend-page-host .location-grid .panel > small { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 13px; }
.friend-page-host .location-grid .panel > p { font-size: 11px; }
.friend-page-host .backup-export-grid { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: minmax(0px, 1fr); row-gap: 0px; column-gap: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .backup-export-grid > .backup-card { border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: ; border-top-style: ; border-top-color: ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; grid-template-columns: 54px minmax(0px, 1fr) minmax(190px, 230px); align-items: center; row-gap: 18px; column-gap: 18px; min-height: 0px; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; display: grid; }
.friend-page-host .backup-export-grid > .backup-card:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .backup-card .backup-icon { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .backup-card > div > span { min-height: 0px; margin-top: 5px; }
.friend-page-host .backup-card > a { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .backup-notes, .friend-page-host .trash-notes { border-block-start-color: ; border-block-start-style: ; border-block-start-width: ; border-block-end-color: ; border-block-end-style: ; border-block-end-width: ; grid-template-columns: minmax(0px, 1fr); row-gap: 0px; column-gap: 0px; }
.friend-page-host .backup-notes > div, .friend-page-host .trash-notes > div { border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; border-top-width: ; border-top-style: ; border-top-color: ; padding-top: 12px; padding-right: 15px; padding-bottom: 12px; padding-left: 15px; }
.friend-page-host .backup-notes > div:first-child, .friend-page-host .trash-notes > div:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .document-list { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; row-gap: 0px; column-gap: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .document-list > .document-batch, .friend-page-host .document-list > article { border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: ; border-top-style: ; border-top-color: ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .document-list > :first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .public-property-list, .friend-page-host .statement-transaction-list, .friend-page-host .portfolio-public-list { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 229, 225); border-right-color: rgb(224, 229, 225); border-bottom-color: rgb(224, 229, 225); border-left-color: rgb(224, 229, 225); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; row-gap: 0px; column-gap: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .public-property-row, .friend-page-host .statement-transaction-card, .friend-page-host .portfolio-public-card { border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(224, 229, 225); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .public-property-list > :first-child, .friend-page-host .statement-transaction-list > :first-child, .friend-page-host .portfolio-public-list > :first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .statement-summary { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(226, 231, 224); row-gap: 1px; column-gap: 1px; }
.friend-page-host .statement-summary > div { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host small { line-height: 1.5; font-size: 12px !important; }
.friend-page-host .page-content .panel-head p, .friend-page-host .page-content .context-filter-title p, .friend-page-host .page-content .portfolio-command-center > header p, .friend-page-host .page-content .portfolio-list-shell > header p, .friend-page-host .page-content .portfolio-record-group > header p, .friend-page-host .portfolio-record-main > span, .friend-page-host .public-property-main > div > span { font-size: 11px; }
.friend-page-host .portfolio-record-main small, .friend-page-host .portfolio-record-main em, .friend-page-host .portfolio-record-metrics small, .friend-page-host .portfolio-record-metrics em, .friend-page-host .portfolio-record-owner small, .friend-page-host .portfolio-record-owner em, .friend-page-host .portfolio-record-price small { font-size: 12px; }
.friend-page-host .portfolio-record-metrics strong, .friend-page-host .portfolio-record-owner strong { font-size: 13px; }
.friend-page-host .portfolio-record-main strong { font-size: 15px; }
.friend-page-host .portfolio-filter-bar label > span, .friend-page-host .context-filters label > span { font-size: 12px; }
.friend-page-host .portfolio-filter-bar select, .friend-page-host .portfolio-filter-bar > button, .friend-page-host .context-filters select, .friend-page-host .context-filter-actions > button, .friend-page-host .person-context-filter > button { font-size: 13px; }
.friend-page-host .portfolio-share-panel-v2 .portfolio-share-copy p { font-size: 11px; }
.friend-page-host .portfolio-share-panel-v2 .portfolio-share-copy small { font-size: 12px; }
.friend-page-host .sales-ledger-head { font-size: 11px; }
.friend-page-host .sales-ledger > button strong { font-size: 13px; }
.friend-page-host .sales-ledger > button small, .friend-page-host .public-portfolio-hero p, .friend-page-host .public-portfolio-list > header p, .friend-page-host .public-portfolio-total small, .friend-page-host .public-portfolio-meta small, .friend-page-host .public-property-main > div > small, .friend-page-host .public-property-details small, .friend-page-host .public-property-price small, .friend-page-host .public-property-price span, .friend-page-host .public-portfolio-footer span, .friend-page-host .public-portfolio-footer p { font-size: 12px; }
.friend-page-host .public-portfolio-meta strong, .friend-page-host .public-property-details strong { font-size: 13px; }
.friend-page-host .public-property-main p { font-size: 12px; }
.friend-page-host .public-property-main h2 { font-size: 16px; }
.friend-page-host .public-property-index, .friend-page-host .public-portfolio-list > header > span, .friend-page-host .public-portfolio-nav button, .friend-page-host .statement-transaction-card > header small, .friend-page-host .statement-transaction-card time, .friend-page-host .statement-transaction-facts small, .friend-page-host .statement-transaction-card > footer small { font-size: 12px; }
.friend-page-host .statement-transaction-facts strong, .friend-page-host .statement-transaction-card > footer strong { font-size: 13px; }
.friend-page-host .document-share-meta small, .friend-page-host .document-share-footer span { font-size: 12px; }
.friend-page-host .document-share-meta strong, .friend-page-host .document-share-footer strong { font-size: 13px; }
html[data-theme="dark"] .friend-page-host .directory-command-stats { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(42, 61, 54); border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .directory-command-stats > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(22, 39, 32); }
html[data-theme="dark"] .friend-page-host .directory-command-stats strong, html[data-theme="dark"] .friend-page-host .directory-list-shell > header h2, html[data-theme="dark"] .friend-page-host .report-directory-shell > header h2, html[data-theme="dark"] .friend-page-host .directory-person strong, html[data-theme="dark"] .friend-page-host .directory-contact strong, html[data-theme="dark"] .friend-page-host .directory-metrics strong, html[data-theme="dark"] .friend-page-host .report-directory-row strong { color: rgb(238, 243, 240); }
html[data-theme="dark"] .friend-page-host .directory-list-shell, html[data-theme="dark"] .friend-page-host .report-directory-shell, html[data-theme="dark"] .friend-page-host .location-grid, html[data-theme="dark"] .friend-page-host .backup-export-grid { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 33, 28); border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .directory-row, html[data-theme="dark"] .friend-page-host .report-directory-row, html[data-theme="dark"] .friend-page-host .location-grid > .panel, html[data-theme="dark"] .friend-page-host .backup-export-grid > .backup-card { border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .directory-row:hover, html[data-theme="dark"] .friend-page-host .report-directory-row:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 40, 32); }
html[data-theme="dark"] .friend-page-host .directory-avatar { color: rgb(194, 211, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 59, 33); }
html[data-theme="dark"] .friend-page-host .power-group > header { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(22, 39, 32); }
html[data-theme="dark"] .friend-page-host .power-documents > .power-group, html[data-theme="dark"] .friend-page-host .power-group-page { border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .summary-grid, html[data-theme="dark"] .friend-page-host .statement-summary { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(42, 61, 54); border-top-color: rgb(42, 61, 54); border-right-color: rgb(42, 61, 54); border-bottom-color: rgb(42, 61, 54); border-left-color: rgb(42, 61, 54); }
html[data-theme="dark"] .friend-page-host .public-property-list, html[data-theme="dark"] .friend-page-host .statement-transaction-list, html[data-theme="dark"] .friend-page-host .portfolio-public-list { border-top-color: rgb(36, 70, 63); border-right-color: rgb(36, 70, 63); border-bottom-color: rgb(36, 70, 63); border-left-color: rgb(36, 70, 63); }
@media (width <= 1180px) {
.friend-page-host .directory-row { grid-template-columns: 46px minmax(180px, 0.85fr) minmax(210px, 1fr) minmax(260px, 1.1fr) 22px; }
.friend-page-host .report-directory-row { grid-template-columns: 46px minmax(190px, 1fr) repeat(4, minmax(104px, 0.58fr)) 22px; row-gap: 10px; column-gap: 10px; }
}
@media (width <= 900px) {
.friend-page-host .directory-row { grid-template-columns: 46px minmax(0px, 1fr) 22px; }
.friend-page-host .directory-person { grid-column-start: 2; grid-column-end: auto; }
.friend-page-host .directory-contact { grid-row-start: 2; grid-column-start: 2; grid-row-end: auto; grid-column-end: -1; }
.friend-page-host .directory-metrics { border-top-width: ; border-top-style: ; border-top-color: ; grid-row-start: 3; grid-column-start: 1; grid-row-end: auto; grid-column-end: -1; padding-top: 11px; }
.friend-page-host .directory-row > b { grid-row-start: 1; grid-column-start: 3; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .report-directory-row { grid-template-columns: 46px minmax(0px, 1fr) 22px; }
.friend-page-host .report-directory-row > .directory-avatar { grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .report-directory-row > div { grid-row-start: 1; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .report-directory-row > b { grid-row-start: 1; grid-column-start: 3; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .report-directory-row > span:not(.directory-avatar) { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .power-group-page { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .backup-export-grid > .backup-card { grid-template-columns: 50px minmax(0px, 1fr); }
.friend-page-host .backup-card > a { grid-column-start: 1; grid-column-end: -1; }
}
@media (width <= 760px) {
.friend-page-host .directory-command-center .context-filter-title { flex-direction: column; align-items: stretch; }
.friend-page-host .directory-command-center .context-filter-heading-actions { justify-content: flex-start; align-items: stretch; }
.friend-page-host .directory-command-stats { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .directory-command-stats > span { justify-content: space-between; align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 11px; padding-right: 18px; padding-bottom: 11px; padding-left: 18px; display: flex; }
.friend-page-host .directory-command-stats strong { text-align: right; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .directory-list-shell > header, .friend-page-host .report-directory-shell > header { flex-direction: column; align-items: flex-start; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .directory-row, .friend-page-host .report-directory-row { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .directory-contact { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .directory-metrics { grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 4px; column-gap: 4px; }
.friend-page-host .directory-contact > span, .friend-page-host .directory-metrics > span, .friend-page-host .report-directory-row > span { padding-left: 8px; }
.friend-page-host .power-upload { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .power-list > .panel-head { flex-direction: column; align-items: flex-start; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .power-group > header { flex-direction: column; align-items: flex-start; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .power-group-header-actions { justify-content: flex-end; width: auto; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: flex-start; }
.friend-page-host .power-group-page { padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; }
.friend-page-host .location-grid > .panel { grid-template-columns: minmax(0px, 1fr) auto; row-gap: 8px; column-gap: 14px; }
.friend-page-host .location-grid .panel > p, .friend-page-host .location-grid .panel > h3 { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .location-grid .panel > strong, .friend-page-host .location-grid .panel > span { text-align: right; grid-column-start: 2; grid-column-end: auto; }
.friend-page-host .location-grid .panel > small { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .backup-export-grid > .backup-card { grid-template-columns: 46px minmax(0px, 1fr); padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .summary-grid { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .summary-grid > .summary-card { min-width: 0px; }
.friend-page-host .public-property-list, .friend-page-host .statement-transaction-list, .friend-page-host .portfolio-public-list { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
}
@media (width <= 460px) {
.friend-page-host .directory-metrics { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .directory-metrics > span + span { border-top-width: ; border-top-style: ; border-top-color: ; padding-top: 8px; }
.friend-page-host .directory-contact { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .directory-row, .friend-page-host .report-directory-row { grid-template-columns: 42px minmax(0px, 1fr) 18px; }
}
.friend-page-host .auth-shell { grid-template-columns: minmax(430px, 48%) minmax(0px, 1fr); height: 100dvh; min-height: 100dvh; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .auth-brand-panel { grid-template-rows: auto minmax(0px, 1fr) auto; row-gap: 28px; column-gap: 28px; height: 100dvh; min-height: 0px; padding-top: clamp(28px, 5vh, 54px); padding-right: clamp(34px, 5vw, 78px); padding-bottom: clamp(28px, 5vh, 54px); padding-left: clamp(34px, 5vw, 78px); display: grid; }
.friend-page-host .auth-brand { width: min(320px, 72%); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; }
.friend-page-host .auth-brand img { object-fit: contain; object-position: left center; width: 100%; height: auto; display: block; }
.friend-page-host .auth-promise { align-self: center; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .auth-promise p { color: var(--lime); letter-spacing: 1.35px; margin-top: 0px; margin-right: 0px; margin-bottom: 13px; margin-left: 0px; font-size: 12px; font-weight: 950; }
.friend-page-host .auth-promise h1 { max-width: 610px; font-size: clamp(40px, 5vw, 66px); line-height: 1.02; }
.friend-page-host .auth-module-list { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.1); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.14); border-right-color: rgba(255, 255, 255, 0.14); border-bottom-color: rgba(255, 255, 255, 0.14); border-left-color: rgba(255, 255, 255, 0.14); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 1px; column-gap: 1px; width: min(520px, 100%); margin-top: 28px; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .auth-module-list span { color: rgb(238, 245, 241); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(0, 61, 53, 0.78); padding-top: 13px; padding-right: 15px; padding-bottom: 13px; padding-left: 15px; font-size: 13px; font-weight: 800; }
.friend-page-host .auth-legal-warning-desktop { align-self: end; width: 100%; max-width: 650px; position: relative; top: auto; right: auto; bottom: auto; left: auto; transform: none; }
.friend-page-host .auth-form-panel { height: 100dvh; min-height: 0px; padding-top: clamp(16px, 3vh, 32px); padding-right: 22px; padding-bottom: clamp(16px, 3vh, 32px); padding-left: 22px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .auth-card { width: min(470px, 100%); max-height: calc(100dvh - 32px); padding-top: clamp(22px, 3.4vh, 34px); padding-right: clamp(22px, 3.4vh, 34px); padding-bottom: clamp(22px, 3.4vh, 34px); padding-left: clamp(22px, 3.4vh, 34px); overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .auth-card-icon { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 46px; height: 46px; margin-bottom: 16px; }
.friend-page-host .auth-description { margin-top: 7px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; }
.friend-page-host .auth-field { margin-top: 11px; }
.friend-page-host .remember-row { margin-top: 14px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; }
.friend-page-host .auth-trust { margin-top: 13px; padding-top: 12px; }
@media (width <= 980px) {
.friend-page-host .auth-shell { grid-template-rows: 72px minmax(0px, 1fr); grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .auth-brand-panel { align-items: center; row-gap: 18px; column-gap: 18px; height: 72px; min-height: 0px; padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; display: flex; }
.friend-page-host .auth-brand { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 185px; }
.friend-page-host .auth-promise { text-align: right; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: auto; }
.friend-page-host .auth-promise p, .friend-page-host .auth-module-list { display: none; }
.friend-page-host .auth-promise h1 { letter-spacing: -0.025em; font-size: 21px; }
.friend-page-host .auth-legal-warning-desktop { display: none; }
.friend-page-host .auth-form-panel { height: auto; min-height: 0px; padding-top: 12px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .auth-card { max-height: 100%; padding-top: 22px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; }
}
@media (width <= 600px) {
.friend-page-host .auth-shell { grid-template-rows: 66px minmax(0px, 1fr); }
.friend-page-host .auth-brand-panel { row-gap: 10px; column-gap: 10px; height: 66px; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; }
.friend-page-host .auth-brand { width: min(155px, 47vw); }
.friend-page-host .auth-promise h1 { white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: clamp(15px, 4.4vw, 19px); }
.friend-page-host .auth-form-panel { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
.friend-page-host .auth-card { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .auth-card-icon { width: 39px; height: 39px; margin-bottom: 10px; }
.friend-page-host .auth-card h2 { font-size: 24px; }
.friend-page-host .auth-description { margin-top: 5px; margin-right: 0px; margin-bottom: 11px; margin-left: 0px; font-size: 13px; }
.friend-page-host .auth-legal-warning-mobile { margin-bottom: 10px; padding-top: 10px; padding-right: 11px; padding-bottom: 10px; padding-left: 11px; }
.friend-page-host .auth-legal-warning-mobile p { font-size: 11px; line-height: 1.4; }
.friend-page-host .auth-field { row-gap: 5px; column-gap: 5px; margin-top: 8px; }
.friend-page-host .auth-field input { height: 43px; }
.friend-page-host .auth-ip { margin-top: 10px; padding-top: 9px; padding-right: 11px; padding-bottom: 9px; padding-left: 11px; }
.friend-page-host .remember-row { margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.friend-page-host .auth-submit { min-height: 44px; }
.friend-page-host .auth-trust { margin-top: 9px; padding-top: 9px; }
}
@media (height <= 720px) and (width >= 981px) {
.friend-page-host .auth-brand-panel { row-gap: 18px; column-gap: 18px; padding-block-start: 24px; padding-block-end: 24px; }
.friend-page-host .auth-promise h1 { font-size: 46px; }
.friend-page-host .auth-module-list { margin-top: 18px; }
.friend-page-host .auth-module-list span { padding-block-start: 10px; padding-block-end: 10px; }
.friend-page-host .auth-legal-warning-desktop { padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; }
.friend-page-host .auth-legal-warning-desktop p { font-size: 11px; line-height: 1.45; }
.friend-page-host .auth-card { padding-top: 20px; padding-right: 28px; padding-bottom: 20px; padding-left: 28px; }
.friend-page-host .auth-card-icon { display: none; }
.friend-page-host .auth-description { margin-bottom: 10px; }
.friend-page-host .auth-field { margin-top: 8px; }
.friend-page-host .auth-field input { height: 43px; }
.friend-page-host .remember-row { margin-top: 9px; margin-right: 0px; margin-bottom: 9px; margin-left: 0px; }
.friend-page-host .auth-submit { min-height: 44px; }
.friend-page-host .auth-trust { margin-top: 8px; padding-top: 8px; }
}
@media (width <= 760px) {
.friend-page-host, .friend-page-host, .friend-page-host, .friend-page-host .app-shell, .friend-page-host .workspace { width: 100%; max-width: 100%; overflow-x: hidden; }
@supports (overflow:clip) {
.friend-page-host, .friend-page-host, .friend-page-host, .friend-page-host .app-shell, .friend-page-host .workspace { overflow-x: clip; }
}
.friend-page-host .workspace { min-width: 0px; padding-left: 0px; }
.friend-page-host .topbar { grid-template-rows: 44px 46px; grid-template-columns: minmax(0px, 1fr) repeat(3, 36px); row-gap: 7px; column-gap: 8px; height: auto; min-height: 116px; padding-top: 8px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
.friend-page-host .mobile-brand { min-width: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .mobile-brand-logo { width: min(150px, 100%); max-width: 100%; max-height: 42px; }
.friend-page-host .topbar > .theme-toggle, .friend-page-host .mobile-search-shortcut, .friend-page-host .settings-shortcut { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 36px; height: 36px; }
.friend-page-host .global-search { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 0px; height: 46px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .global-search input { text-overflow: ellipsis; min-width: 0px; font-size: 15px; }
.friend-page-host .page-content { width: 100%; max-width: 100%; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; overflow-x: hidden; }
.friend-page-host .view-stack { row-gap: 12px; column-gap: 12px; width: 100%; min-width: 0px; }
.friend-page-host .page-heading { min-width: 0px; margin-bottom: 14px; }
.friend-page-host .page-heading h1 { font-size: 24px; }
.friend-page-host .panel { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .summary-grid { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; min-width: 0px; scroll-snap-type: none !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 1px !important; column-gap: 1px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 12px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; display: grid !important; overflow-x: hidden !important; overflow-y: hidden !important; }
.friend-page-host .summary-grid > .summary-card { scroll-snap-align: none; width: auto; min-height: 142px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; min-width: 0px !important; }
.friend-page-host .summary-top { align-items: flex-start; row-gap: 8px; column-gap: 8px; font-size: 12px; line-height: 1.35; }
.friend-page-host .summary-top > span { overflow-wrap: anywhere; min-width: 0px; }
.friend-page-host .summary-top i { flex-grow: 0; flex-shrink: 0; flex-basis: 24px; width: 24px; height: 24px; }
.friend-page-host .summary-card > strong { letter-spacing: -0.035em; white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; max-width: 100%; margin-top: 12px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-family: Satoshi, sans-serif; font-size: clamp(24px, 7vw, 30px); line-height: 1.05; }
.friend-page-host .summary-card > small { line-height: 1.4; font-size: 12px !important; }
.friend-page-host .dashboard-grid { row-gap: 12px; column-gap: 12px; width: 100%; min-width: 0px; margin-bottom: 0px; display: grid; }
.friend-page-host .portfolio-panel, .friend-page-host .profit-panel, .friend-page-host .records-panel { width: 100%; min-width: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .panel-head { row-gap: 12px; column-gap: 12px; }
.friend-page-host .panel-head h2 { font-size: 21px; line-height: 1.2; }
.friend-page-host .panel-head > button { flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-height: 40px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; font-size: 12px; }
.friend-page-host .chart-area { grid-template-columns: 112px minmax(0px, 1fr); justify-content: stretch; row-gap: 14px; column-gap: 14px; width: 100%; min-width: 0px; min-height: 0px; padding-top: 18px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; display: grid; }
.friend-page-host .donut { flex-basis: 112px; width: 112px; height: 112px; }
.friend-page-host .donut::after { width: 73px; height: 73px; }
.friend-page-host .legend { width: 100%; min-width: 0px; }
.friend-page-host .legend button { min-width: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.friend-page-host .legend button > span { min-width: 0px; font-size: 12px; }
.friend-page-host .legend button strong { white-space-collapse: collapse; text-wrap-mode: nowrap; row-gap: 5px; column-gap: 5px; font-size: 13px; display: flex; }
.friend-page-host .profit-panel { min-height: 0px; }
.friend-page-host .profit-number { row-gap: 12px; column-gap: 12px; margin-top: 18px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.friend-page-host .profit-number strong { text-align: right; font-size: 21px; }
.friend-page-host .monthly-chart, .friend-page-host .monthly-bars { width: 100%; min-width: 0px; max-width: 100%; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .profit-footer { flex-direction: column; align-items: flex-start; row-gap: 7px; column-gap: 7px; }
.friend-page-host .form-grid, .friend-page-host .person-modal .form-grid, .friend-page-host .portfolio-price-grid { grid-template-columns: minmax(0px, 1fr) !important; }
.friend-page-host .field, .friend-page-host .field.full { min-width: 0px; grid-column-start: 1 !important; grid-column-end: auto !important; }
.friend-page-host .field input, .friend-page-host .field select, .friend-page-host .field textarea, .friend-page-host input, .friend-page-host select, .friend-page-host textarea { max-width: 100%; }
.friend-page-host .live-calc { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .modal-backdrop { align-items: stretch; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .modal, .friend-page-host .person-modal, .friend-page-host .property-modal { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; width: 100%; max-width: 100%; height: 100dvh; max-height: 100dvh; }
.friend-page-host .modal-head { padding-top: 15px; padding-right: 16px; padding-bottom: 15px; padding-left: 16px; }
.friend-page-host .modal-scroll { min-width: 0px; padding-inline-start: 14px; padding-inline-end: 14px; }
.friend-page-host .modal-actions { row-gap: 8px; column-gap: 8px; padding-inline-start: 14px; padding-inline-end: 14px; }
.friend-page-host .modal-actions button { min-width: 0px; }
.friend-page-host .detail-drawer { max-width: 100%; overflow-x: hidden; }
.friend-page-host .drawer-scroll { padding-inline-start: 15px; padding-inline-end: 15px; }
.friend-page-host .context-filter-panel, .friend-page-host .portfolio-command-center, .friend-page-host .directory-command-center, .friend-page-host .portfolio-list-shell, .friend-page-host .directory-list-shell, .friend-page-host .report-directory-shell, .friend-page-host .power-upload, .friend-page-host .power-list, .friend-page-host .backup-restore, .friend-page-host .trash-list, .friend-page-host .area-page-head, .friend-page-host .area-upload-card, .friend-page-host .area-results-card, .friend-page-host .share-page-head, .friend-page-host .share-source-card, .friend-page-host .share-details-card, .friend-page-host .share-action-card { width: 100%; min-width: 0px; max-width: 100%; }
.friend-page-host .context-filter-title, .friend-page-host .context-filter-heading-actions, .friend-page-host .context-page-actions { flex-wrap: wrap; min-width: 0px; }
.friend-page-host .context-page-actions { grid-template-columns: minmax(0px, 1fr); width: 100%; display: grid; }
.friend-page-host .context-page-actions button { width: 100%; }
.friend-page-host .context-search, .friend-page-host .portfolio-search, .friend-page-host .context-search input, .friend-page-host .portfolio-search input { min-width: 0px; }
.friend-page-host .context-filters { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .portfolio-command-actions button, .friend-page-host .context-filter-actions button { min-width: 0px; }
.friend-page-host .sales-ledger, .friend-page-host .portfolio-record-list, .friend-page-host .directory-list, .friend-page-host .report-directory-list, .friend-page-host .power-documents, .friend-page-host .trash-items, .friend-page-host .document-list { width: 100%; min-width: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .sales-ledger > button, .friend-page-host .portfolio-record-row, .friend-page-host .directory-row, .friend-page-host .report-directory-row, .friend-page-host .power-group, .friend-page-host .trash-item, .friend-page-host .document-batch { min-width: 0px; max-width: 100%; }
.friend-page-host .power-document-actions, .friend-page-host .document-actions, .friend-page-host .trash-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)); width: 100%; max-width: 100%; }
.friend-page-host .power-document-actions a, .friend-page-host .power-document-actions button, .friend-page-host .document-actions a, .friend-page-host .document-actions button, .friend-page-host .trash-actions button { white-space-collapse: collapse; text-wrap-mode: wrap; width: 100%; min-width: 0px; }
.friend-page-host .mobile-nav { width: 100%; max-width: 100vw; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; grid-template-columns: repeat(6, minmax(0px, 1fr)); row-gap: 0px; column-gap: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .mobile-nav button { white-space-collapse: collapse; text-wrap-mode: nowrap; text-overflow: ellipsis; min-width: 0px; min-height: 58px; padding-top: 5px; padding-right: 1px; padding-bottom: 5px; padding-left: 1px; font-size: clamp(9px, 2.65vw, 11px); line-height: 1.15; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .mobile-nav button span { font-size: 20px; }
}
@media (width <= 420px) {
.friend-page-host .page-content { padding-inline-start: 10px; padding-inline-end: 10px; }
.friend-page-host .topbar { grid-template-columns: minmax(0px, 1fr) repeat(3, 34px) auto 34px; row-gap: 7px; column-gap: 7px; padding-inline-start: 10px; padding-inline-end: 10px; }
.friend-page-host .mobile-brand-logo { width: min(140px, 100%); }
.friend-page-host .topbar > .theme-toggle, .friend-page-host .mobile-search-shortcut, .friend-page-host .settings-shortcut { width: 34px; height: 34px; }
.friend-page-host .summary-grid > .summary-card { min-height: 136px; padding-top: 13px; padding-right: 12px; padding-bottom: 13px; padding-left: 12px; }
.friend-page-host .summary-card > strong { font-size: clamp(22px, 7vw, 28px); }
.friend-page-host .chart-area { grid-template-columns: 102px minmax(0px, 1fr); row-gap: 11px; column-gap: 11px; }
.friend-page-host .donut { flex-basis: 102px; width: 102px; height: 102px; }
.friend-page-host .donut::after { width: 66px; height: 66px; }
.friend-page-host .context-filters, .friend-page-host .portfolio-filter-bar { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .mobile-nav button { font-size: 9px; }
}
@media (width <= 340px) {
.friend-page-host .summary-grid { grid-template-columns: minmax(0px, 1fr) !important; }
.friend-page-host .summary-grid > .summary-card { min-height: 118px; }
.friend-page-host .chart-area { grid-template-columns: minmax(0px, 1fr); justify-items: center; }
.friend-page-host .legend { width: 100%; }
}
@media (width <= 1024px) {
.friend-page-host, .friend-page-host, .friend-page-host, .friend-page-host .app-shell, .friend-page-host .workspace, .friend-page-host .page-content, .friend-page-host .view-stack, .friend-page-host .settings-shell, .friend-page-host .settings-content, .friend-page-host .statement-shell, .friend-page-host .statement-paper, .friend-page-host .public-portfolio-shell, .friend-page-host .public-portfolio-page, .friend-page-host .portfolio-public-shell, .friend-page-host .portfolio-public-paper, .friend-page-host .document-share-shell, .friend-page-host .document-share-card { min-inline-size: 0px; max-inline-size: 100%; }
.friend-page-host .view-stack > *, .friend-page-host .dashboard-grid > *, .friend-page-host .form-grid > *, .friend-page-host .settings-grid > *, .friend-page-host .identity-grid > *, .friend-page-host .property-tracking-grid > *, .friend-page-host .share-workbench > *, .friend-page-host .share-output-column > *, .friend-page-host .area-top-grid > *, .friend-page-host .portfolio-record-row > *, .friend-page-host .directory-row > *, .friend-page-host .report-directory-row > * { min-width: 0px; }
.friend-page-host img, .friend-page-host video, .friend-page-host canvas, .friend-page-host iframe { max-inline-size: 100%; }
.friend-page-host h1, .friend-page-host h2, .friend-page-host h3, .friend-page-host strong, .friend-page-host small, .friend-page-host p, .friend-page-host span, .friend-page-host dd, .friend-page-host a, .friend-page-host button { overflow-wrap: anywhere; }
}
@media (width >= 761px) and (width <= 900px) {
.friend-page-host .sidebar { display: none; }
.friend-page-host .workspace { padding-left: 0px; }
.friend-page-host .topbar { grid-template-columns: 180px minmax(0px, 1fr) 40px 40px; row-gap: 10px; column-gap: 10px; height: auto; min-height: 72px; padding-top: 10px; padding-right: 18px; padding-bottom: 10px; padding-left: 18px; display: grid; }
.friend-page-host .mobile-brand { grid-column-start: 1; grid-column-end: auto; min-width: 0px; display: flex; }
.friend-page-host .mobile-brand-logo { width: 170px; max-width: 100%; height: auto; }
.friend-page-host .global-search { grid-column-start: 2; grid-column-end: auto; width: 100%; min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .global-search input { min-width: 0px; display: block; }
.friend-page-host .mobile-search-shortcut, .friend-page-host .top-utility-nav { display: none; }
.friend-page-host .topbar > .theme-toggle { grid-column-start: 3; grid-column-end: auto; align-items: center; justify-items: center; width: 40px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; }
.friend-page-host .settings-shortcut { grid-column-start: 4; grid-column-end: auto; align-items: center; justify-items: center; width: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; }
.friend-page-host .theme-toggle small, .friend-page-host .settings-shortcut small { display: none; }
.friend-page-host .page-content { width: 100%; max-width: 100%; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; overflow-x: clip; }
.friend-page-host .mobile-nav { z-index: 70; width: 100%; max-width: 100%; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; backdrop-filter: blur(15px); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(25, 75, 67); grid-template-columns: repeat(6, minmax(0px, 1fr)); display: grid; position: fixed; top: auto; right: 0px; bottom: 0px; left: 0px; }
.friend-page-host .mobile-nav button { color: rgb(174, 191, 186); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; row-gap: 3px; column-gap: 3px; min-width: 0px; min-height: 58px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; font-size: 11px; display: grid; }
.friend-page-host .mobile-nav button span { font-size: 20px; }
.friend-page-host .mobile-nav button.active { color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.047); }
}
@media (width <= 760px) {
.friend-page-host, .friend-page-host, .friend-page-host { inline-size: 100%; min-inline-size: 0px; max-inline-size: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow-x: hidden; }
@supports (overflow:clip) {
.friend-page-host, .friend-page-host, .friend-page-host { overflow-x: clip; }
}
.friend-page-host { position: relative; }
.friend-page-host .app-shell, .friend-page-host .workspace { inline-size: 100%; min-inline-size: 0px; max-inline-size: 100%; }
.friend-page-host .topbar { padding-left: max(10px,env(safe-area-inset-left)); padding-right: max(10px,env(safe-area-inset-right)); }
.friend-page-host .page-content { padding-left: max(10px,env(safe-area-inset-left)); padding-right: max(10px,env(safe-area-inset-right)); padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
.friend-page-host .mobile-nav { inset-inline-start: 0px; inset-inline-end: 0px; inline-size: 100%; max-inline-size: 100%; padding-left: max(4px,env(safe-area-inset-left)); padding-right: max(4px,env(safe-area-inset-right)); bottom: 0px; }
.friend-page-host .detail-drawer { flex-direction: column; min-width: 0px; height: 100dvh; min-height: 0px; display: flex; overflow-x: hidden; overflow-y: hidden; inline-size: auto !important; width: auto !important; max-inline-size: none !important; max-width: none !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; }
.friend-page-host .drawer-head { min-width: 0px; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .drawer-head > div, .friend-page-host .drawer-person-title, .friend-page-host .drawer-person-title > div { min-width: 0px; }
.friend-page-host .drawer-person-title { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.friend-page-host .drawer-person-title .large-avatar { flex-grow: 0; flex-shrink: 0; flex-basis: 48px; width: 48px; height: 48px; }
.friend-page-host .drawer-head h2 { white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; max-width: 100%; font-size: 22px; line-height: 1.18; }
.friend-page-host .drawer-head > button { flex-grow: 0; flex-shrink: 0; flex-basis: 42px; width: 42px; height: 42px; }
.friend-page-host .drawer-scroll { overscroll-behavior-x: contain; overscroll-behavior-y: contain; min-width: 0px; min-height: 0px; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; scrollbar-gutter: stable; flex-grow: 1; flex-shrink: 1; flex-basis: 0px; overflow-x: hidden; overflow-y: auto; }
.friend-page-host .drawer-scroll > * { min-width: 0px; max-width: 100%; }
.friend-page-host .drawer-actions { z-index: 3; inline-size: 100%; min-width: 0px; max-width: 100%; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; flex-grow: 0; flex-shrink: 0; flex-basis: auto; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: relative; box-shadow: rgba(0, 45, 40, 0.07) 0px -8px 24px; display: grid !important; }
.friend-page-host .drawer-actions button { white-space-collapse: collapse; text-wrap-mode: wrap; grid-column-start: auto; grid-column-end: auto; max-width: 100%; height: auto; min-height: 46px; padding-top: 11px; padding-right: 10px; padding-bottom: 11px; padding-left: 10px; line-height: 1.3; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: 100% !important; min-width: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .drawer-actions .danger-btn { grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .drawer-actions > .primary-btn:nth-child(2):last-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .person-drawer-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; align-items: stretch !important; }
.friend-page-host .person-drawer-actions .danger-btn, .friend-page-host .person-drawer-actions .primary-btn { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; grid-column-start: auto !important; grid-column-end: auto !important; width: 100% !important; }
.friend-page-host .modal-backdrop { inline-size: 100%; max-inline-size: 100%; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .modal, .friend-page-host .person-modal, .friend-page-host .property-modal, .friend-page-host .batch-property-modal { min-width: 0px; height: 100dvh; max-height: 100dvh; inline-size: 100% !important; width: 100% !important; max-inline-size: 100% !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; max-width: 100% !important; }
.friend-page-host .modal-head { min-width: 0px; padding-left: max(15px,env(safe-area-inset-left)); padding-right: max(15px,env(safe-area-inset-right)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .modal-head > div { min-width: 0px; }
.friend-page-host .modal-head h2 { white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; }
.friend-page-host .modal-scroll { overscroll-behavior-x: contain; overscroll-behavior-y: contain; min-height: 0px; padding-left: max(14px,env(safe-area-inset-left)); padding-right: max(14px,env(safe-area-inset-right)); flex-grow: 1; flex-shrink: 1; flex-basis: 0px; overflow-x: hidden; overflow-y: auto; }
.friend-page-host .modal-scroll > * { min-width: 0px; max-width: 100%; }
.friend-page-host .modal-actions { width: 100%; min-width: 0px; padding-left: max(14px,env(safe-area-inset-left)); padding-right: max(14px,env(safe-area-inset-right)); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; flex-grow: 0; flex-shrink: 0; flex-basis: auto; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; display: grid !important; }
.friend-page-host .modal-actions .repeat-property, .friend-page-host .modal-actions .batch-save-note { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .modal-actions button { white-space-collapse: collapse; text-wrap-mode: wrap; width: 100%; height: auto; min-height: 46px; padding-top: 10px; padding-right: 9px; padding-bottom: 10px; padding-left: 9px; line-height: 1.3; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; min-width: 0px !important; }
.friend-page-host .share-statement, .friend-page-host .document-section, .friend-page-host .share-duration, .friend-page-host .share-history, .friend-page-host .document-upload, .friend-page-host .document-list, .friend-page-host .document-batch, .friend-page-host .document-batch-page { width: 100%; min-width: 0px; max-width: 100%; }
.friend-page-host .share-duration { grid-template-columns: minmax(0px, 1fr); row-gap: 10px; column-gap: 10px; display: grid !important; }
.friend-page-host .share-duration > div { grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 6px; column-gap: 6px; width: 100%; display: grid; }
.friend-page-host .share-duration button { white-space-collapse: collapse; text-wrap-mode: wrap; width: 100%; min-width: 0px; padding-inline-start: 5px; padding-inline-end: 5px; }
.friend-page-host .share-history > div, .friend-page-host .share-history > div > div { min-width: 0px; }
.friend-page-host .share-history strong, .friend-page-host .share-history small { white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; }
.friend-page-host .document-title { flex-wrap: wrap; min-width: 0px; }
.friend-page-host .document-title > div { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; }
.friend-page-host .document-upload { overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .document-upload label, .friend-page-host .document-upload input, .friend-page-host .document-upload select { min-width: 0px; max-width: 100%; }
.friend-page-host .document-upload input[type="file"] { width: 100%; font-size: 12px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .document-batch > header, .friend-page-host .document-batch-header-actions { min-width: 0px; max-width: 100%; }
.friend-page-host .document-batch-header-actions { grid-template-columns: minmax(0px, 1fr); row-gap: 7px; column-gap: 7px; width: 100%; display: grid; }
.friend-page-host .document-batch-header-actions > b { justify-self: start !important; }
.friend-page-host .document-batch-header-actions > button { white-space-collapse: collapse; text-wrap-mode: wrap; width: 100%; min-width: 0px; }
.friend-page-host .table-wrap, .friend-page-host .report-table .table-wrap, .friend-page-host .sales-ledger, .friend-page-host .statement-table-wrap, .friend-page-host .batch-grid, .friend-page-host .area-results-card { max-width: 100%; overflow-x: hidden !important; }
.friend-page-host .report-table table, .friend-page-host .report-table thead, .friend-page-host .report-table tbody, .friend-page-host .report-table tr, .friend-page-host .report-table td { width: 100% !important; min-width: 0px !important; display: block !important; }
.friend-page-host .report-table thead { display: none !important; }
.friend-page-host .report-table tbody { row-gap: 10px; column-gap: 10px; display: grid !important; }
.friend-page-host .report-table tr { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; position: relative; padding-top: 13px !important; padding-right: 13px !important; padding-bottom: 13px !important; padding-left: 13px !important; }
.friend-page-host .report-table td { overflow-wrap: anywhere; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; text-align: left !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; padding-top: 3px !important; padding-right: 0px !important; padding-bottom: 3px !important; padding-left: 0px !important; position: static !important; }
.friend-page-host .portfolio-record-main small, .friend-page-host .directory-person strong, .friend-page-host .directory-contact strong, .friend-page-host .directory-metrics strong, .friend-page-host .report-directory-row strong, .friend-page-host .power-file-info strong, .friend-page-host .document-info strong { white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; text-overflow: clip; }
.friend-page-host .settings-topbar { padding-left: max(12px,env(safe-area-inset-left)); padding-right: max(12px,env(safe-area-inset-right)); row-gap: 10px; column-gap: 10px; }
.friend-page-host .settings-brand { min-width: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .settings-brand-logo { max-width: 100%; }
.friend-page-host .settings-topbar > div { flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-width: 0px; }
.friend-page-host .settings-content { width: 100%; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; }
.friend-page-host .settings-card, .friend-page-host .settings-card form, .friend-page-host .session-list article, .friend-page-host .security-log-list article, .friend-page-host .system-metrics article { min-width: 0px; max-width: 100%; }
.friend-page-host .security-log-list article > div, .friend-page-host .session-list article > div { min-width: 0px; }
.friend-page-host .security-log-list strong, .friend-page-host .security-log-list small, .friend-page-host .session-list strong, .friend-page-host .session-list small { white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; }
.friend-page-host .statement-shell, .friend-page-host .portfolio-public-shell, .friend-page-host .public-portfolio-shell, .friend-page-host .document-share-shell { width: 100%; padding-left: max(0px,env(safe-area-inset-left)); padding-right: max(0px,env(safe-area-inset-right)); overflow-x: hidden; }
.friend-page-host .statement-paper, .friend-page-host .portfolio-public-paper, .friend-page-host .public-portfolio-page, .friend-page-host .document-share-card { width: 100%; min-width: 0px; max-width: 100%; }
.friend-page-host .statement-header, .friend-page-host .portfolio-public-header, .friend-page-host .public-portfolio-nav, .friend-page-host .document-share-header, .friend-page-host .statement-heading, .friend-page-host .portfolio-public-header > div, .friend-page-host .public-portfolio-nav > div, .friend-page-host .document-share-header > div { min-width: 0px; }
.friend-page-host .statement-heading strong, .friend-page-host .portfolio-public-header h1, .friend-page-host .document-share-header h1 { white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; }
.friend-page-host .document-share-preview { min-height: 58vh; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .document-share-preview iframe { width: 100%; height: 68vh; }
}
@media (width <= 430px) {
.friend-page-host .drawer-actions, .friend-page-host .person-drawer-actions, .friend-page-host .modal-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .drawer-actions button, .friend-page-host .modal-actions button { grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .modal-actions .repeat-property, .friend-page-host .modal-actions .batch-save-note { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .share-history > div { row-gap: 7px; column-gap: 7px; grid-template-columns: minmax(0px, 1fr) !important; }
.friend-page-host .share-history > div > span, .friend-page-host .share-history > div > button, .friend-page-host .share-history > div > small { justify-self: start; grid-column-start: 1 !important; grid-column-end: auto !important; }
.friend-page-host .report-table tr { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .settings-topbar { align-items: center; }
.friend-page-host .settings-brand-logo { width: min(145px, 47vw); }
.friend-page-host .settings-topbar > div button { white-space-collapse: collapse; text-wrap-mode: wrap; max-width: 42vw; line-height: 1.2; }
.friend-page-host .statement-header-actions, .friend-page-host .portfolio-public-actions, .friend-page-host .public-portfolio-nav > div { grid-template-columns: repeat(2, minmax(0px, 1fr)); width: 100%; }
.friend-page-host .statement-header-actions button, .friend-page-host .portfolio-public-actions button, .friend-page-host .public-portfolio-nav button { white-space-collapse: collapse; text-wrap-mode: wrap; width: 100%; min-width: 0px; }
.friend-page-host .document-share-header { grid-template-columns: minmax(0px, 1fr) !important; }
.friend-page-host .document-share-header > a, .friend-page-host .document-share-header > div, .friend-page-host .document-share-header > button { grid-column-start: 1 !important; grid-column-end: auto !important; }
.friend-page-host .document-share-header > button { width: 100%; }
}
@media (width <= 360px) {
.friend-page-host .topbar { padding-inline-start: ; padding-inline-end: ; grid-template-columns: minmax(0px, 1fr) repeat(3, 32px); row-gap: 6px; column-gap: 6px; }
.friend-page-host .topbar > .theme-toggle, .friend-page-host .mobile-search-shortcut, .friend-page-host .settings-shortcut { width: 32px; height: 32px; }
.friend-page-host .mobile-brand-logo { width: min(122px, 100%); }
.friend-page-host .global-search input { font-size: 14px; }
.friend-page-host .page-content { padding-inline-start: ; padding-inline-end: ; }
.friend-page-host .panel { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .mobile-nav button { font-size: 8px; }
.friend-page-host .mobile-nav button span { font-size: 17px; }
.friend-page-host .drawer-head { padding-inline-start: 12px; padding-inline-end: 12px; }
.friend-page-host .drawer-person-title .large-avatar { flex-basis: 42px; width: 42px; height: 42px; }
.friend-page-host .drawer-head h2 { font-size: 20px; }
.friend-page-host .drawer-scroll, .friend-page-host .drawer-actions, .friend-page-host .modal-scroll, .friend-page-host .modal-actions { padding-inline-start: 10px; padding-inline-end: 10px; }
.friend-page-host .share-duration > div { row-gap: 4px; column-gap: 4px; }
.friend-page-host .share-duration button { font-size: 11px; }
}
@media (orientation: landscape) and (height <= 560px) and (width <= 900px) {
.friend-page-host .detail-drawer, .friend-page-host .modal, .friend-page-host .person-modal, .friend-page-host .property-modal, .friend-page-host .batch-property-modal { height: 100dvh; }
.friend-page-host .drawer-head, .friend-page-host .modal-head { padding-block-start: 10px; padding-block-end: 10px; }
.friend-page-host .drawer-head h2, .friend-page-host .modal-head h2 { font-size: 19px; }
.friend-page-host .drawer-person-title .large-avatar { flex-basis: 40px; width: 40px; height: 40px; }
.friend-page-host .drawer-actions, .friend-page-host .modal-actions { padding-top: 8px; padding-bottom: calc(8px + env(safe-area-inset-bottom)); }
.friend-page-host .drawer-actions button, .friend-page-host .modal-actions button { min-height: 40px; padding-block-start: 7px; padding-block-end: 7px; }
}
.friend-page-host :where(.friend-page-host, .friend-page-host, .friend-page-host) { min-width: 0px; max-width: 100%; overflow-x: hidden; }
@supports (overflow:clip) {
.friend-page-host :where(.friend-page-host, .friend-page-host, .friend-page-host) { overflow-x: clip; }
}
.friend-page-host :where(p, span, strong, small, dd, dt, a, button, label, h1, h2, h3) { overflow-wrap: anywhere; }
.friend-page-host :where(input, select, textarea) { max-width: 100%; }
.friend-page-host :where(button, a, input, select, textarea):focus-visible { outline-offset: 2px; outline-color: rgb(123, 171, 34) !important; outline-style: solid !important; outline-width: 3px !important; }
.friend-page-host small { line-height: 1.5; font-size: 13px !important; }
.friend-page-host :where(.field > span, .settings-card form > label > span, .model-field > label > span, .portfolio-filter-bar label > span, .public-property-details small, .portfolio-card-facts small, .statement-transaction-facts small, .statement-transaction-card > footer small, .directory-row small, .report-directory-row small, .document-info small, .security-log-list small) { line-height: 1.45; font-size: 13px !important; }
.friend-page-host :where(.page-heading p, .panel-head p, .settings-heading p, .settings-overview p, .settings-card-head p, .public-portfolio-hero p, .public-portfolio-list > header p, .portfolio-command-center > header p, .portfolio-list-shell > header p) { line-height: 1.35; font-size: 12px !important; }
.friend-page-host :where(.field input, .field select, .field textarea, .settings-card input, .settings-card select, .portfolio-filter-bar select) { font-size: 14px; }
.friend-page-host :where(.primary-btn, .ghost-btn, .settings-primary, .model-refresh, .portfolio-command-actions button, .portfolio-filter-bar > button) { font-size: 13px; line-height: 1.3; }
.friend-page-host .security-score.warning { color: rgb(255, 215, 111); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 180, 0, 0.12); border-top-color: rgb(255, 215, 111); border-right-color: rgb(255, 215, 111); border-bottom-color: rgb(255, 215, 111); border-left-color: rgb(255, 215, 111); }
.friend-page-host .security-check-card { margin-top: 16px; }
.friend-page-host .security-check-list { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 9px; column-gap: 9px; margin-top: 18px; display: grid; }
.friend-page-host .security-check-list article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 252, 248); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 230, 220); border-right-color: rgb(223, 230, 220); border-bottom-color: rgb(223, 230, 220); border-left-color: rgb(223, 230, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 36px minmax(0px, 1fr) auto; align-items: center; row-gap: 11px; column-gap: 11px; min-width: 0px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; display: grid; }
.friend-page-host .security-check-list article > span { color: rgb(77, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 244, 219); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 34px; height: 34px; font-weight: 950; display: grid; }
.friend-page-host .security-check-list article > div { min-width: 0px; }
.friend-page-host .security-check-list strong, .friend-page-host .security-check-list small { display: block; }
.friend-page-host .security-check-list strong { color: rgb(45, 58, 50); font-size: 13px; }
.friend-page-host .security-check-list small { color: rgb(116, 128, 121); margin-top: 3px; }
.friend-page-host .security-check-list article > b { color: rgb(77, 118, 0); white-space-collapse: collapse; text-wrap-mode: nowrap; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 244, 219); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 11px; }
.friend-page-host .security-check-list article.warn { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 250, 240); border-top-color: rgb(239, 206, 134); border-right-color: rgb(239, 206, 134); border-bottom-color: rgb(239, 206, 134); border-left-color: rgb(239, 206, 134); }
.friend-page-host .security-check-list article.warn > span, .friend-page-host .security-check-list article.warn > b { color: rgb(139, 100, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 200); }
.friend-page-host .ai-privacy-note { color: rgb(89, 102, 94); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 233); border-left-width: 4px; border-left-style: solid; border-left-color: rgb(90, 140, 0); border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; row-gap: 4px; column-gap: 4px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; display: grid; }
.friend-page-host .ai-privacy-note strong { color: rgb(63, 98, 0); font-size: 13px; }
.friend-page-host .ai-privacy-note span { font-size: 12px; line-height: 1.55; }
html[data-theme="dark"] .friend-page-host .security-check-list article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(51, 70, 62); border-right-color: rgb(51, 70, 62); border-bottom-color: rgb(51, 70, 62); border-left-color: rgb(51, 70, 62); }
html[data-theme="dark"] .friend-page-host .security-check-list strong { color: rgb(237, 243, 239); }
html[data-theme="dark"] .friend-page-host .security-check-list article.warn { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 31, 19); border-top-color: rgb(109, 93, 50); border-right-color: rgb(109, 93, 50); border-bottom-color: rgb(109, 93, 50); border-left-color: rgb(109, 93, 50); }
html[data-theme="dark"] .friend-page-host .ai-privacy-note { color: rgb(189, 201, 193); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 36, 25); }
@media (prefers-reduced-motion: reduce) {
.friend-page-host *, .friend-page-host ::before, .friend-page-host ::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}
@media (width <= 760px) {
.friend-page-host { font-size: 15px; }
.friend-page-host small, .friend-page-host :where(.field > span, .settings-card form > label > span, .model-field > label > span, .portfolio-filter-bar label > span, .public-property-details small, .portfolio-card-facts small, .statement-transaction-facts small, .statement-transaction-card > footer small, .directory-row small, .report-directory-row small, .document-info small, .security-log-list small) { font-size: 13px !important; }
.friend-page-host :where(input, select, textarea) { font-size: 16px !important; }
.friend-page-host :where(button, a[role="button"]) { min-height: 44px; }
.friend-page-host .security-check-list { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .security-check-list article { grid-template-columns: 36px minmax(0px, 1fr); padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .security-check-list article > b { grid-column-start: 2; grid-column-end: auto; justify-self: start; }
.friend-page-host .settings-card, .friend-page-host .panel, .friend-page-host .portfolio-command-center, .friend-page-host .portfolio-list-shell { max-width: 100%; overflow-x: hidden; overflow-y: hidden; }
}
@media (width <= 360px) {
.friend-page-host .security-check-list article { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .security-check-list article > span, .friend-page-host .security-check-list article > b { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .security-check-list article > span { justify-self: start; }
}
.friend-page-host .power-archive-filter { row-gap: 12px; column-gap: 12px; }
.friend-page-host .power-upload { padding-top: 18px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.friend-page-host .power-upload > .panel-head { align-items: center; margin-bottom: 14px; }
.friend-page-host .power-upload > .panel-head > div { min-height: 16px; }
.friend-page-host .power-upload > .panel-head > div > p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .power-upload > .panel-head > span { font-size: 12px; }
.friend-page-host .power-upload-grid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: stretch; row-gap: 0px; column-gap: 0px; }
.friend-page-host .power-upload-group { display: flex; flex-direction: column; min-width: 0px; height: 100%; }
.friend-page-host .power-upload-left { border-right-width: ; border-right-style: ; border-right-color: ; padding-right: 18px; }
.friend-page-host .power-upload-right { padding-left: 18px; }
.friend-page-host .power-step-head { display: flex; align-items: center; row-gap: 10px; column-gap: 10px; min-height: 42px; margin-bottom: 14px; }
.friend-page-host .power-step-head > span { color: rgb(77, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 248, 231); border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); display: grid; align-items: center; justify-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: 30px; width: 30px; height: 30px; font-size: 13px; font-weight: 800; }
.friend-page-host .power-step-head > div { min-width: 0px; }
.friend-page-host .power-step-head p { color: rgb(90, 140, 0); letter-spacing: 0.8px; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; font-size: 11px; font-weight: 850; }
.friend-page-host .power-step-head h3 { color: var(--ink); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 13px; font-weight: 700; }
.friend-page-host .power-upload-left .power-file-picker { min-height: 150px; margin-top: 0px; }
.friend-page-host .power-filter-inside { border-top-width: ; border-top-style: ; border-top-color: ; margin-top: 14px; padding-top: 14px; }
.friend-page-host .power-filter-inside > span { color: var(--muted); display: block; margin-bottom: 7px; font-size: 12px; }
.friend-page-host .power-filter-inside > div { display: grid; grid-template-columns: minmax(0px, 1fr) auto; row-gap: 9px; column-gap: 9px; }
.friend-page-host .power-filter-inside select, .friend-page-host .power-filter-inside button { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 228, 222); border-right-color: rgb(223, 228, 222); border-bottom-color: rgb(223, 228, 222); border-left-color: rgb(223, 228, 222); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 44px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; font-size: 13px; }
.friend-page-host .power-filter-inside button { white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .power-upload-right .power-metadata { margin-top: 0px; }
.friend-page-host .power-upload-right .power-person-select { margin-top: 12px; }
.friend-page-host .power-upload-right .power-save { margin-top: 9px; }
.friend-page-host .power-upload-right .power-optional-scan { margin-top: 12px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .power-upload-right .power-optional-scan > strong { margin-top: 0px; }
.friend-page-host .power-upload-right .power-optional-scan .power-scan { margin-top: 10px; }
html[data-theme="dark"] .friend-page-host .power-step-head h3 { color: rgb(238, 243, 240); }
html[data-theme="dark"] .friend-page-host .power-step-head > span { color: rgb(199, 221, 140); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 55, 31); }
html[data-theme="dark"] .friend-page-host .power-filter-inside select, html[data-theme="dark"] .friend-page-host .power-filter-inside button { color: rgb(230, 236, 232); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); }
@media (width <= 760px) {
.friend-page-host .power-upload-grid { grid-template-columns: minmax(0px, 1fr); row-gap: 18px; column-gap: 18px; }
.friend-page-host .power-upload-left { border-right-width: 0px; border-right-style: none; border-right-color: currentcolor; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; padding-top: 0px; padding-right: 0px; padding-bottom: 18px; padding-left: 0px; }
.friend-page-host .power-upload-right { padding-left: 0px; }
.friend-page-host .power-filter-inside > div { grid-template-columns: minmax(0px, 1fr) auto; }
}
@media (width <= 520px) {
.friend-page-host .power-upload { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .power-filter-inside > div { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .power-filter-inside button { width: 100%; }
}
.friend-page-host .power-step-toolbar { display: grid; grid-template-columns: minmax(170px, 0.7fr) minmax(0px, 1.3fr); align-items: end; row-gap: 16px; column-gap: 16px; min-height: 62px; margin-bottom: 14px; }
.friend-page-host .power-step-toolbar > .power-step-head { align-self: center; min-height: 42px; margin-bottom: 0px; }
.friend-page-host .power-step-toolbar > .power-filter-inside { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; margin-top: 0px; padding-top: 0px; }
.friend-page-host .power-step-toolbar > .power-filter-inside > span { margin-bottom: 5px; font-size: 11px; }
.friend-page-host .power-step-toolbar > .power-filter-inside select, .friend-page-host .power-step-toolbar > .power-filter-inside button { min-height: 40px; }
.friend-page-host .power-upload-right > .power-step-head { min-height: 62px; }
.friend-page-host .power-upload-left .power-file-picker { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-height: 180px; }
@media (width <= 680px) {
.friend-page-host .power-step-toolbar { grid-template-columns: minmax(0px, 1fr); align-items: stretch; row-gap: 10px; column-gap: 10px; min-height: 0px; }
.friend-page-host .power-upload-right > .power-step-head { min-height: 42px; }
.friend-page-host .power-step-toolbar > .power-filter-inside > div { grid-template-columns: minmax(0px, 1fr) auto; }
.friend-page-host .power-upload-left .power-file-picker { flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-height: 150px; }
}
@media (width <= 520px) {
.friend-page-host .power-step-toolbar > .power-filter-inside > div { grid-template-columns: minmax(0px, 1fr); }
}
.friend-page-host .power-upload-left > .power-search-inside { flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 14px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; box-shadow: none; row-gap: 9px; column-gap: 9px; }
.friend-page-host .power-search-inside .context-filter-title { flex-direction: row; align-items: center; row-gap: 10px; column-gap: 10px; min-width: 0px; }
.friend-page-host .power-search-inside .context-filter-title > div { min-width: 0px; }
.friend-page-host .power-search-inside .context-filter-title p { display: none; }
.friend-page-host .power-search-inside .context-filter-title h2 { font-size: 14px; line-height: 1.25; }
.friend-page-host .power-search-inside .context-filter-title > span { margin-left: auto; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; font-size: 10px; }
.friend-page-host .power-search-inside .context-search { width: 100%; padding-inline-start: 10px; padding-inline-end: 10px; }
.friend-page-host .power-search-inside .context-search input { height: 42px; font-size: 13px; }
html[data-theme="dark"] .friend-page-host .power-upload-left > .power-search-inside { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
@media (width <= 760px) {
.friend-page-host .power-search-inside .context-filter-title { flex-direction: row; align-items: center; }
.friend-page-host .power-search-inside .context-search input { height: 44px; font-size: 16px; }
}
@media (width <= 420px) {
.friend-page-host .power-search-inside .context-filter-title { align-items: flex-start; }
.friend-page-host .power-search-inside .context-filter-title > span { white-space-collapse: collapse; text-wrap-mode: wrap; text-align: right; }
}
@media (min-width: 901px) {
.friend-page-host .power-upload-left .power-file-picker { flex-grow: 0; flex-shrink: 0; flex-basis: 148px; min-height: 148px; height: 148px; }
.friend-page-host .power-upload-left .power-camera, .friend-page-host .power-upload-right .power-optional-scan .power-scan { min-height: 44px; height: 44px; }
}
.friend-page-host .profit-panel .profit-footer { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: start; row-gap: 8px; column-gap: 8px; }
.friend-page-host .profit-panel .profit-footer > span { min-width: 0px; align-items: flex-start; flex-wrap: wrap; line-height: 1.35; }
.friend-page-host .profit-panel .profit-footer > span strong { white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .profit-panel .profit-footer .profit-expense-total i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(118, 169, 0); }
.friend-page-host .profit-panel .trend.is-warning { color: rgb(138, 100, 21); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 243, 207); }
html[data-theme="dark"] .friend-page-host .profit-panel .trend.is-warning { color: rgb(255, 212, 124); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(74, 57, 24); }
@media (width <= 520px) {
.friend-page-host .profit-panel .profit-footer { grid-template-columns: minmax(0px, 1fr); }
}
@media (min-width: 761px) {
.friend-page-host:has(.global-search-results-open) { overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .global-search-results-open { position: fixed; top: 86px; bottom: 20px; left: 288px; z-index: 76; width: min(620px, -322px + 100vw); max-width: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .global-search-results-open .search-results-view { width: 100%; max-height: 100%; row-gap: 0px; column-gap: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 229, 220); border-right-color: rgb(223, 229, 220); border-bottom-color: rgb(223, 229, 220); border-left-color: rgb(223, 229, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: rgba(0, 22, 18, 0.3) 0px 22px 70px; display: flex; flex-direction: column; overflow-x: hidden; overflow-y: auto; overscroll-behavior-x: contain; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: rgb(154, 170, 159) transparent; }
.friend-page-host .search-results-view .search-result-hero { display: none; }
.friend-page-host .search-results-view .search-people-group { order: 1; row-gap: 0px; column-gap: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .search-results-view .search-group { order: 2; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .search-results-view > .panel:not(.search-group) { order: 3; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: none; }
.friend-page-host .search-results-view .search-group .panel-head, .friend-page-host .search-results-view .search-group-head { min-height: 42px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 5px; padding-bottom: 7px; padding-left: 5px; border-top-width: ; border-top-style: ; border-top-color: ; align-items: center; display: flex; }
.friend-page-host .search-results-view .search-people-group .search-group-head { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .search-results-view .search-group .panel-head > div, .friend-page-host .search-results-view .search-group-head > div { width: 100%; min-width: 0px; align-items: center; justify-content: space-between; row-gap: 10px; column-gap: 10px; display: flex; }
.friend-page-host .search-results-view .search-group .panel-head p, .friend-page-host .search-results-view .search-group-head p { color: rgb(99, 114, 106); letter-spacing: 0.045em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; font-weight: 900; }
.friend-page-host .search-results-view .search-people-group .search-group-head p::before { content: "◎ "; color: var(--green); }
.friend-page-host .search-results-view .search-group .panel-head p::before { content: "▦ "; color: var(--green); }
.friend-page-host .search-results-view .search-group .panel-head h2, .friend-page-host .search-results-view .search-group-head h2 { color: rgb(115, 128, 120); white-space-collapse: collapse; text-wrap-mode: nowrap; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 245, 239); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 10px; line-height: 1; font-family: Satoshi, sans-serif; }
.friend-page-host .search-people-group .directory-list { width: 100%; overflow-x: visible; overflow-y: visible; }
.friend-page-host .search-people-group .directory-row { min-height: 58px; grid-template-columns: 36px minmax(0px, 1fr) 20px; row-gap: 9px; column-gap: 9px; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; border-top-width: ; border-top-style: ; border-top-color: ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
.friend-page-host .search-people-group .directory-avatar { color: rgb(255, 255, 255); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 34px; height: 34px; font-size: 9px; display: grid; }
.friend-page-host .search-people-group .directory-person { min-width: 0px; }
.friend-page-host .search-people-group .directory-person strong, .friend-page-host .search-people-group .directory-person small { white-space-collapse: collapse; text-wrap-mode: nowrap; text-overflow: ellipsis; overflow-x: hidden; overflow-y: hidden; display: block; }
.friend-page-host .search-people-group .directory-person strong { color: var(--ink); font-size: 13px; line-height: 1.25; }
.friend-page-host .search-people-group .directory-person small { color: var(--muted); margin-top: 3px; line-height: 1.2; font-size: 10px !important; }
.friend-page-host .search-people-group .directory-contact, .friend-page-host .search-people-group .directory-metrics { display: none !important; }
.friend-page-host .search-people-group .directory-row > b { grid-row-start: auto; grid-column-start: auto; grid-row-end: auto; grid-column-end: auto; color: var(--green); align-self: center; font-size: 20px; line-height: 1; }
.friend-page-host .search-group .table-wrap { width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow-x: visible; overflow-y: visible; }
.friend-page-host .search-group .responsive-table table, .friend-page-host .search-group .responsive-table tbody { width: 100%; min-width: 0px; display: block; }
.friend-page-host .search-group .responsive-table thead { display: none; }
.friend-page-host .search-group .responsive-table tr { min-height: 60px; align-items: center; border-top-width: ; border-top-style: ; border-top-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; position: relative; grid-template-columns: 36px minmax(0px, 1fr) 20px !important; row-gap: 9px !important; column-gap: 9px !important; padding-top: 10px !important; padding-right: 5px !important; padding-bottom: 10px !important; padding-left: 5px !important; display: grid !important; }
.friend-page-host .search-group .responsive-table tr::before { content: "▦"; color: rgb(255, 255, 255); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 34px; height: 34px; font-size: 12px; display: grid; }
.friend-page-host .search-group .responsive-table td { display: none !important; }
.friend-page-host .search-group .responsive-table td:first-child { min-width: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; grid-column-start: 2 !important; grid-column-end: auto !important; display: block !important; }
.friend-page-host .search-group .responsive-table td:first-child strong, .friend-page-host .search-group .responsive-table td:first-child span { white-space-collapse: collapse; text-wrap-mode: nowrap; text-overflow: ellipsis; overflow-x: hidden; overflow-y: hidden; display: block; }
.friend-page-host .search-group .responsive-table td:first-child strong { color: var(--ink); font-size: 13px; line-height: 1.25; }
.friend-page-host .search-group .responsive-table td:first-child span { color: var(--muted); margin-top: 3px; font-size: 10px; line-height: 1.2; }
.friend-page-host .search-group .responsive-table td:last-child { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; grid-column-start: 3 !important; grid-column-end: auto !important; position: static !important; display: block !important; }
.friend-page-host .search-group .responsive-table td:last-child button { color: var(--green); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 20px; height: 28px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 21px; }
html[data-theme="dark"] .friend-page-host .global-search-results-open .search-results-view, html[data-theme="dark"] .friend-page-host .search-results-view .search-people-group, html[data-theme="dark"] .friend-page-host .search-results-view .search-group { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 29, 24); border-top-color: rgb(51, 67, 60); border-right-color: rgb(51, 67, 60); border-bottom-color: rgb(51, 67, 60); border-left-color: rgb(51, 67, 60); }
html[data-theme="dark"] .friend-page-host .search-results-view .search-group .panel-head, html[data-theme="dark"] .friend-page-host .search-results-view .search-group-head, html[data-theme="dark"] .friend-page-host .search-people-group .directory-row, html[data-theme="dark"] .friend-page-host .search-group .responsive-table tr { border-top-color: rgb(43, 59, 52); border-right-color: rgb(43, 59, 52); border-bottom-color: rgb(43, 59, 52); border-left-color: rgb(43, 59, 52); }
html[data-theme="dark"] .friend-page-host .search-results-view .search-group .panel-head h2, html[data-theme="dark"] .friend-page-host .search-results-view .search-group-head h2 { color: rgb(184, 196, 189); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 43, 37); }
html[data-theme="dark"] .friend-page-host .search-results-view .search-group .panel-head p, html[data-theme="dark"] .friend-page-host .search-results-view .search-group-head p { color: rgb(174, 187, 180); }
}
@media (width <= 900px) {
.friend-page-host:has(.global-search-results-open) { overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .global-search-mode .topbar { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .global-search-results-open { position: fixed; top: ; right: ; bottom: ; left: ; z-index: 76; width: auto; max-width: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .global-search-results-open .search-results-view { width: 100%; max-height: 100%; row-gap: 0px; column-gap: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 229, 220); border-right-color: rgb(223, 229, 220); border-bottom-color: rgb(223, 229, 220); border-left-color: rgb(223, 229, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: rgba(0, 22, 18, 0.3) 0px 22px 70px; display: flex; flex-direction: column; overflow-x: hidden; overflow-y: auto; overscroll-behavior-x: contain; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: rgb(154, 170, 159) transparent; }
.friend-page-host .search-results-view .search-result-hero { display: none; }
.friend-page-host .search-results-view .search-people-group { order: 1; row-gap: 0px; column-gap: 0px; padding-top: 0px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .search-results-view .search-group { order: 2; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 9px; padding-bottom: 5px; padding-left: 9px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .search-results-view > .panel:not(.search-group) { order: 3; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: none; }
.friend-page-host .search-results-view .search-group .panel-head, .friend-page-host .search-results-view .search-group-head { min-height: 39px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 9px; padding-right: 4px; padding-bottom: 6px; padding-left: 4px; border-top-width: ; border-top-style: ; border-top-color: ; align-items: center; display: flex; }
.friend-page-host .search-results-view .search-people-group .search-group-head { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .search-results-view .search-group .panel-head > div, .friend-page-host .search-results-view .search-group-head > div { width: 100%; min-width: 0px; align-items: center; justify-content: space-between; row-gap: 10px; column-gap: 10px; display: flex; }
.friend-page-host .search-results-view .search-group .panel-head p, .friend-page-host .search-results-view .search-group-head p { color: rgb(99, 114, 106); letter-spacing: 0.045em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; font-weight: 900; }
.friend-page-host .search-results-view .search-people-group .search-group-head p::before { content: "◎ "; color: var(--green); }
.friend-page-host .search-results-view .search-group .panel-head p::before { content: "▦ "; color: var(--green); }
.friend-page-host .search-results-view .search-group .panel-head h2, .friend-page-host .search-results-view .search-group-head h2 { color: rgb(115, 128, 120); white-space-collapse: collapse; text-wrap-mode: nowrap; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 245, 239); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 10px; line-height: 1; font-family: Satoshi, sans-serif; }
.friend-page-host .search-people-group .directory-list { width: 100%; overflow-x: visible; overflow-y: visible; }
.friend-page-host .search-people-group .directory-row { min-height: 54px; grid-template-columns: 34px minmax(0px, 1fr) 20px; row-gap: 8px; column-gap: 8px; padding-top: 9px; padding-right: 4px; padding-bottom: 9px; padding-left: 4px; border-top-width: ; border-top-style: ; border-top-color: ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
.friend-page-host .search-people-group .directory-avatar { color: rgb(255, 255, 255); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 32px; height: 32px; font-size: 9px; display: grid; }
.friend-page-host .search-people-group .directory-person { min-width: 0px; }
.friend-page-host .search-people-group .directory-person strong, .friend-page-host .search-people-group .directory-person small { white-space-collapse: collapse; text-wrap-mode: nowrap; text-overflow: ellipsis; overflow-x: hidden; overflow-y: hidden; display: block; }
.friend-page-host .search-people-group .directory-person strong { color: var(--ink); font-size: 13px; line-height: 1.25; }
.friend-page-host .search-people-group .directory-person small { color: var(--muted); margin-top: 3px; line-height: 1.2; font-size: 10px !important; }
.friend-page-host .search-people-group .directory-contact, .friend-page-host .search-people-group .directory-metrics { display: none !important; }
.friend-page-host .search-people-group .directory-row > b { grid-row-start: auto; grid-column-start: auto; grid-row-end: auto; grid-column-end: auto; color: var(--green); align-self: center; font-size: 20px; line-height: 1; }
.friend-page-host .search-group .table-wrap { width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow-x: visible; overflow-y: visible; }
.friend-page-host .search-group .responsive-table table, .friend-page-host .search-group .responsive-table tbody { width: 100%; display: block; }
.friend-page-host .search-group .responsive-table tr { min-height: 58px; align-items: center; border-top-width: ; border-top-style: ; border-top-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; position: relative; grid-template-columns: 34px minmax(0px, 1fr) 20px !important; row-gap: 8px !important; column-gap: 8px !important; padding-top: 9px !important; padding-right: 4px !important; padding-bottom: 9px !important; padding-left: 4px !important; display: grid !important; }
.friend-page-host .search-group .responsive-table tr::before { content: "▦"; color: rgb(255, 255, 255); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 32px; height: 32px; font-size: 12px; display: grid; }
.friend-page-host .search-group .responsive-table td { display: none !important; }
.friend-page-host .search-group .responsive-table td:first-child { min-width: 0px; grid-column-start: 2 !important; grid-column-end: auto !important; display: block !important; }
.friend-page-host .search-group .responsive-table td:first-child strong, .friend-page-host .search-group .responsive-table td:first-child span { white-space-collapse: collapse; text-wrap-mode: nowrap; text-overflow: ellipsis; overflow-x: hidden; overflow-y: hidden; display: block; }
.friend-page-host .search-group .responsive-table td:first-child strong { color: var(--ink); font-size: 13px; line-height: 1.25; }
.friend-page-host .search-group .responsive-table td:first-child span { color: var(--muted); margin-top: 3px; font-size: 10px; line-height: 1.2; }
.friend-page-host .search-group .responsive-table td:last-child { grid-column-start: 3 !important; grid-column-end: auto !important; position: static !important; display: block !important; }
.friend-page-host .search-group .responsive-table td:last-child button { color: var(--green); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 20px; height: 28px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 21px; }
html[data-theme="dark"] .friend-page-host .global-search-results-open .search-results-view, html[data-theme="dark"] .friend-page-host .search-results-view .search-people-group, html[data-theme="dark"] .friend-page-host .search-results-view .search-group { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 29, 24); border-top-color: rgb(51, 67, 60); border-right-color: rgb(51, 67, 60); border-bottom-color: rgb(51, 67, 60); border-left-color: rgb(51, 67, 60); }
html[data-theme="dark"] .friend-page-host .search-results-view .search-group .panel-head, html[data-theme="dark"] .friend-page-host .search-results-view .search-group-head, html[data-theme="dark"] .friend-page-host .search-people-group .directory-row, html[data-theme="dark"] .friend-page-host .search-group .responsive-table tr { border-top-color: rgb(43, 59, 52); border-right-color: rgb(43, 59, 52); border-bottom-color: rgb(43, 59, 52); border-left-color: rgb(43, 59, 52); }
html[data-theme="dark"] .friend-page-host .search-results-view .search-group .panel-head h2, html[data-theme="dark"] .friend-page-host .search-results-view .search-group-head h2 { color: rgb(184, 196, 189); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 43, 37); }
html[data-theme="dark"] .friend-page-host .search-results-view .search-group .panel-head p, html[data-theme="dark"] .friend-page-host .search-results-view .search-group-head p { color: rgb(174, 187, 180); }
}
@media (width <= 390px) {
.friend-page-host .global-search-results-open { top: ; right: ; bottom: ; left: ; }
.friend-page-host .search-results-view .search-people-group, .friend-page-host .search-results-view .search-group { padding-inline-start: 7px; padding-inline-end: 7px; }
}
.friend-page-host .deed-ai-flow { display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr) auto minmax(0px, 1fr); align-items: center; row-gap: 12px; column-gap: 12px; margin-top: 20px; }
.friend-page-host .deed-ai-flow > div { display: flex; align-items: center; row-gap: 12px; column-gap: 12px; min-width: 0px; min-height: 68px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 228, 210); border-right-color: rgb(217, 228, 210); border-bottom-color: rgb(217, 228, 210); border-left-color: rgb(217, 228, 210); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 251, 243); }
.friend-page-host .deed-ai-flow > div > b { display: grid; flex-grow: 0; flex-shrink: 0; flex-basis: 34px; width: 34px; height: 34px; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(231, 242, 212); color: rgb(85, 141, 0); }
.friend-page-host .deed-ai-flow > div > span { display: grid; row-gap: 3px; column-gap: 3px; min-width: 0px; }
.friend-page-host .deed-ai-flow strong { font-size: 13px; color: rgb(22, 59, 52); }
.friend-page-host .deed-ai-flow small { font-size: 10px; color: rgb(124, 137, 131); }
.friend-page-host .deed-ai-flow > i { color: rgb(119, 166, 45); font-size: 18px; font-style: normal; font-weight: 900; }
.friend-page-host .deed-ai-action { display: grid; grid-template-columns: minmax(250px, 0.7fr) minmax(360px, 1.3fr); align-items: stretch; row-gap: 12px; column-gap: 12px; margin-top: 14px; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(211, 223, 202); border-right-color: rgb(211, 223, 202); border-bottom-color: rgb(211, 223, 202); border-left-color: rgb(211, 223, 202); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 232); }
.friend-page-host .deed-ai-action > div { display: grid; align-content: center; row-gap: 3px; column-gap: 3px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; }
.friend-page-host .deed-ai-action small { color: rgb(102, 128, 93); font-size: 9px; font-weight: 900; letter-spacing: 0.08em; }
.friend-page-host .deed-ai-action strong { color: rgb(18, 60, 52); font-size: 16px; }
.friend-page-host .deed-ai-action span { overflow-x: hidden; overflow-y: hidden; color: rgb(116, 129, 123); font-size: 10px; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .deed-ai-update-button { min-height: 58px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(91, 147, 0); border-right-color: rgb(91, 147, 0); border-bottom-color: rgb(91, 147, 0); border-left-color: rgb(91, 147, 0); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(91, 147, 0); color: rgb(255, 255, 255); font-weight: 900; cursor: pointer; }
.friend-page-host .deed-ai-update-button:disabled { cursor: not-allowed; opacity: 0.58; }
.friend-page-host .deed-operation-progress { margin-top: 12px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; }
.friend-page-host .deed-page-progress { position: sticky; top: 8px; z-index: 5; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; }
.friend-page-host .deed-ai-flow > div.active { border-top-color: rgb(127, 172, 45); border-right-color: rgb(127, 172, 45); border-bottom-color: rgb(127, 172, 45); border-left-color: rgb(127, 172, 45); box-shadow: rgba(127, 172, 45, 0.333) 0px 0px 0px 1px inset; }
.friend-page-host .deed-ai-flow > div.done > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(127, 172, 45); color: rgb(255, 255, 255); }
.friend-page-host .deed-ai-warning { margin-top: 12px; padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 197, 111); border-right-color: rgb(224, 197, 111); border-bottom-color: rgb(224, 197, 111); border-left-color: rgb(224, 197, 111); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 249, 231); color: rgb(114, 89, 0); font-size: 11px; font-weight: 700; }
html[data-theme="dark"] .friend-page-host .deed-ai-flow > div, html[data-theme="dark"] .friend-page-host .deed-ai-action { border-top-color: rgb(53, 91, 78); border-right-color: rgb(53, 91, 78); border-bottom-color: rgb(53, 91, 78); border-left-color: rgb(53, 91, 78); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 58, 49); }
html[data-theme="dark"] .friend-page-host .deed-ai-flow > div > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 75, 52); color: rgb(199, 233, 67); }
html[data-theme="dark"] .friend-page-host .deed-ai-flow strong, html[data-theme="dark"] .friend-page-host .deed-ai-action strong { color: rgb(241, 248, 245); }
html[data-theme="dark"] .friend-page-host .deed-ai-flow small, html[data-theme="dark"] .friend-page-host .deed-ai-action small, html[data-theme="dark"] .friend-page-host .deed-ai-action span { color: rgb(169, 187, 181); }
html[data-theme="dark"] .friend-page-host .deed-ai-warning { border-top-color: rgb(128, 107, 46); border-right-color: rgb(128, 107, 46); border-bottom-color: rgb(128, 107, 46); border-left-color: rgb(128, 107, 46); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(60, 52, 28); color: rgb(242, 215, 125); }
@media (max-width: 900px) {
.friend-page-host .deed-ai-flow { grid-template-columns: 1fr; }
.friend-page-host .deed-ai-flow > i { display: none; }
.friend-page-host .deed-ai-action { grid-template-columns: 1fr; }
.friend-page-host .deed-ai-action span { white-space-collapse: collapse; text-wrap-mode: wrap; }
}
@media (max-width: 700px) {
.friend-page-host .deed-update-panel { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .deed-ai-flow > div { min-height: 58px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
.friend-page-host .deed-ai-update-button { min-height: 54px; padding-top: 10px; padding-right: 13px; padding-bottom: 10px; padding-left: 13px; line-height: 1.35; }
}
.friend-page-host .release-history-empty { margin-top: 10px; margin-right: 2px; margin-bottom: 4px; margin-left: 2px; color: rgb(122, 134, 124); font-size: 12px; font-weight: 700; line-height: 1.45; }
.friend-page-host .release-history > article.current { border-top-color: rgb(143, 184, 74); border-right-color: rgb(143, 184, 74); border-bottom-color: rgb(143, 184, 74); border-left-color: rgb(143, 184, 74); background-image: linear-gradient(120deg, rgb(247, 251, 238), rgb(238, 246, 227)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
html[data-theme="dark"] .friend-page-host .release-history-empty { color: rgb(167, 180, 173); }
html[data-theme="dark"] .friend-page-host .release-history > article.current { border-top-color: rgb(82, 109, 53); border-right-color: rgb(82, 109, 53); border-bottom-color: rgb(82, 109, 53); border-left-color: rgb(82, 109, 53); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(22, 36, 26); }
.friend-page-host .release-load-more { width: 100%; min-height: 46px; margin-top: 2px; padding-top: 11px; padding-right: 16px; padding-bottom: 11px; padding-left: 16px; color: rgb(77, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 233); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(168, 198, 116); border-right-color: rgb(168, 198, 116); border-bottom-color: rgb(168, 198, 116); border-left-color: rgb(168, 198, 116); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-content: center; row-gap: 6px; column-gap: 6px; font-size: 12px; font-weight: 900; display: flex; cursor: pointer; }
.friend-page-host .release-load-more:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); }
.friend-page-host .release-load-more span { color: rgb(117, 129, 120); font-size: 10px; font-weight: 800; }
html[data-theme="dark"] .friend-page-host .release-load-more { color: rgb(204, 231, 131); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 37, 26); border-top-color: rgb(82, 109, 53); border-right-color: rgb(82, 109, 53); border-bottom-color: rgb(82, 109, 53); border-left-color: rgb(82, 109, 53); }
html[data-theme="dark"] .friend-page-host .release-load-more:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(30, 48, 31); }
html[data-theme="dark"] .friend-page-host .release-load-more span { color: rgb(174, 187, 179); }
@media (width <= 760px) {
.friend-page-host .release-history-head { align-items: flex-start; flex-direction: column; row-gap: 4px; column-gap: 4px; }
.friend-page-host .release-load-more { min-height: 46px; }
}
.friend-page-host .branding-settings { margin-top: 16px; }
.friend-page-host .branding-settings form { row-gap: 14px; column-gap: 14px; }
.friend-page-host .branding-editor { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 245); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 230, 220); border-right-color: rgb(223, 230, 220); border-bottom-color: rgb(223, 230, 220); border-left-color: rgb(223, 230, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 112px minmax(0px, 1fr); align-items: center; row-gap: 18px; column-gap: 18px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; display: grid; }
.friend-page-host .branding-preview { background-image: linear-gradient(45deg, rgb(237, 241, 235) 25%, transparent 25%), linear-gradient(-45deg, rgb(237, 241, 235) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgb(237, 241, 235) 75%), linear-gradient(-45deg, transparent 75%, rgb(237, 241, 235) 75%), initial; background-repeat: initial, initial, initial, initial, initial; background-attachment: initial, initial, initial, initial, initial; background-origin: initial, initial, initial, initial, initial; background-clip: initial, initial, initial, initial, initial; background-color: rgb(255, 255, 255); background-position-x: 0px, 0px, 8px, -8px; background-position-y: 0px, 8px, -8px, 0px; background-size: 16px 16px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 224, 216); border-right-color: rgb(217, 224, 216); border-bottom-color: rgb(217, 224, 216); border-left-color: rgb(217, 224, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 112px; height: 112px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: grid; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .branding-preview img { display: block; width: 100%; height: 100%; object-fit: contain; }
.friend-page-host .branding-copy { min-width: 0px; }
.friend-page-host .branding-copy strong, .friend-page-host .branding-copy span, .friend-page-host .branding-copy small { display: block; }
.friend-page-host .branding-copy strong { color: rgb(47, 61, 53); font-size: 16px; }
.friend-page-host .branding-copy span { color: rgb(102, 115, 107); margin-top: 6px; font-size: 13px; line-height: 1.55; }
.friend-page-host .branding-copy small { color: rgb(81, 116, 0); margin-top: 9px; font-size: 12px; font-weight: 750; }
.friend-page-host .branding-file-field input[type="file"] { height: auto; min-height: 48px; padding-top: 7px; padding-right: 8px; padding-bottom: 7px; padding-left: 8px; cursor: pointer; }
.friend-page-host .branding-file-field input[type="file"]::file-selector-button { color: rgb(73, 109, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(183, 204, 145); border-right-color: rgb(183, 204, 145); border-bottom-color: rgb(183, 204, 145); border-left-color: rgb(183, 204, 145); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-right: 10px; padding-top: 8px; padding-right: 11px; padding-bottom: 8px; padding-left: 11px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 800; font-stretch: normal; font-size: 12px; line-height: normal; font-family: Satoshi, sans-serif; cursor: pointer; }
.friend-page-host .branding-actions { grid-template-columns: minmax(0px, 1fr) auto; row-gap: 10px; column-gap: 10px; display: grid; }
.friend-page-host .branding-reset { color: rgb(140, 73, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 245, 242); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(226, 180, 172); border-right-color: rgb(226, 180, 172); border-bottom-color: rgb(226, 180, 172); border-left-color: rgb(226, 180, 172); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 44px; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 12px; line-height: normal; font-family: Satoshi, sans-serif; }
.friend-page-host .branding-reset:disabled { opacity: 0.55; }
html[data-theme="dark"] .friend-page-host .branding-editor { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(51, 70, 62); border-right-color: rgb(51, 70, 62); border-bottom-color: rgb(51, 70, 62); border-left-color: rgb(51, 70, 62); }
html[data-theme="dark"] .friend-page-host .branding-preview { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 36, 31); border-top-color: rgb(64, 81, 72); border-right-color: rgb(64, 81, 72); border-bottom-color: rgb(64, 81, 72); border-left-color: rgb(64, 81, 72); }
html[data-theme="dark"] .friend-page-host .branding-copy strong { color: rgb(237, 243, 239); }
html[data-theme="dark"] .friend-page-host .branding-copy span { color: rgb(184, 197, 190); }
html[data-theme="dark"] .friend-page-host .branding-copy small { color: rgb(196, 217, 133); }
html[data-theme="dark"] .friend-page-host .branding-file-field input[type="file"]::file-selector-button { color: rgb(200, 220, 141); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 42, 24); border-top-color: rgb(82, 109, 53); border-right-color: rgb(82, 109, 53); border-bottom-color: rgb(82, 109, 53); border-left-color: rgb(82, 109, 53); }
html[data-theme="dark"] .friend-page-host .branding-reset { color: rgb(227, 170, 160); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(44, 28, 25); border-top-color: rgb(104, 64, 56); border-right-color: rgb(104, 64, 56); border-bottom-color: rgb(104, 64, 56); border-left-color: rgb(104, 64, 56); }
@media (width <= 760px) {
.friend-page-host .branding-editor { grid-template-columns: minmax(0px, 1fr); justify-items: start; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .branding-preview { width: 92px; height: 92px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .branding-actions { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .branding-actions button { width: 100%; }
}
@media (min-width: 761px) {
.friend-page-host .branding-settings > form { grid-template-columns: minmax(0px, 1fr) auto; align-items: end; column-gap: 12px; }
.friend-page-host .branding-settings > form > .branding-editor { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .branding-settings > form > .branding-file-field { grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; min-width: 0px; }
.friend-page-host .branding-settings > form > .branding-actions { grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; grid-template-columns: repeat(2, auto); align-self: end; width: max-content; max-width: 100%; }
.friend-page-host .branding-settings > form > small { grid-column-start: 1; grid-column-end: -1; grid-row-start: 3; grid-row-end: auto; }
.friend-page-host .password-settings > form { grid-template-columns: repeat(2, minmax(0px, 1fr)); align-items: center; column-gap: 16px; }
.friend-page-host .password-settings > form > label:nth-of-type(1) { grid-column-start: 1; grid-column-end: -1; grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .password-settings > form > label:nth-of-type(2) { grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; }
.friend-page-host .password-settings > form > label:nth-of-type(3) { grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; }
.friend-page-host .password-settings > form > .show-passwords { grid-column-start: 1; grid-column-end: -1; grid-row-start: 3; grid-row-end: auto; }
.friend-page-host .password-settings > form > small { grid-column-start: 1; grid-column-end: auto; grid-row-start: 4; grid-row-end: auto; align-self: center; }
.friend-page-host .password-settings > form > .settings-primary { grid-column-start: 2; grid-column-end: auto; grid-row-start: 4; grid-row-end: auto; align-self: center; justify-self: end; width: min(210px, 100%); min-width: 0px; max-width: 210px; padding-inline-start: 18px; padding-inline-end: 18px; }
.friend-page-host .openai-api-actions { min-width: 0px; align-self: end; align-items: center; justify-content: space-between; row-gap: 16px; column-gap: 16px; display: flex; }
.friend-page-host .openai-api-actions > .show-passwords { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .openai-api-actions > .settings-primary { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: auto; min-width: 210px; max-width: 100%; padding-inline-start: 18px; padding-inline-end: 18px; }
}
@media (width <= 760px) {
.friend-page-host .openai-api-actions { min-width: 0px; row-gap: 10px; column-gap: 10px; display: grid; }
.friend-page-host .openai-api-actions > .show-passwords { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .openai-api-actions > .settings-primary { width: 100%; }
}
.friend-page-host :where(button, a, input, select, textarea):focus, .friend-page-host :where(button, a, input, select, textarea):focus-visible { outline-color: initial !important; outline-style: none !important; outline-width: initial !important; outline-offset: 0px !important; box-shadow: none !important; }
.friend-page-host :where(input, select, textarea):focus { border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; }
.friend-page-host :where(.share-total-field > div, .area-m2-input > div, .global-search, .context-search, .portfolio-search):focus-within { outline-color: initial !important; outline-style: none !important; outline-width: initial !important; box-shadow: none !important; border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; }
.friend-page-host .global-search-backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 74; width: 100%; height: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(18, 24, 22, 0.58); backdrop-filter: blur(7px); cursor: default; }
.friend-page-host .global-search-mode .topbar { z-index: 75; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; box-shadow: none; }
.friend-page-host .global-search-mode .topbar > :not(.global-search) { opacity: 0.28; filter: blur(5px); pointer-events: none; user-select: none; }
.friend-page-host .global-search-mode .global-search { position: relative; z-index: 2; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; box-shadow: rgba(0, 22, 18, 0.3) 0px 18px 55px !important; }
.friend-page-host .global-search-mode .global-search input:focus { border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; }
.friend-page-host .global-search-results-open { position: relative; z-index: 76; }
.friend-page-host .global-search-results-open .search-results-view { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: rgba(0, 22, 18, 0.24) 0px 22px 70px; }
@media (prefers-reduced-motion: no-preference) {
.friend-page-host .global-search-backdrop { animation-duration: 0.16s; animation-timing-function: ease-out; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--global-search-backdrop-in; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
}
@keyframes friend-page--global-search-backdrop-in {
0% { opacity: 0; backdrop-filter: blur(0px); }
100% { opacity: 1; backdrop-filter: blur(7px); }
}
@media (width <= 760px) {
.friend-page-host .global-search-mode .topbar > :not(.global-search) { opacity: 0.22; }
.friend-page-host .global-search-results-open { z-index: 76; }
}
@media (min-width: 1051px) {
.friend-page-host .global-search-results-open { position: fixed; top: 76px; bottom: 20px; left: 288px; z-index: 76; width: min(520px, -322px + 100vw); max-width: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; }
}
@media (min-width: 761px) and (max-width: 1050px) {
.friend-page-host .global-search-results-open { position: fixed; top: 126px; right: 15px; bottom: 15px; left: 15px; z-index: 76; width: auto; max-width: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; }
}
@media (width <= 760px) {
.friend-page-host .global-search-results-open { position: fixed; top: 126px; right: 10px; bottom: max(10px,env(safe-area-inset-bottom)); left: 10px; z-index: 76; width: auto; max-width: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; }
}
@media (width <= 390px) {
.friend-page-host .global-search-results-open { top: 128px; right: 7px; bottom: max(7px,env(safe-area-inset-bottom)); left: 7px; }
}
@media (width <= 980px) {
.friend-page-host, .friend-page-host, .friend-page-host { min-height: 100%; overflow-y: auto; }
.friend-page-host .auth-shell { grid-template-rows: 72px auto; height: auto; min-height: 100dvh; overflow-x: visible; overflow-y: visible; }
.friend-page-host .auth-form-panel { align-items: start; justify-items: center; height: auto; min-height: calc(100dvh - 72px); padding-bottom: calc(32px + env(safe-area-inset-bottom)); overflow-x: visible; overflow-y: visible; }
.friend-page-host .auth-card { max-height: none; overflow-x: visible; overflow-y: visible; }
}
@media (width <= 600px) {
.friend-page-host .auth-shell { grid-template-rows: 66px auto; }
.friend-page-host .auth-form-panel { min-height: calc(100dvh - 66px); padding-bottom: calc(32px + env(safe-area-inset-bottom)); }
}
.friend-page-host .property-facts-section { padding-block-start: 16px; padding-block-end: 19px; }
.friend-page-host .property-facts-section > p { align-items: center; row-gap: 10px; column-gap: 10px; margin-bottom: 10px; display: flex; }
.friend-page-host .property-facts-section > p::after { content: ""; background-image: linear-gradient(90deg, rgba(90, 140, 0, 0.22), rgba(90, 140, 0, 0)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; height: 1px; }
.friend-page-host .property-facts-section dl { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 9px !important; column-gap: 9px !important; }
.friend-page-host .property-facts-section dl > div { background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(250, 252, 248) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 230, 220); border-right-color: rgb(223, 230, 220); border-bottom-color: rgb(223, 230, 220); border-left-color: rgb(223, 230, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 35px minmax(0px, 1fr); grid-template-rows: auto auto; align-content: center; column-gap: 10px; min-height: 78px; display: grid; box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 12px; padding-top: 11px !important; padding-right: 12px !important; padding-bottom: 11px !important; padding-left: 12px !important; }
.friend-page-host .property-facts-section dl > div::before { color: rgb(77, 118, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.08); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(90, 140, 0, 0.16); border-right-color: rgba(90, 140, 0, 0.16); border-bottom-color: rgba(90, 140, 0, 0.16); border-left-color: rgba(90, 140, 0, 0.16); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-row-start: 1; grid-row-end: 3; align-items: center; justify-items: center; align-self: center; width: 35px; height: 35px; font-size: 16px; font-weight: 900; display: grid; }
.friend-page-host .property-facts-section dl > div:nth-child(1)::before { content: "⌖"; }
.friend-page-host .property-facts-section dl > div:nth-child(2)::before { content: "◇"; }
.friend-page-host .property-facts-section dl > div:nth-child(3)::before { content: "↗"; }
.friend-page-host .property-facts-section dl > div:nth-child(4)::before { content: "▣"; }
.friend-page-host .property-facts-section dt, .friend-page-host .property-facts-section dd { grid-column-start: 2; grid-column-end: auto; min-width: 0px; }
.friend-page-host .property-facts-section dt { color: rgb(125, 137, 130); letter-spacing: 0.35px; text-transform: uppercase; margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; font-weight: 700; font-size: 10px !important; }
.friend-page-host .property-facts-section dd { color: rgb(35, 55, 47); font-weight: 700; line-height: 1.4; font-size: 13px !important; }
html[data-theme="dark"] .friend-page-host .property-facts-section dl > div { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(48, 67, 58); border-right-color: rgb(48, 67, 58); border-bottom-color: rgb(48, 67, 58); border-left-color: rgb(48, 67, 58); box-shadow: none; }
html[data-theme="dark"] .friend-page-host .property-facts-section dl > div::before { color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(90, 140, 0, 0.15); border-top-color: rgba(120, 155, 61, 0.32); border-right-color: rgba(120, 155, 61, 0.32); border-bottom-color: rgba(120, 155, 61, 0.32); border-left-color: rgba(120, 155, 61, 0.32); }
html[data-theme="dark"] .friend-page-host .property-facts-section dt { color: rgb(155, 171, 163); }
html[data-theme="dark"] .friend-page-host .property-facts-section dd { color: rgb(241, 245, 243); }
html[data-theme="dark"] .friend-page-host .property-facts-section > p::after { background-image: linear-gradient(90deg, rgba(194, 211, 82, 0.24), rgba(194, 211, 82, 0)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
@media (width <= 380px) {
.friend-page-host .property-facts-section dl { row-gap: 7px !important; column-gap: 7px !important; }
.friend-page-host .property-facts-section dl > div { grid-template-columns: 30px minmax(0px, 1fr); column-gap: 8px; min-height: 72px; padding-top: 9px !important; padding-right: 9px !important; padding-bottom: 9px !important; padding-left: 9px !important; }
.friend-page-host .property-facts-section dl > div::before { width: 30px; height: 30px; font-size: 14px; }
.friend-page-host .property-facts-section dt { font-size: 9px !important; }
.friend-page-host .property-facts-section dd { font-size: 12px !important; }
}
.friend-page-host .deed-fee-page { max-width: none; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .deed-fee-hero { display: flex; align-items: center; justify-content: space-between; row-gap: 18px; column-gap: 18px; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: linear-gradient(135deg, rgb(0, 61, 52), rgb(7, 88, 72)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(255, 255, 255); box-shadow: rgba(0, 61, 52, 0.12) 0px 16px 38px; }
.friend-page-host .deed-fee-hero p, .friend-page-host .deed-section-head p, .friend-page-host .deed-update-head p { margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; color: rgb(185, 223, 50); font-size: 12px; font-weight: 800; letter-spacing: 0.13em; }
.friend-page-host .deed-fee-hero p span { display: inline-grid; align-items: center; justify-items: center; width: 27px; height: 27px; margin-right: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(185, 223, 50, 0.45); border-right-color: rgba(185, 223, 50, 0.45); border-bottom-color: rgba(185, 223, 50, 0.45); border-left-color: rgba(185, 223, 50, 0.45); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .deed-fee-hero h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; font-size: 26px; line-height: 1.1; }
.friend-page-host .deed-fee-hero small { display: block; max-width: 900px; color: rgba(255, 255, 255, 0.8); font-size: 12.5px; line-height: 1.4; }
.friend-page-host .deed-formula-chip { display: grid; flex-grow: 0; flex-shrink: 0; flex-basis: 190px; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.22); border-right-color: rgba(255, 255, 255, 0.22); border-bottom-color: rgba(255, 255, 255, 0.22); border-left-color: rgba(255, 255, 255, 0.22); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.08); }
.friend-page-host .deed-formula-chip small { font-size: 10px; font-weight: 800; letter-spacing: 0.1em; }
.friend-page-host .deed-formula-chip strong { margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; font-size: 34px; color: rgb(208, 238, 69); }
.friend-page-host .deed-formula-chip span { font-size: 12px; color: rgba(255, 255, 255, 0.78); }
.friend-page-host .deed-feedback { padding-top: 12px; padding-right: 15px; padding-bottom: 12px; padding-left: 15px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(214, 184, 97); border-right-color: rgb(214, 184, 97); border-bottom-color: rgb(214, 184, 97); border-left-color: rgb(214, 184, 97); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 249, 233); color: rgb(109, 85, 0); font-weight: 700; }
.friend-page-host .deed-loading { padding-top: 34px; padding-right: 34px; padding-bottom: 34px; padding-left: 34px; text-align: center; color: var(--muted); }
.friend-page-host .deed-fee-grid { display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(380px, 0.9fr); row-gap: 16px; column-gap: 16px; align-items: stretch; }
.friend-page-host .deed-input-card { display: flex; flex-direction: column; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; }
.friend-page-host .deed-section-head { display: flex; align-items: center; row-gap: 12px; column-gap: 12px; margin-bottom: 22px; }
.friend-page-host .deed-section-head > span { display: grid; align-items: center; justify-items: center; width: 38px; height: 38px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 245, 223); color: rgb(79, 133, 0); font-size: 16px; font-weight: 900; }
.friend-page-host .deed-section-head h3, .friend-page-host .deed-update-head h3 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 20px; }
.friend-page-host .deed-price-field > span, .friend-page-host .deed-office-grid label > span, .friend-page-host .deed-update-panel form label > span { display: block; margin-bottom: 7px; color: rgb(104, 115, 111); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; }
.friend-page-host .deed-price-field > div { display: grid; grid-template-columns: 55px 1fr; overflow-x: hidden; overflow-y: hidden; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 215, 209); border-right-color: rgb(204, 215, 209); border-bottom-color: rgb(204, 215, 209); border-left-color: rgb(204, 215, 209); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .deed-price-field b { display: grid; align-items: center; justify-items: center; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(240, 246, 230); color: rgb(87, 145, 0); font-size: 23px; }
.friend-page-host .deed-price-field input { height: 66px; font-weight: 800; color: rgb(6, 47, 41); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; box-shadow: none !important; font-size: 25px !important; }
.friend-page-host .deed-office-grid { display: grid; grid-template-columns: 1fr 1fr; row-gap: 12px; column-gap: 12px; margin-top: 17px; }
.friend-page-host .deed-office-grid select, .friend-page-host .deed-update-panel input { width: 100%; height: 48px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(212, 221, 216); border-right-color: rgb(212, 221, 216); border-bottom-color: rgb(212, 221, 216); border-left-color: rgb(212, 221, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; color: rgb(16, 45, 40); font-weight: 700; }
.friend-page-host .deed-office-note { display: flex; align-items: center; row-gap: 12px; column-gap: 12px; margin-top: 14px; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 228, 198); border-right-color: rgb(216, 228, 198); border-bottom-color: rgb(216, 228, 198); border-left-color: rgb(216, 228, 198); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 239); }
.friend-page-host .deed-office-note > span { display: grid; align-items: center; justify-items: center; width: 38px; height: 38px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 147, 0); color: rgb(255, 255, 255); font-size: 11px; font-weight: 900; }
.friend-page-host .deed-office-note div { display: grid; row-gap: 3px; column-gap: 3px; }
.friend-page-host .deed-office-note strong { font-size: 13px; }
.friend-page-host .deed-office-note small { color: rgb(117, 129, 123); font-size: 11px; }
.friend-page-host .deed-input-actions { display: flex; row-gap: 9px; column-gap: 9px; margin-top: auto; padding-top: 22px; }
.friend-page-host .deed-input-actions button, .friend-page-host .deed-copy-button { min-height: 44px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(201, 215, 207); border-right-color: rgb(201, 215, 207); border-bottom-color: rgb(201, 215, 207); border-left-color: rgb(201, 215, 207); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; color: rgb(33, 70, 62); font-weight: 800; cursor: pointer; }
.friend-page-host .deed-input-actions button.primary { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; border-top-color: rgb(93, 149, 0); border-right-color: rgb(93, 149, 0); border-bottom-color: rgb(93, 149, 0); border-left-color: rgb(93, 149, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(93, 149, 0); color: rgb(255, 255, 255); }
.friend-page-host .deed-result-card { display: flex; flex-direction: column; min-height: 100%; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(6, 63, 53); color: rgb(255, 255, 255); box-shadow: rgba(0, 62, 52, 0.15) 0px 16px 36px; }
.friend-page-host .deed-result-top { display: flex; align-items: center; justify-content: space-between; }
.friend-page-host .deed-result-top span { padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.2); border-right-color: rgba(255, 255, 255, 0.2); border-bottom-color: rgba(255, 255, 255, 0.2); border-left-color: rgba(255, 255, 255, 0.2); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; }
.friend-page-host .deed-result-top b { display: grid; align-items: center; justify-items: center; width: 32px; height: 32px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(185, 223, 50, 0.13); color: rgb(201, 236, 56); font-size: 17px; }
.friend-page-host .deed-result-main { display: grid; row-gap: 2px; column-gap: 2px; margin-top: 10px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; }
.friend-page-host .deed-result-main small { color: rgba(255, 255, 255, 0.66); font-size: 11px; font-weight: 800; letter-spacing: 0.06em; }
.friend-page-host .deed-result-main strong { font-size: 39px; line-height: 1.05; color: rgb(255, 255, 255); }
.friend-page-host .deed-result-main span { color: rgba(255, 255, 255, 0.78); font-size: 12px; font-weight: 700; }
.friend-page-host .deed-result-card dl { display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 8px; column-gap: 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .deed-result-card dl > div { display: grid; row-gap: 4px; column-gap: 4px; padding-top: 13px; padding-right: 11px; padding-bottom: 13px; padding-left: 11px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.14); border-right-color: rgba(255, 255, 255, 0.14); border-bottom-color: rgba(255, 255, 255, 0.14); border-left-color: rgba(255, 255, 255, 0.14); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.055); }
.friend-page-host .deed-result-card dt { color: rgba(255, 255, 255, 0.66); font-size: 10px; }
.friend-page-host .deed-result-card dd { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 16px; font-weight: 900; }
.friend-page-host .deed-result-card dl small { color: rgba(255, 255, 255, 0.55); font-size: 9px; }
.friend-page-host .deed-result-card dl .revolving { border-top-color: rgba(201, 236, 56, 0.32); border-right-color: rgba(201, 236, 56, 0.32); border-bottom-color: rgba(201, 236, 56, 0.32); border-left-color: rgba(201, 236, 56, 0.32); }
.friend-page-host .deed-grand-total { display: flex; align-items: end; justify-content: space-between; row-gap: 15px; column-gap: 15px; margin-top: 18px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.17); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.17); }
.friend-page-host .deed-grand-total span { display: grid; row-gap: 3px; column-gap: 3px; }
.friend-page-host .deed-grand-total small { color: rgb(185, 209, 203); font-size: 10px; font-weight: 800; }
.friend-page-host .deed-grand-total strong { font-size: 25px; color: rgb(208, 237, 73); }
.friend-page-host .deed-grand-total > b { font-size: 11px; color: rgb(194, 211, 82); }
.friend-page-host .deed-copy-button { margin-top: auto; border-top-color: rgba(255, 255, 255, 0.26); border-right-color: rgba(255, 255, 255, 0.26); border-bottom-color: rgba(255, 255, 255, 0.26); border-left-color: rgba(255, 255, 255, 0.26); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.07); color: rgb(255, 255, 255); }
.friend-page-host .deed-copy-button:disabled { opacity: 0.45; cursor: not-allowed; }
.friend-page-host .deed-update-panel { padding-top: 21px; padding-right: 23px; padding-bottom: 21px; padding-left: 23px; }
.friend-page-host .deed-update-head { display: flex; align-items: flex-start; justify-content: space-between; row-gap: 20px; column-gap: 20px; }
.friend-page-host .deed-update-head small { display: block; max-width: 840px; color: rgb(120, 130, 126); line-height: 1.5; }
.friend-page-host .deed-update-head > button { width: 36px; height: 36px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(214, 222, 217); border-right-color: rgb(214, 222, 217); border-bottom-color: rgb(214, 222, 217); border-left-color: rgb(214, 222, 217); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); font-size: 20px; cursor: pointer; }
.friend-page-host .deed-update-panel form { display: grid; grid-template-columns: 180px 230px minmax(250px, 1fr); row-gap: 12px; column-gap: 12px; align-items: end; margin-top: 18px; }
.friend-page-host .deed-update-panel form button { height: 48px; }
.friend-page-host .deed-official-links { display: flex; row-gap: 17px; column-gap: 17px; margin-top: 14px; padding-top: 14px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(225, 231, 227); }
.friend-page-host .deed-official-links a { color: rgb(77, 129, 0); font-size: 12px; font-weight: 800; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .deed-info-strip { display: grid; grid-template-columns: 40px 1fr auto; align-items: center; row-gap: 13px; column-gap: 13px; padding-top: 17px; padding-right: 19px; padding-bottom: 17px; padding-left: 19px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 225, 220); border-right-color: rgb(217, 225, 220); border-bottom-color: rgb(217, 225, 220); border-left-color: rgb(217, 225, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .deed-info-strip > span { display: grid; align-items: center; justify-items: center; width: 36px; height: 36px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); color: rgb(90, 146, 0); font-weight: 900; }
.friend-page-host .deed-info-strip strong { font-size: 13px; }
.friend-page-host .deed-info-strip p { margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(115, 128, 122); font-size: 11px; line-height: 1.5; }
.friend-page-host .deed-info-strip > small { padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(239, 245, 229); color: rgb(83, 127, 16); font-size: 10px; font-weight: 800; white-space-collapse: collapse; text-wrap-mode: nowrap; }
html[data-theme="dark"] .friend-page-host .deed-input-card, html[data-theme="dark"] .friend-page-host .deed-update-panel, html[data-theme="dark"] .friend-page-host .deed-info-strip { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(8, 47, 41); border-top-color: rgb(40, 84, 76); border-right-color: rgb(40, 84, 76); border-bottom-color: rgb(40, 84, 76); border-left-color: rgb(40, 84, 76); }
html[data-theme="dark"] .friend-page-host .deed-price-field > div, html[data-theme="dark"] .friend-page-host .deed-office-grid select, html[data-theme="dark"] .friend-page-host .deed-update-panel input, html[data-theme="dark"] .friend-page-host .deed-update-head > button { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(11, 58, 51); border-top-color: rgb(53, 96, 88); border-right-color: rgb(53, 96, 88); border-bottom-color: rgb(53, 96, 88); border-left-color: rgb(53, 96, 88); color: rgb(238, 247, 243); }
html[data-theme="dark"] .friend-page-host .deed-price-field input { color: rgb(255, 255, 255) !important; }
html[data-theme="dark"] .friend-page-host .deed-price-field b, html[data-theme="dark"] .friend-page-host .deed-office-note, html[data-theme="dark"] .friend-page-host .deed-info-strip > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 63, 49); }
html[data-theme="dark"] .friend-page-host .deed-office-note { border-top-color: rgb(65, 100, 76); border-right-color: rgb(65, 100, 76); border-bottom-color: rgb(65, 100, 76); border-left-color: rgb(65, 100, 76); color: rgb(255, 255, 255); }
html[data-theme="dark"] .friend-page-host .deed-price-field > span, html[data-theme="dark"] .friend-page-host .deed-office-grid label > span, html[data-theme="dark"] .friend-page-host .deed-update-panel form label > span, html[data-theme="dark"] .friend-page-host .deed-update-head small, html[data-theme="dark"] .friend-page-host .deed-info-strip p { color: rgb(168, 187, 181); }
html[data-theme="dark"] .friend-page-host .deed-official-links { border-top-color: rgb(40, 81, 73); border-right-color: rgb(40, 81, 73); border-bottom-color: rgb(40, 81, 73); border-left-color: rgb(40, 81, 73); }
.friend-page-host .deed-input-actions button.primary:disabled { cursor: wait; opacity: 0.72; }
@media (max-width: 1050px) {
.friend-page-host .deed-fee-grid { grid-template-columns: 1fr; }
.friend-page-host .deed-result-card { min-height: 480px; }
.friend-page-host .deed-update-panel form { grid-template-columns: 1fr 1fr; }
.friend-page-host .deed-update-panel form button { grid-column-start: 1; grid-column-end: -1; }
}
@media (max-width: 700px) {
.friend-page-host .deed-fee-hero { align-items: flex-start; padding-top: 14px; padding-right: 16px; padding-bottom: 14px; padding-left: 16px; flex-direction: column; }
.friend-page-host .deed-fee-hero h2 { font-size: 25px; }
.friend-page-host .deed-formula-chip { width: 100%; box-sizing: border-box; grid-template-columns: 1fr auto; align-items: center; }
.friend-page-host .deed-formula-chip strong { grid-row-start: 1; grid-row-end: 3; grid-column-start: 2; grid-column-end: auto; font-size: 30px; }
.friend-page-host .deed-fee-grid { row-gap: 12px; column-gap: 12px; }
.friend-page-host .deed-input-card, .friend-page-host .deed-result-card { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .deed-office-grid, .friend-page-host .deed-result-card dl, .friend-page-host .deed-update-panel form { grid-template-columns: 1fr; }
.friend-page-host .deed-result-main strong { font-size: 34px; }
.friend-page-host .deed-input-actions { flex-direction: column; }
.friend-page-host .deed-result-card { min-height: auto; }
.friend-page-host .deed-grand-total { align-items: start; flex-direction: column; }
.friend-page-host .deed-update-head { row-gap: 10px; column-gap: 10px; }
.friend-page-host .deed-official-links { flex-direction: column; row-gap: 10px; column-gap: 10px; }
.friend-page-host .deed-info-strip { grid-template-columns: 36px 1fr; }
.friend-page-host .deed-info-strip > small { grid-column-start: 2; grid-column-end: auto; justify-self: start; }
.friend-page-host .deed-update-panel form button { grid-column-start: auto; grid-column-end: auto; }
}
.friend-page-host .share-live-result > .share-result-actions { row-gap: 7px; column-gap: 7px; margin-top: 18px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; position: relative; z-index: 1; background-image: linear-gradient(rgba(0, 47, 41, 0.72), rgba(0, 40, 32, 0.91)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.15); border-right-color: rgba(255, 255, 255, 0.15); border-left-color: rgba(255, 255, 255, 0.15); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .share-live-result > .share-result-actions button { min-width: 0px; min-height: 44px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.14); border-right-color: rgba(255, 255, 255, 0.14); border-bottom-color: rgba(255, 255, 255, 0.14); border-left-color: rgba(255, 255, 255, 0.14); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: rgb(238, 245, 242); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); font-size: 11px; font-weight: 900; }
.friend-page-host .share-live-result > .share-result-actions button:first-child { color: rgb(24, 52, 0); background-image: linear-gradient(135deg, rgb(199, 219, 80), rgb(159, 189, 46)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-color: rgb(216, 236, 104); border-right-color: rgb(216, 236, 104); border-bottom-color: rgb(216, 236, 104); border-left-color: rgb(216, 236, 104); box-shadow: rgba(0, 27, 23, 0.25) 0px 7px 16px; }
.friend-page-host .share-live-result > .share-result-actions button:disabled { opacity: 0.68; box-shadow: none; cursor: not-allowed; }
.friend-page-host .share-live-result > .share-action-card { width: 100%; max-width: 100%; row-gap: 14px; column-gap: 14px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; position: relative; z-index: 1; overflow-x: hidden; overflow-y: hidden; color: rgb(255, 255, 255); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgba(255, 255, 255, 0.15); border-bottom-color: rgba(255, 255, 255, 0.15); border-left-color: rgba(255, 255, 255, 0.15); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.09); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; background-image: linear-gradient(145deg, rgb(7, 70, 60) 0%, rgb(5, 58, 50) 52%, rgb(4, 51, 45) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; }
html:not([data-theme="dark"]) .friend-page-host .share-live-result > .share-action-card, html[data-theme="dark"] .friend-page-host .share-live-result > .share-action-card { color: rgb(255, 255, 255); border-top-color: rgba(255, 255, 255, 0.15); border-right-color: rgba(255, 255, 255, 0.15); border-bottom-color: rgba(255, 255, 255, 0.15); border-left-color: rgba(255, 255, 255, 0.15); background-image: linear-gradient(145deg, rgb(7, 70, 60) 0%, rgb(5, 58, 50) 52%, rgb(4, 51, 45) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; }
.friend-page-host .share-live-result > .share-action-card .share-action-head { align-items: flex-start; padding-bottom: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.09); }
.friend-page-host .share-live-result > .share-action-card .share-action-head > span { color: rgb(23, 53, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(194, 211, 82); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 232, 121); border-right-color: rgb(217, 232, 121); border-bottom-color: rgb(217, 232, 121); border-left-color: rgb(217, 232, 121); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; box-shadow: rgba(0, 28, 24, 0.24) 0px 6px 15px; }
.friend-page-host .share-live-result > .share-action-card .share-action-head p { color: rgb(207, 232, 77); }
.friend-page-host .share-live-result > .share-action-card .share-action-head h3 { color: rgb(255, 255, 255) !important; line-height: 1.25; }
.friend-page-host .share-live-result > .share-action-card .share-action-head small, .friend-page-host .share-live-result > .share-action-card .share-action-duration > span { color: rgb(196, 214, 208) !important; }
.friend-page-host .share-live-result > .share-action-card .share-action-duration { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(0, 45, 40, 0.45); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.09); border-right-color: rgba(255, 255, 255, 0.09); border-bottom-color: rgba(255, 255, 255, 0.09); border-left-color: rgba(255, 255, 255, 0.09); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .share-live-result > .share-action-card .share-action-duration > div { row-gap: 7px; column-gap: 7px; }
.friend-page-host .share-live-result > .share-action-card .share-action-duration button { min-width: 0px; min-height: 40px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset; color: rgb(229, 240, 236) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.07) !important; border-top-color: rgba(255, 255, 255, 0.17) !important; border-right-color: rgba(255, 255, 255, 0.17) !important; border-bottom-color: rgba(255, 255, 255, 0.17) !important; border-left-color: rgba(255, 255, 255, 0.17) !important; }
.friend-page-host .share-live-result > .share-action-card .share-action-duration button.active { box-shadow: rgba(0, 28, 24, 0.22) 0px 6px 14px; color: rgb(23, 53, 0) !important; background-image: linear-gradient(135deg, rgb(208, 227, 79), rgb(185, 211, 60)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; border-top-color: rgb(223, 237, 121) !important; border-right-color: rgb(223, 237, 121) !important; border-bottom-color: rgb(223, 237, 121) !important; border-left-color: rgb(223, 237, 121) !important; }
.friend-page-host .share-live-result > .share-action-card .share-action-submit { width: auto; min-width: 88px; min-height: 46px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; align-self: flex-start; white-space-collapse: collapse; text-wrap-mode: nowrap; color: rgb(255, 255, 255); background-image: linear-gradient(135deg, rgb(101, 157, 0), rgb(77, 125, 0)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(129, 179, 46); border-right-color: rgb(129, 179, 46); border-bottom-color: rgb(129, 179, 46); border-left-color: rgb(129, 179, 46); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; box-shadow: rgba(0, 29, 25, 0.25) 0px 8px 18px; }
.friend-page-host .share-live-result > .share-action-card .share-action-submit:disabled { opacity: 1; box-shadow: none; color: rgb(192, 209, 203) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(11, 74, 64) !important; border-top-color: rgba(255, 255, 255, 0.14) !important; border-right-color: rgba(255, 255, 255, 0.14) !important; border-bottom-color: rgba(255, 255, 255, 0.14) !important; border-left-color: rgba(255, 255, 255, 0.14) !important; }
@media (width <= 390px) {
.friend-page-host .share-live-result > .share-result-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .share-live-result > .share-action-card { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .share-live-result > .share-action-card .share-action-head { row-gap: 10px; column-gap: 10px; }
.friend-page-host .share-live-result > .share-action-card .share-action-head > span { flex-basis: 31px; width: 31px; height: 31px; }
}
.friend-page-host .release-history-head strong { font-size: 15px; }
.friend-page-host .release-history > article { align-items: start; }
.friend-page-host .release-history section ul.release-highlights { list-style-position: initial; list-style-image: initial; list-style-type: none; display: grid; row-gap: 5px; column-gap: 5px; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .release-history section ul.release-highlights li { position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 13px; color: rgb(102, 113, 107); font-size: 11px; line-height: 1.45; }
.friend-page-host .release-history section ul.release-highlights li::before { content: ""; position: absolute; left: 0px; top: 0.55em; width: 6px; height: 6px; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(106, 147, 0); }
html[data-theme="dark"] .friend-page-host .release-history section ul.release-highlights li { color: rgb(167, 180, 173); }
html[data-theme="dark"] .friend-page-host .release-history section ul.release-highlights li::before { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(182, 216, 90); }
.friend-page-host .list-sort-bar { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; position: relative; }
.friend-page-host .list-sort-bar::before { content: ""; position: absolute; top: auto; right: 0px; bottom: 0px; left: 0px; height: 1px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; pointer-events: none; }
.friend-page-host .list-sort-label { color: rgb(109, 120, 113); font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 9px; line-height: 1; font-family: Satoshi, sans-serif; letter-spacing: 0.12em; text-transform: uppercase; }
.friend-page-host .list-sort-col { appearance: none; display: inline-flex; align-items: center; row-gap: 5px; column-gap: 5px; width: 100%; min-width: 0px; min-height: 34px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 8px; padding-bottom: 7px; padding-left: 8px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(102, 113, 106); font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 9px; line-height: 1.15; font-family: Satoshi, sans-serif; letter-spacing: 0.06em; text-transform: uppercase; text-align: left; cursor: pointer; transition-behavior: normal, normal, normal; transition-duration: 0.16s, 0.16s, 0.16s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: background, color, box-shadow; }
.friend-page-host .list-sort-col > span { min-width: 0px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .list-sort-col i { flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-style: normal; opacity: 0.4; font-size: 11px; font-weight: 700; transition-behavior: normal, normal; transition-duration: 0.16s, 0.16s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: opacity, transform; }
.friend-page-host .list-sort-col:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(47, 79, 0); }
.friend-page-host .list-sort-col:hover i { opacity: 0.75; }
.friend-page-host .list-sort-col.active { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(47, 79, 0); box-shadow: inset 0 -2px 0 var(--green); }
.friend-page-host .list-sort-col.active i { opacity: 1; color: var(--green); }
.friend-page-host .list-sort-col.is-desc i { transform: translateY(1px); }
.friend-page-host .list-sort-col.is-static { opacity: 0.5; cursor: default; pointer-events: none; font-weight: 750; }
.friend-page-host .list-sort-col.is-static i { display: none; }
.friend-page-host .list-sort-main, .friend-page-host .list-sort-owner, .friend-page-host .list-sort-price, .friend-page-host .list-sort-person, .friend-page-host .list-sort-contact { min-width: 0px; }
.friend-page-host .list-sort-metrics { min-width: 0px; display: grid; row-gap: 7px; column-gap: 7px; }
.friend-page-host .list-sort-chevron, .friend-page-host .list-sort-avatar { display: block; }
.friend-page-host .list-sort-price .list-sort-col { justify-content: flex-end; text-align: right; }
.friend-page-host .list-sort-metrics .list-sort-col { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(213, 227, 194); border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-left: 9px; }
.friend-page-host .list-sort-bar--portfolio { display: grid; grid-template-columns: minmax(250px, 1.2fr) minmax(310px, 1.25fr) minmax(180px, 0.78fr) minmax(155px, 0.62fr) 24px; align-items: stretch; row-gap: 14px; column-gap: 14px; padding-top: 8px; padding-right: 18px; padding-bottom: 8px; padding-left: 18px; }
.friend-page-host .list-sort-bar--portfolio .list-sort-metrics { grid-template-columns: 0.72fr 0.8fr 1.35fr; }
.friend-page-host .list-sort-bar--directory { display: grid; grid-template-columns: 46px minmax(190px, 0.9fr) minmax(240px, 1.05fr) minmax(330px, 1.25fr) 22px; align-items: stretch; row-gap: 15px; column-gap: 15px; padding-top: 8px; padding-right: 18px; padding-bottom: 8px; padding-left: 18px; }
.friend-page-host .list-sort-bar--directory .list-sort-metrics { grid-template-columns: 0.75fr 1fr 1fr; row-gap: 8px; column-gap: 8px; }
.friend-page-host .list-sort-bar--directory .list-sort-avatar { width: 46px; }
.friend-page-host .list-sort-bar--sales { display: grid; grid-template-columns: 145px minmax(240px, 1.25fr) minmax(180px, 0.9fr) minmax(180px, 0.9fr) 140px 140px; align-items: stretch; row-gap: 12px; column-gap: 12px; padding-top: 10px; padding-right: 18px; padding-bottom: 10px; padding-left: 18px; min-width: 1050px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 247, 244); }
.friend-page-host .list-sort-sales-asset { min-width: 0px; display: grid; grid-template-columns: minmax(0px, 1.4fr) minmax(0px, 0.7fr); row-gap: 6px; column-gap: 6px; }
.friend-page-host .list-sort-bar--sales .list-sort-col { min-height: 32px; letter-spacing: 0.45px; }
.friend-page-host .list-sort-bar--stack { display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: 8px; align-items: center; padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; }
.friend-page-host .list-sort-bar--stack .list-sort-col { width: auto; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-top: 6px; padding-right: 11px; padding-bottom: 6px; padding-left: 11px; font-size: 11px; letter-spacing: 0.02em; text-transform: none; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; overflow-x: auto; }
.friend-page-host .sales-ledger-panel .list-sort-bar + .sales-ledger .sales-ledger-head { display: none; }
.friend-page-host .portfolio-list-shell .list-sort-bar, .friend-page-host .directory-list-shell .list-sort-bar, .friend-page-host .sales-ledger-panel .list-sort-bar { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
html[data-theme="dark"] .friend-page-host .list-sort-bar { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-bottom-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .list-sort-col { color: rgb(154, 166, 159); }
html[data-theme="dark"] .friend-page-host .list-sort-col:hover, html[data-theme="dark"] .friend-page-host .list-sort-col.active { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(215, 236, 154); }
html[data-theme="dark"] .friend-page-host .list-sort-col.active { box-shadow: rgb(146, 191, 53) 0px -2px 0px inset; }
html[data-theme="dark"] .friend-page-host .list-sort-metrics .list-sort-col { border-left-color: rgb(49, 70, 61); }
html[data-theme="dark"] .friend-page-host .list-sort-bar--sales { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); }
html[data-theme="dark"] .friend-page-host .list-sort-bar--stack .list-sort-col { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(14, 43, 36); border-top-color: rgb(49, 84, 73); border-right-color: rgb(49, 84, 73); border-bottom-color: rgb(49, 84, 73); border-left-color: rgb(49, 84, 73); color: rgb(237, 247, 232); }
@media (width <= 1220px) {
.friend-page-host .list-sort-bar--portfolio { grid-template-columns: minmax(230px, 1.15fr) minmax(280px, 1.2fr) minmax(155px, 0.65fr) 24px; }
.friend-page-host .list-sort-bar--portfolio .list-sort-owner { display: none; }
.friend-page-host .list-sort-bar--portfolio .list-sort-metrics { grid-template-columns: 1fr 1fr; }
.friend-page-host .list-sort-bar--portfolio .list-sort-metrics .list-sort-col.is-static { display: none; }
}
@media (width <= 1180px) {
.friend-page-host .list-sort-bar--directory { grid-template-columns: 46px minmax(180px, 0.85fr) minmax(210px, 1fr) minmax(260px, 1.1fr) 22px; }
}
@media (width <= 900px) {
.friend-page-host .list-sort-bar--portfolio { grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr) minmax(150px, 0.65fr) 22px; row-gap: 12px; column-gap: 12px; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; }
.friend-page-host .list-sort-bar--directory { display: flex; flex-wrap: wrap; row-gap: 6px; column-gap: 6px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; align-items: center; }
.friend-page-host .list-sort-bar--directory .list-sort-person, .friend-page-host .list-sort-bar--directory .list-sort-contact, .friend-page-host .list-sort-bar--directory .list-sort-metrics { display: contents; }
.friend-page-host .list-sort-bar--directory .list-sort-chevron, .friend-page-host .list-sort-bar--directory .list-sort-avatar, .friend-page-host .list-sort-bar--directory .list-sort-col.is-static { display: none; }
.friend-page-host .list-sort-bar--directory .list-sort-col { width: auto; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: ; border-left-style: ; border-left-color: ; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 7px; padding-right: 11px; padding-bottom: 7px; padding-left: 11px; font-size: 11px; letter-spacing: 0.02em; text-transform: none; box-shadow: rgba(255, 255, 255, 0.66) 0px 1px 0px; }
.friend-page-host .list-sort-bar--directory .list-sort-col.active { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--green) 25%,transparent); }
}
@media (width <= 760px) {
.friend-page-host .list-sort-bar--portfolio { display: flex; flex-wrap: wrap; row-gap: 6px; column-gap: 6px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; align-items: center; }
.friend-page-host .list-sort-bar--portfolio .list-sort-main, .friend-page-host .list-sort-bar--portfolio .list-sort-metrics, .friend-page-host .list-sort-bar--portfolio .list-sort-owner, .friend-page-host .list-sort-bar--portfolio .list-sort-price { display: contents; }
.friend-page-host .list-sort-bar--portfolio .list-sort-chevron, .friend-page-host .list-sort-bar--portfolio .list-sort-col.is-static { display: none; }
.friend-page-host .list-sort-bar--portfolio .list-sort-col { width: auto; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: ; border-left-style: ; border-left-color: ; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 7px; padding-right: 11px; padding-bottom: 7px; padding-left: 11px; font-size: 11px; letter-spacing: 0.02em; text-transform: none; box-shadow: rgba(255, 255, 255, 0.66) 0px 1px 0px; }
.friend-page-host .list-sort-bar--portfolio .list-sort-col.active { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--green) 25%,transparent); }
.friend-page-host .list-sort-bar--sales { display: flex; flex-wrap: wrap; row-gap: 6px; column-gap: 6px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; align-items: center; min-width: 0px; }
.friend-page-host .list-sort-bar--sales .list-sort-sales-asset { display: contents; }
.friend-page-host .list-sort-bar--sales .list-sort-col.is-static { display: none; }
.friend-page-host .list-sort-bar--sales .list-sort-col { width: auto; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: ; border-left-style: ; border-left-color: ; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 7px; padding-right: 11px; padding-bottom: 7px; padding-left: 11px; font-size: 11px; letter-spacing: 0.02em; text-transform: none; box-shadow: rgba(255, 255, 255, 0.66) 0px 1px 0px; }
.friend-page-host .list-sort-bar--sales .list-sort-col.active { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--green) 25%,transparent); }
}
@media (width <= 760px) {
.friend-page-host .portfolio-list-shell > header, .friend-page-host .directory-list-shell > header, .friend-page-host .report-directory-shell > header, .friend-page-host .sales-ledger-panel > .panel-head { row-gap: 6px; column-gap: 6px; padding-top: 12px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
.friend-page-host .portfolio-list-shell > header h2, .friend-page-host .directory-list-shell > header h2, .friend-page-host .report-directory-shell > header h2 { font-size: 17px; line-height: 1.2; }
.friend-page-host .portfolio-list-shell > header p, .friend-page-host .directory-list-shell > header p, .friend-page-host .report-directory-shell > header p { margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; font-size: 9px; letter-spacing: 0.08em; }
.friend-page-host .portfolio-list-shell > header > span, .friend-page-host .directory-list-shell > header > span, .friend-page-host .report-directory-shell > header > span { display: none; }
.friend-page-host .list-sort-bar--portfolio, .friend-page-host .list-sort-bar--directory, .friend-page-host .list-sort-bar--stack, .friend-page-host .list-sort-bar--sales { overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap !important; row-gap: 5px !important; column-gap: 5px !important; padding-top: 8px !important; padding-right: 10px !important; padding-bottom: 8px !important; padding-left: 10px !important; }
.friend-page-host .list-sort-bar--portfolio::-webkit-scrollbar, .friend-page-host .list-sort-bar--directory::-webkit-scrollbar, .friend-page-host .list-sort-bar--stack::-webkit-scrollbar, .friend-page-host .list-sort-bar--sales::-webkit-scrollbar { display: none; }
.friend-page-host .list-sort-bar--portfolio .list-sort-col, .friend-page-host .list-sort-bar--directory .list-sort-col, .friend-page-host .list-sort-bar--stack .list-sort-col, .friend-page-host .list-sort-bar--sales .list-sort-col { flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; min-height: 30px !important; padding-top: 5px !important; padding-right: 9px !important; padding-bottom: 5px !important; padding-left: 9px !important; font-size: 10px !important; }
.friend-page-host .portfolio-record-row { align-items: start; grid-template-columns: minmax(0px, 1fr) auto 16px !important; row-gap: 7px !important; column-gap: 8px !important; padding-top: 10px !important; padding-right: 11px !important; padding-bottom: 10px !important; padding-left: 11px !important; }
.friend-page-host .portfolio-record-main { grid-row-start: 1; grid-row-end: auto; align-items: flex-start; grid-column-start: 1 !important; grid-column-end: 3 !important; row-gap: 7px !important; column-gap: 7px !important; }
.friend-page-host .portfolio-record-main > span { padding-top: 3px !important; padding-right: 6px !important; padding-bottom: 3px !important; padding-left: 6px !important; font-size: 8px !important; }
.friend-page-host .portfolio-record-main small { font-size: 8px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .portfolio-record-main strong { margin-top: 2px !important; font-size: 13px !important; line-height: 1.25 !important; }
.friend-page-host .portfolio-record-main em { margin-top: 2px !important; font-size: 9px !important; }
.friend-page-host .portfolio-record-row > b { line-height: 1; align-self: center; grid-column-start: 3 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; font-size: 18px !important; }
.friend-page-host .portfolio-record-metrics { grid-column-start: 1 !important; grid-column-end: -1 !important; grid-row-start: 2 !important; grid-row-end: auto !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 4px !important; column-gap: 4px !important; }
.friend-page-host .portfolio-record-metrics > span { border-left-width: 2px !important; padding-top: 2px !important; padding-right: 6px !important; padding-bottom: 2px !important; padding-left: 6px !important; }
.friend-page-host .portfolio-record-metrics > span:last-child { grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .portfolio-record-metrics small, .friend-page-host .portfolio-record-owner small { font-size: 8px !important; }
.friend-page-host .portfolio-record-metrics strong, .friend-page-host .portfolio-record-owner strong { margin-top: 1px !important; font-size: 11px !important; }
.friend-page-host .portfolio-record-metrics em, .friend-page-host .portfolio-record-owner em { margin-top: 1px !important; font-size: 8px !important; line-height: 1.25 !important; }
.friend-page-host .portfolio-record-owner { border-top-width: ; border-top-style: ; border-top-color: ; min-width: 0px; grid-column-start: 1 !important; grid-column-end: auto !important; grid-row-start: 3 !important; grid-row-end: auto !important; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; padding-top: 7px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; display: block !important; }
.friend-page-host .portfolio-record-owner strong, .friend-page-host .portfolio-record-owner em { margin-top: 1px !important; }
.friend-page-host .portfolio-record-price { border-top-width: ; border-top-style: ; border-top-color: ; justify-items: end; align-content: center; grid-column-start: 2 !important; grid-column-end: -1 !important; grid-row-start: 3 !important; grid-row-end: auto !important; text-align: right !important; row-gap: 3px !important; column-gap: 3px !important; padding-top: 7px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) !important; }
.friend-page-host .portfolio-record-price > .status { justify-self: end; padding-top: 3px; padding-right: 7px; padding-bottom: 3px; padding-left: 7px; font-size: 9px; line-height: 1.1; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 2px !important; margin-left: 0px !important; }
.friend-page-host .portfolio-record-price strong { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; font-size: 13px !important; }
.friend-page-host .portfolio-record-price small { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; font-size: 9px !important; }
.friend-page-host .directory-list-shell .directory-row, .friend-page-host .directory-list .directory-row { grid-template-columns: 34px minmax(0px, 1fr) 16px !important; row-gap: 8px !important; column-gap: 8px !important; padding-top: 9px !important; padding-right: 11px !important; padding-bottom: 9px !important; padding-left: 11px !important; }
.friend-page-host .directory-avatar { width: 32px !important; height: 32px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; font-size: 10px !important; }
.friend-page-host .directory-person strong { font-size: 13px !important; line-height: 1.25; }
.friend-page-host .directory-person small { margin-top: 2px !important; font-size: 10px !important; }
.friend-page-host .directory-contact, .friend-page-host .directory-metrics { border-top-width: ; border-top-style: ; border-top-color: ; margin-top: 2px; grid-column-start: 1 !important; grid-column-end: -1 !important; padding-top: 7px !important; }
.friend-page-host .directory-contact { grid-template-columns: 1fr 1fr !important; row-gap: 6px !important; column-gap: 6px !important; }
.friend-page-host .directory-metrics { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 4px !important; column-gap: 4px !important; }
.friend-page-host .directory-contact small, .friend-page-host .directory-metrics small { font-size: 8px !important; }
.friend-page-host .directory-contact strong, .friend-page-host .directory-metrics strong { margin-top: 1px !important; font-size: 11px !important; }
.friend-page-host .directory-row > b { font-size: 16px !important; }
.friend-page-host .sales-ledger-panel .panel-head { padding-top: 12px !important; padding-right: 12px !important; padding-bottom: 8px !important; padding-left: 12px !important; }
.friend-page-host .sales-ledger-panel .panel-head h2 { font-size: 16px !important; }
.friend-page-host .sales-ledger { padding-top: 0px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; }
.friend-page-host .sales-ledger > button { row-gap: 0px !important; column-gap: 0px !important; margin-bottom: 8px !important; padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .sales-ledger > button > span { padding-top: 6px !important; padding-right: 6px !important; padding-bottom: 6px !important; padding-left: 6px !important; }
.friend-page-host .sales-ledger > button > span::before { margin-bottom: 2px !important; font-size: 7px !important; }
.friend-page-host .sales-ledger > button strong { font-size: 11px !important; }
.friend-page-host .sales-ledger > button small { margin-top: 2px !important; font-size: 9px !important; }
.friend-page-host .portfolio-command-center > header { padding-top: 14px !important; padding-right: 12px !important; padding-bottom: 14px !important; padding-left: 12px !important; }
.friend-page-host .portfolio-command-center > header h2 { font-size: 20px !important; }
.friend-page-host .portfolio-search { margin-top: 10px !important; margin-right: 10px !important; margin-bottom: 6px !important; margin-left: 10px !important; }
.friend-page-host .portfolio-filter-bar { row-gap: 8px; column-gap: 8px; padding-top: 0px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; }
.friend-page-host .portfolio-command-stats > span { padding-top: 8px !important; padding-right: 12px !important; padding-bottom: 8px !important; padding-left: 12px !important; }
.friend-page-host .load-more-button { min-height: 44px; margin-top: 6px; margin-right: 10px; margin-bottom: 12px; margin-left: 10px; font-size: 12px; width: auto; max-width: none; align-self: stretch; box-sizing: border-box; }
.friend-page-host .summary-grid { row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .summary-grid > article, .friend-page-host .summary-grid > div { padding-top: 10px !important; padding-right: 12px !important; padding-bottom: 10px !important; padding-left: 12px !important; }
}
@media (width <= 430px) {
.friend-page-host .portfolio-record-metrics { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.friend-page-host .portfolio-record-metrics > span:last-child { grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .portfolio-record-price { grid-template-columns: minmax(0px, 1fr) !important; text-align: right !important; }
.friend-page-host .portfolio-record-main strong { font-size: 12.5px !important; }
.friend-page-host .directory-metrics { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
}
@media (width <= 760px) {
html[data-theme="dark"] .friend-page-host .list-sort-bar--portfolio .list-sort-col, html[data-theme="dark"] .friend-page-host .list-sort-bar--directory .list-sort-col, html[data-theme="dark"] .friend-page-host .list-sort-bar--stack .list-sort-col, html[data-theme="dark"] .friend-page-host .list-sort-bar--sales .list-sort-col { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(14, 43, 36); border-top-color: rgb(49, 84, 73); border-right-color: rgb(49, 84, 73); border-bottom-color: rgb(49, 84, 73); border-left-color: rgb(49, 84, 73); color: rgb(237, 247, 232); box-shadow: none; }
html[data-theme="dark"] .friend-page-host .portfolio-record-owner, html[data-theme="dark"] .friend-page-host .portfolio-record-price, html[data-theme="dark"] .friend-page-host .directory-contact, html[data-theme="dark"] .friend-page-host .directory-metrics { border-top-color: rgb(42, 61, 54); }
}
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(5, minmax(0px, 1fr)) minmax(150px, auto); }
@media (width <= 1220px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(3, minmax(0px, 1fr)) auto; }
.friend-page-host .portfolio-filter-bar > button { grid-row-start: auto; grid-column-start: auto; grid-row-end: auto; grid-column-end: auto; }
}
@media (width <= 760px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: 1fr 1fr; }
.friend-page-host .portfolio-record-price > .status { display: none !important; }
}
.friend-page-host .portfolio-record-price > .status, .friend-page-host .table-wrap .status { display: none !important; }
.friend-page-host .portfolio-search { display: none !important; }
.friend-page-host .portfolio-command-actions { flex-wrap: wrap; }
@media (width <= 760px) {
.friend-page-host .portfolio-command-actions .primary-btn { order: 1; }
}
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(5, minmax(0px, 1fr)) minmax(150px, auto); }
.friend-page-host .portfolio-filter-bar .portfolio-clear-btn { color: rgb(106, 50, 38); background-image: linear-gradient(rgb(255, 246, 242), rgb(243, 228, 222)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(215, 160, 144); border-right-color: rgb(215, 160, 144); border-bottom-color: rgb(215, 160, 144); border-left-color: rgb(215, 160, 144); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; height: 40px; min-height: 40px; padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 900; font-stretch: normal; font-size: 10px; line-height: normal; font-family: Satoshi, sans-serif; box-shadow: rgba(255, 255, 255, 0.66) 0px 1px 0px inset; white-space-collapse: collapse; text-wrap-mode: nowrap; cursor: pointer; }
.friend-page-host .portfolio-filter-bar .portfolio-clear-btn:hover { color: rgb(90, 36, 24); background-image: linear-gradient(rgb(255, 233, 225), rgb(237, 213, 204)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-color: rgb(200, 132, 112); border-right-color: rgb(200, 132, 112); border-bottom-color: rgb(200, 132, 112); border-left-color: rgb(200, 132, 112); }
@media (width <= 1220px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(3, minmax(0px, 1fr)) auto; }
.friend-page-host .portfolio-filter-bar .portfolio-clear-btn { grid-column-start: 1; grid-column-end: -1; height: 42px; }
}
@media (width <= 760px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: 1fr 1fr; }
.friend-page-host .portfolio-filter-bar .portfolio-clear-btn { grid-column-start: 1; grid-column-end: -1; width: 100%; min-height: 42px; height: auto; font-size: 11px; }
}
.friend-page-host .list-sort-bar--portfolio .list-sort-main { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
.friend-page-host .deed-result-actions { display: grid; row-gap: 12px; column-gap: 12px; margin-top: auto; padding-top: 18px; }
.friend-page-host .deed-share-control { display: grid; row-gap: 12px; column-gap: 12px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.18); border-right-color: rgba(255, 255, 255, 0.18); border-bottom-color: rgba(255, 255, 255, 0.18); border-left-color: rgba(255, 255, 255, 0.18); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.06); }
.friend-page-host .deed-share-head p { margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; color: rgb(201, 236, 56); font-size: 10px; font-weight: 800; letter-spacing: 0.1em; }
.friend-page-host .deed-share-head strong { display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; color: rgb(255, 255, 255); font-size: 14px; }
.friend-page-host .deed-share-head small { display: block; color: rgba(255, 255, 255, 0.72); font-size: 11px; line-height: 1.45; }
.friend-page-host .deed-share-duration { margin-top: 0px; }
.friend-page-host .deed-share-duration > span { color: rgba(255, 255, 255, 0.78); }
.friend-page-host .deed-share-duration > div { display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: 8px; }
.friend-page-host .deed-share-duration button { min-height: 36px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.22); border-right-color: rgba(255, 255, 255, 0.22); border-bottom-color: rgba(255, 255, 255, 0.22); border-left-color: rgba(255, 255, 255, 0.22); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255); font-weight: 700; cursor: pointer; }
.friend-page-host .deed-share-duration button.active { border-top-color: rgb(185, 223, 50); border-right-color: rgb(185, 223, 50); border-bottom-color: rgb(185, 223, 50); border-left-color: rgb(185, 223, 50); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(93, 149, 0); color: rgb(255, 255, 255); }
.friend-page-host .deed-share-duration button:disabled { opacity: 0.45; cursor: not-allowed; }
.friend-page-host .deed-share-submit { width: auto; min-width: 88px; min-height: 44px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; white-space-collapse: collapse; text-wrap-mode: nowrap; justify-self: end; }
.friend-page-host .deed-share-link label span { color: rgba(255, 255, 255, 0.75); }
.friend-page-host .deed-share-link input { color: rgb(18, 51, 47); }
.friend-page-host .deed-share-public-paper { width: min(920px, 100%); }
.friend-page-host .deed-share-summary { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.friend-page-host .deed-share-public-formula h2 { font-size: clamp(22px, 3vw, 30px); }
@media (max-width: 700px) {
.friend-page-host .deed-share-summary { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .deed-share-control { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
}
.friend-page-host .deed-fee-hero p { margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; }
.friend-page-host .deed-input-card > .deed-info-inline { flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-content: start; align-self: stretch; grid-template-columns: 40px minmax(0px, 1fr); margin-top: 16px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 239); border-top-color: rgb(216, 228, 198); border-right-color: rgb(216, 228, 198); border-bottom-color: rgb(216, 228, 198); border-left-color: rgb(216, 228, 198); }
.friend-page-host .deed-input-card > .deed-info-inline > div { display: grid; row-gap: 6px; column-gap: 6px; min-width: 0px; }
.friend-page-host .deed-input-card > .deed-info-inline p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(77, 92, 87); font-size: 12.5px; line-height: 1.55; }
.friend-page-host .deed-input-card > .deed-info-inline small { display: block; color: rgb(106, 122, 80); font-size: 11px; font-weight: 700; }
.friend-page-host .detail-drawer .drawer-actions { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); align-items: stretch; row-gap: 8px; column-gap: 8px; width: 100%; }
.friend-page-host .detail-drawer .drawer-actions > button { min-width: 0px; width: 100%; padding-top: 8px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px; font-size: 12px; white-space-collapse: collapse; text-wrap-mode: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; }
.friend-page-host .detail-drawer .drawer-actions > .primary-btn:last-child:nth-of-type(n+3) { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .detail-drawer.person-drawer .drawer-actions > .primary-btn:last-child { grid-column-start: auto; grid-column-end: auto; }
@media (width <= 760px) {
.friend-page-host .mobile-nav { grid-template-columns: repeat(7, minmax(0px, 1fr)) !important; }
.friend-page-host .mobile-nav button { min-width: 0px; max-width: 100%; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .document-batch > header, .friend-page-host .power-group > header { flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; justify-content: space-between !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .document-batch > header > .power-person, .friend-page-host .power-group > header > .power-person, .friend-page-host .document-batch > header > button.power-person, .friend-page-host .power-group > header > button.power-person, .friend-page-host .document-batch > header > div:first-child, .friend-page-host .power-group > header > div:first-child { max-width: 100%; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; min-width: 0px !important; width: auto !important; }
.friend-page-host .document-batch > header strong, .friend-page-host .document-batch > header span, .friend-page-host .document-batch > header small, .friend-page-host .power-group > header strong, .friend-page-host .power-group > header span, .friend-page-host .power-group > header small { overflow-wrap: break-word !important; word-break: normal !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; }
.friend-page-host .document-batch-header-actions, .friend-page-host .power-group-header-actions { margin-top: 2px; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; flex-direction: row !important; align-items: flex-start !important; justify-content: flex-end !important; width: auto !important; max-width: none !important; align-self: flex-start !important; }
.friend-page-host .document-batch-header-actions > b, .friend-page-host .power-group-header-actions > b { align-self: flex-start !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
.friend-page-host .document-batch-header-actions > button, .friend-page-host .power-group-header-actions > button { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .power-documents > article { grid-template-columns: minmax(0px, 1fr) !important; align-items: start; }
.friend-page-host .detail-drawer .drawer-actions, .friend-page-host .modal .modal-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .detail-drawer .drawer-actions > button, .friend-page-host .modal .modal-actions > button { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; min-width: 0px !important; width: 100% !important; }
.friend-page-host .modal, .friend-page-host .person-modal, .friend-page-host .property-modal, .friend-page-host .batch-property-modal { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; width: 100% !important; max-width: 100vw !important; }
}
@media (width <= 390px) {
.friend-page-host .mobile-nav button { font-size: 6.5px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; }
.friend-page-host .mobile-nav button span { font-size: 15px; }
}
.friend-page-host a.brand, .friend-page-host a.mobile-brand, .friend-page-host a.settings-brand { cursor: pointer; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; color: inherit; -webkit-tap-highlight-color: transparent; }
@media (width <= 760px) {
.friend-page-host .document-actions, .friend-page-host .document-batch-page .document-actions, .friend-page-host .power-document-actions { width: 100%; display: grid !important; grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; margin-left: 0px !important; }
.friend-page-host .document-actions > *, .friend-page-host .document-batch-page .document-actions > *, .friend-page-host .power-document-actions > * { min-width: 0px !important; width: auto !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .document-actions > :nth-child(1), .friend-page-host .document-actions > :nth-child(2), .friend-page-host .document-batch-page .document-actions > :nth-child(1), .friend-page-host .document-batch-page .document-actions > :nth-child(2), .friend-page-host .power-document-actions > :nth-child(1), .friend-page-host .power-document-actions > :nth-child(2) { grid-column-start: span 3 !important; grid-column-end: auto !important; }
.friend-page-host .document-actions > :nth-child(n+3), .friend-page-host .document-batch-page .document-actions > :nth-child(n+3), .friend-page-host .power-document-actions > :nth-child(n+3) { grid-column-start: span 2 !important; grid-column-end: auto !important; }
.friend-page-host .document-actions a, .friend-page-host .document-actions button, .friend-page-host .document-batch-page .document-actions a, .friend-page-host .document-batch-page .document-actions button { min-height: 36px; align-items: center; justify-items: center; display: grid; font-size: 10px; padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; }
.friend-page-host .directory-list-shell .directory-list, .friend-page-host .directory-list { display: grid !important; row-gap: 10px !important; column-gap: 10px !important; padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host .directory-list-shell { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; box-shadow: none !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .directory-list-shell > header { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 14px !important; padding-right: 16px !important; padding-bottom: 14px !important; padding-left: 16px !important; }
.friend-page-host .directory-list-shell .directory-row, .friend-page-host .directory-list > .directory-row { box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px; align-items: center; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; padding-top: 14px !important; padding-right: 12px !important; padding-bottom: 14px !important; padding-left: 12px !important; row-gap: 10px !important; column-gap: 12px !important; }
.friend-page-host .directory-list-shell .directory-row:first-child, .friend-page-host .directory-list > .directory-row:first-child { border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; }
.friend-page-host .directory-list-shell .directory-row:hover, .friend-page-host .directory-list > .directory-row:hover { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(247, 251, 238) !important; }
.friend-page-host .directory-metrics { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(232, 238, 226); margin-top: 2px; padding-top: 10px !important; }
.friend-page-host .directory-metrics > span { border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; padding-left: 0px !important; }
.friend-page-host .directory-metrics > span + span { border-left-width: 1px !important; border-left-style: solid !important; border-left-color: rgb(229, 236, 218) !important; padding-left: 10px !important; }
.friend-page-host .portfolio-list-shell .portfolio-record-list, .friend-page-host .portfolio-record-list { display: grid !important; row-gap: 10px !important; column-gap: 10px !important; padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host .portfolio-list-shell { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; box-shadow: none !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .portfolio-list-shell > header { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 14px !important; padding-right: 16px !important; padding-bottom: 14px !important; padding-left: 16px !important; }
.friend-page-host .portfolio-list-shell .list-sort-bar { box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 10px !important; margin-left: 0px !important; }
.friend-page-host .portfolio-list-shell .portfolio-record-row, .friend-page-host .portfolio-record-list > .portfolio-record-row { box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px; align-items: center; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; padding-top: 14px !important; padding-right: 12px !important; padding-bottom: 14px !important; padding-left: 12px !important; row-gap: 10px !important; column-gap: 12px !important; }
.friend-page-host .portfolio-record-list > .portfolio-record-row:first-child, .friend-page-host .portfolio-record-list > .portfolio-record-row { border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; }
.friend-page-host .portfolio-list-shell .portfolio-record-row:hover, .friend-page-host .portfolio-record-list > .portfolio-record-row:hover { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(247, 251, 238) !important; }
.friend-page-host .portfolio-record-metrics { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(232, 238, 226); margin-top: 2px; padding-top: 10px !important; }
.friend-page-host .portfolio-record-metrics > span { border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; padding-left: 0px !important; }
.friend-page-host .portfolio-record-metrics > span + span { border-left-width: 1px !important; border-left-style: solid !important; border-left-color: rgb(229, 236, 218) !important; padding-left: 10px !important; }
.friend-page-host .portfolio-record-owner, .friend-page-host .portfolio-record-price { margin-top: 2px; border-top-color: rgb(232, 238, 226) !important; padding-top: 10px !important; }
.friend-page-host .portfolio-record-group { box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px; overflow-x: hidden; overflow-y: hidden; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; }
.friend-page-host .portfolio-record-group:first-child { border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; }
.friend-page-host .portfolio-record-group > header { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(232, 238, 226); }
.friend-page-host .portfolio-record-group-list .portfolio-record-row { border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; box-shadow: none !important; border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .portfolio-record-group-list .portfolio-record-row:first-child { border-top-width: 0px !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.friend-page-host .portfolio-record-group-list .portfolio-record-row:hover { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(247, 251, 238) !important; }
}
html[data-theme="dark"] .friend-page-host .directory-list-shell > header, html[data-theme="dark"] .friend-page-host .directory-list-shell .directory-row, html[data-theme="dark"] .friend-page-host .directory-list > .directory-row { box-shadow: none; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(20, 34, 29) !important; border-top-color: rgb(42, 57, 51) !important; border-right-color: rgb(42, 57, 51) !important; border-bottom-color: rgb(42, 57, 51) !important; border-left-color: rgb(42, 57, 51) !important; }
html[data-theme="dark"] .friend-page-host .portfolio-list-shell > header, html[data-theme="dark"] .friend-page-host .portfolio-list-shell .list-sort-bar, html[data-theme="dark"] .friend-page-host .portfolio-list-shell .portfolio-record-row, html[data-theme="dark"] .friend-page-host .portfolio-record-list > .portfolio-record-row, html[data-theme="dark"] .friend-page-host .portfolio-record-group { box-shadow: none; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(20, 34, 29) !important; border-top-color: rgb(42, 57, 51) !important; border-right-color: rgb(42, 57, 51) !important; border-bottom-color: rgb(42, 57, 51) !important; border-left-color: rgb(42, 57, 51) !important; }
html[data-theme="dark"] .friend-page-host .portfolio-list-shell .portfolio-record-row:hover, html[data-theme="dark"] .friend-page-host .portfolio-record-list > .portfolio-record-row:hover, html[data-theme="dark"] .friend-page-host .portfolio-record-group-list .portfolio-record-row:hover { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(26, 44, 38) !important; }
html[data-theme="dark"] .friend-page-host .portfolio-record-metrics, html[data-theme="dark"] .friend-page-host .portfolio-record-owner, html[data-theme="dark"] .friend-page-host .portfolio-record-price, html[data-theme="dark"] .friend-page-host .portfolio-record-group > header { border-top-color: rgb(42, 57, 51) !important; border-bottom-color: rgb(42, 57, 51) !important; }
html[data-theme="dark"] .friend-page-host .portfolio-record-metrics > span + span { border-left-color: rgb(42, 57, 51) !important; }
html[data-theme="dark"] .friend-page-host .directory-list-shell .directory-row:hover, html[data-theme="dark"] .friend-page-host .directory-list > .directory-row:hover { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(26, 44, 38) !important; }
html[data-theme="dark"] .friend-page-host .directory-metrics { border-top-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .directory-metrics > span + span { border-left-color: rgb(42, 57, 51) !important; }
.friend-page-host .power-group-header-actions > button, .friend-page-host .document-batch-header-actions > button { display: none !important; }
.friend-page-host .power-group-header-actions, .friend-page-host .document-batch-header-actions { row-gap: 0px; column-gap: 0px; flex-shrink: 0; }
@media (width <= 760px) {
.friend-page-host .power-group > header, .friend-page-host .document-batch > header { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; }
.friend-page-host .power-group-header-actions, .friend-page-host .document-batch-header-actions { width: auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: flex-start !important; }
.friend-page-host .power-group-header-actions > b, .friend-page-host .document-batch-header-actions > b { white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
}
@media (min-width: 761px) {
.friend-page-host .page-content, .friend-page-host .page-content > .view-stack, .friend-page-host .portfolio-view-v2, .friend-page-host .people-view-v2, .friend-page-host .search-results-view, .friend-page-host .backup-center, .friend-page-host .trash-center, .friend-page-host .power-center, .friend-page-host .share-calculator, .friend-page-host .share-calculator-v2, .friend-page-host .area-calculator, .friend-page-host .deed-fee-page, .friend-page-host .directory-list-shell, .friend-page-host .report-directory-shell, .friend-page-host .portfolio-command-center, .friend-page-host .directory-command-center, .friend-page-host .portfolio-list-shell, .friend-page-host .context-filter-panel, .friend-page-host .summary-grid, .friend-page-host .sales-ledger, .friend-page-host .report-hero { max-width: none !important; width: 100% !important; }
.friend-page-host .page-content { padding-left: 34px; padding-right: 34px; box-sizing: border-box; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
}
.friend-page-host .deed-result-main small { color: rgb(194, 211, 82) !important; }
.friend-page-host .deed-result-main strong { color: rgb(255, 255, 255) !important; }
.friend-page-host .deed-result-main span { color: rgba(255, 255, 255, 0.78) !important; }
.friend-page-host .deed-grand-total small { color: rgba(255, 255, 255, 0.72) !important; }
.friend-page-host .deed-grand-total strong { color: rgb(208, 237, 73) !important; }
.friend-page-host .deed-grand-total > b { color: rgb(194, 211, 82) !important; }
.friend-page-host .deed-share-public-hero h1 { color: rgb(255, 255, 255) !important; }
.friend-page-host .deed-share-public-hero p { color: rgb(194, 211, 82) !important; }
.friend-page-host .deed-share-public-hero span { color: rgba(255, 255, 255, 0.82) !important; }
.friend-page-host .deed-share-summary > div:first-child strong { color: rgb(208, 237, 73); }
.friend-page-host .property-modal .form-section .form-grid.location-deed-grid, .friend-page-host .location-deed-grid { row-gap: 12px; column-gap: 12px; grid-template-columns: repeat(12, minmax(0px, 1fr)) !important; }
.friend-page-host .location-deed-grid > .field:nth-child(-n+8) { grid-column-start: span 3; grid-column-end: auto; }
.friend-page-host .portfolio-price-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; max-width: none !important; }
.friend-page-host .batch-meta-grid { row-gap: 12px; column-gap: 12px; grid-template-columns: repeat(12, minmax(0px, 1fr)) !important; }
.friend-page-host .batch-meta-grid > .field:nth-child(1) { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .batch-meta-grid > .field:nth-child(2), .friend-page-host .batch-meta-grid > .field:nth-child(3), .friend-page-host .batch-meta-grid > .field:nth-child(4) { grid-column-start: span 4; grid-column-end: auto; }
.friend-page-host .batch-meta-grid > .field:nth-child(n+5) { grid-column-start: span 3; grid-column-end: auto; }
@media (max-width: 900px) {
.friend-page-host .portfolio-price-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 760px) {
.friend-page-host .location-deed-grid { row-gap: 10px; column-gap: 10px; grid-template-columns: repeat(12, minmax(0px, 1fr)) !important; }
.friend-page-host .location-deed-grid > .field:nth-child(-n+8) { grid-column-start: span 3 !important; grid-column-end: auto !important; }
.friend-page-host .location-deed-grid > .field > span { font-size: 7px; letter-spacing: 0.2px; }
.friend-page-host .location-deed-grid > .field input, .friend-page-host .location-deed-grid > .field select { min-height: 38px; font-size: 12px; padding-top: 8px; padding-right: 9px; padding-bottom: 8px; padding-left: 9px; }
.friend-page-host .batch-meta-grid > .field:nth-child(1) { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .batch-meta-grid > .field:nth-child(2), .friend-page-host .batch-meta-grid > .field:nth-child(3), .friend-page-host .batch-meta-grid > .field:nth-child(4) { grid-column-start: span 4 !important; grid-column-end: auto !important; }
.friend-page-host .batch-meta-grid > .field:nth-child(n+5) { grid-column-start: span 6 !important; grid-column-end: auto !important; }
}
@media (max-width: 520px) {
.friend-page-host .location-deed-grid > .field:nth-child(-n+8) { grid-column-start: span 6 !important; grid-column-end: auto !important; }
.friend-page-host .location-deed-grid > .field > span { font-size: 11px; letter-spacing: 0.02em; }
}
.friend-page-host .person-combobox { position: relative; min-width: 0px; width: 100%; }
.friend-page-host .person-combobox > input[type="text"] { width: 100%; min-height: 43px; box-sizing: border-box; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: inherit; }
.friend-page-host .person-combobox.open > input[type="text"] { border-top-color: rgb(143, 179, 74); border-right-color: rgb(143, 179, 74); border-bottom-color: rgb(143, 179, 74); border-left-color: rgb(143, 179, 74); box-shadow: rgba(143, 179, 74, 0.133) 0px 0px 0px 3px; }
.friend-page-host .person-combobox-list { position: absolute; z-index: 40; top: calc(100% + 4px); left: 0px; right: 0px; max-height: 220px; overflow-x: auto; overflow-y: auto; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(213, 222, 204); border-right-color: rgb(213, 222, 204); border-bottom-color: rgb(213, 222, 204); border-left-color: rgb(213, 222, 204); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: rgba(22, 53, 40, 0.1) 0px 12px 28px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; display: grid; row-gap: 2px; column-gap: 2px; }
.friend-page-host .person-combobox-list > button { text-align: left; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 36px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 750; font-stretch: normal; font-size: 13px; line-height: normal; font-family: Satoshi, sans-serif; color: rgb(36, 51, 44); cursor: pointer; }
.friend-page-host .person-combobox-list > button:hover, .friend-page-host .person-combobox-list > button.active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 246, 223); color: rgb(63, 98, 0); }
.friend-page-host .person-combobox-list > small { display: block; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: rgb(122, 133, 128); font-size: 12px; }
.friend-page-host .person-select-line .person-combobox { min-width: 0px; }
html[data-theme="dark"] .friend-page-host .person-combobox > input[type="text"] { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); color: rgb(232, 238, 233); }
html[data-theme="dark"] .friend-page-host .person-combobox-list { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 34, 29); border-top-color: rgb(42, 57, 51); border-right-color: rgb(42, 57, 51); border-bottom-color: rgb(42, 57, 51); border-left-color: rgb(42, 57, 51); box-shadow: rgba(0, 0, 0, 0.533) 0px 12px 28px; }
html[data-theme="dark"] .friend-page-host .person-combobox-list > button { color: rgb(232, 238, 233); }
html[data-theme="dark"] .friend-page-host .person-combobox-list > button:hover, html[data-theme="dark"] .friend-page-host .person-combobox-list > button.active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 47, 40); color: rgb(194, 211, 82); }
.friend-page-host .location-combobox-list > button { display: flex; align-items: center; justify-content: space-between; row-gap: 8px; column-gap: 8px; font-weight: 600; }
.friend-page-host .location-combobox-list > button > small { color: rgb(117, 129, 121); font-weight: 500; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 11px !important; }
.friend-page-host .location-combobox.open { z-index: 45; }
.friend-page-host .panel:has(.location-combobox.open) { overflow-x: visible; overflow-y: visible; }
.friend-page-host .portfolio-filter-bar:has(.location-combobox.open) { position: relative; z-index: 6; overflow-x: visible; overflow-y: visible; }
.friend-page-host .area-location-fields > .location-combobox { min-width: 0px; }
.friend-page-host .area-location-fields > .location-combobox > input { width: 100%; height: 40px; min-height: 40px; }
html[data-theme="dark"] .friend-page-host .location-combobox-list > button > small { color: rgb(170, 187, 176); }
.friend-page-host .portfolio-command-center:has(.person-combobox.open) { position: relative; z-index: 5; overflow-x: visible; overflow-y: visible; }
.friend-page-host .context-filter-panel:has(.person-combobox.open) { position: relative; z-index: 5; }
.friend-page-host .portfolio-filter-bar .person-combobox > input[type="text"], .friend-page-host .context-filters .person-combobox > input[type="text"] { width: 100%; min-width: 0px; }
.friend-page-host .deed-quality-grid { row-gap: 12px; column-gap: 12px; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
.friend-page-host .deed-quality-grid > .field { min-width: 0px; }
@media (max-width: 900px) {
.friend-page-host .deed-quality-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 520px) {
.friend-page-host .deed-quality-grid { row-gap: 10px; column-gap: 10px; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .deed-quality-grid > .field > span { font-size: 7px; }
.friend-page-host .deed-quality-grid > .field input, .friend-page-host .deed-quality-grid > .field select { min-height: 38px; font-size: 12px; padding-top: 8px; padding-right: 9px; padding-bottom: 8px; padding-left: 9px; }
}
@media (width <= 760px) {
.friend-page-host .sales-ledger-panel { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; overflow-x: visible !important; overflow-y: visible !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host .sales-ledger-panel > .panel-head { box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; margin-top: 0px !important; margin-right: 10px !important; margin-bottom: 10px !important; margin-left: 10px !important; padding-top: 14px !important; padding-right: 16px !important; padding-bottom: 14px !important; padding-left: 16px !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar.list-sort-bar--sales { box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px; scrollbar-width: none; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; align-content: flex-start !important; grid-template-columns: none !important; row-gap: 6px !important; column-gap: 6px !important; min-width: 0px !important; width: auto !important; max-width: none !important; margin-top: 0px !important; margin-right: 10px !important; margin-bottom: 10px !important; margin-left: 10px !important; padding-top: 10px !important; padding-right: 12px !important; padding-bottom: 10px !important; padding-left: 12px !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; overflow-x: auto !important; overflow-y: hidden !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar.list-sort-bar--sales::-webkit-scrollbar { display: none; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-sales-asset { display: contents !important; grid-template-columns: none !important; row-gap: 0px !important; column-gap: 0px !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-sales-asset > .list-sort-col:first-child { display: none !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col.is-static { display: none !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col { box-shadow: rgba(255, 255, 255, 0.66) 0px 1px 0px; display: inline-flex !important; width: auto !important; max-width: none !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; min-height: 32px !important; padding-top: 6px !important; padding-right: 11px !important; padding-bottom: 6px !important; padding-left: 11px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; color: rgb(67, 80, 72) !important; font-size: 11px !important; font-weight: 750 !important; letter-spacing: 0.02em !important; text-transform: none !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col > span { overflow-x: visible !important; overflow-y: visible !important; text-overflow: clip !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col.active { border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; color: rgb(47, 79, 0) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--green) 25%,transparent) !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col i { opacity: 0.55 !important; font-size: 10px !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col.active i { opacity: 1 !important; color: var(--green) !important; }
}
html[data-theme="dark"] .friend-page-host .sales-ledger-panel > .panel-head, html[data-theme="dark"] .friend-page-host .sales-ledger-panel .list-sort-bar.list-sort-bar--sales { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(20, 34, 29) !important; border-top-color: rgb(42, 57, 51) !important; border-right-color: rgb(42, 57, 51) !important; border-bottom-color: rgb(42, 57, 51) !important; border-left-color: rgb(42, 57, 51) !important; box-shadow: none !important; }
html[data-theme="dark"] .friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(14, 43, 36) !important; border-top-color: rgb(49, 84, 73) !important; border-right-color: rgb(49, 84, 73) !important; border-bottom-color: rgb(49, 84, 73) !important; border-left-color: rgb(49, 84, 73) !important; color: rgb(237, 247, 232) !important; box-shadow: none !important; }
html[data-theme="dark"] .friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col.active { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; color: rgb(215, 236, 154) !important; }
.friend-page-host { --btn-radius: 5px; --chip-radius: 5px; }
.friend-page-host button, .friend-page-host input[type="button"], .friend-page-host input[type="submit"], .friend-page-host input[type="reset"], .friend-page-host .primary-btn, .friend-page-host .ghost-btn, .friend-page-host .load-more-button, .friend-page-host .release-load-more, .friend-page-host .top-actions button, .friend-page-host .panel-head > button, .friend-page-host .side-nav button, .friend-page-host .mobile-nav button.active, .friend-page-host .mobile-add, .friend-page-host .empty-state button, .friend-page-host .modal-actions button, .friend-page-host .modal-head > button, .friend-page-host .drawer-actions button, .friend-page-host .drawer-head > button, .friend-page-host .portfolio-command-actions button, .friend-page-host .portfolio-filter-bar > button, .friend-page-host .portfolio-clear-btn, .friend-page-host .deed-share-duration button, .friend-page-host .deed-ai-update-button, .friend-page-host .share-duration button, .friend-page-host .share-link button, .friend-page-host .share-live-result > .share-result-actions button, .friend-page-host .share-live-result > .share-action-card .share-action-duration button, .friend-page-host .search-result-hero button, .friend-page-host .statement-header-actions button, .friend-page-host .settings-topbar > div button, .friend-page-host .settings-topbar > div a, .friend-page-host .sessions-head > button, .friend-page-host .session-list article > button, .friend-page-host .power-filter-inside button, .friend-page-host .document-actions a, .friend-page-host .document-actions button, .friend-page-host .power-document-actions a, .friend-page-host .power-document-actions button, .friend-page-host .document-batch-page .document-actions a, .friend-page-host .document-batch-page .document-actions button, .friend-page-host .person-card-head button, .friend-page-host .pending-file-list > span button, .friend-page-host .branding-actions button, .friend-page-host .branding-file-field input[type="file"]::file-selector-button, .friend-page-host .person-combobox-list > button, .friend-page-host .person-drawer-actions button, .friend-page-host .person-drawer-actions .primary-btn, .friend-page-host .person-drawer-actions .danger-btn, .friend-page-host .document-upload .primary-btn, .friend-page-host .table-wrap td:last-child button, .friend-page-host .search-group .responsive-table td:last-child button, .friend-page-host .settings-primary, .friend-page-host .model-refresh, .friend-page-host .deed-input-actions button, .friend-page-host .deed-update-panel form button, .friend-page-host .auth-form button, .friend-page-host .auth-ip button, .friend-page-host .portfolio-share-panel-v2 button, .friend-page-host .property-tracking-card footer button, .friend-page-host .property-modal .modal-actions button, .friend-page-host .batch-property-modal .modal-actions button { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .list-sort-bar--stack .list-sort-col, .friend-page-host .list-sort-bar--portfolio .list-sort-col, .friend-page-host .list-sort-bar--portfolio .list-sort-metrics .list-sort-col, .friend-page-host .list-sort-bar--directory .list-sort-col, .friend-page-host .list-sort-bar--directory .list-sort-metrics .list-sort-col, .friend-page-host .list-sort-bar--sales .list-sort-col, .friend-page-host .list-sort-metrics .list-sort-col, .friend-page-host .list-sort-price .list-sort-col, .friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .auth-field > div button { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .load-more-button, .friend-page-host .release-load-more { box-sizing: border-box !important; width: auto !important; max-width: 100% !important; margin-left: 10px !important; margin-right: 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-top-left-radius: var(--btn-radius) !important; border-top-right-radius: var(--btn-radius) !important; border-bottom-left-radius: var(--btn-radius) !important; border-bottom-right-radius: var(--btn-radius) !important; overflow-x: visible !important; overflow-y: visible !important; }
@media (width <= 760px) {
.friend-page-host .portfolio-command-center, .friend-page-host .panel.portfolio-command-center { overflow-x: visible !important; overflow-y: visible !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; box-shadow: none !important; }
.friend-page-host .portfolio-command-center > header { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px; }
.friend-page-host .directory-command-center, .friend-page-host .directory-command-center.context-filter-panel { overflow-x: visible !important; overflow-y: visible !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 12px !important; margin-left: 0px !important; padding-top: 14px !important; padding-right: 14px !important; padding-bottom: 12px !important; padding-left: 14px !important; }
.friend-page-host .directory-command-center .context-filter-title { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; box-shadow: none !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; flex-direction: column !important; align-items: stretch !important; row-gap: 12px !important; column-gap: 12px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .directory-command-center .context-filter-heading-actions { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; row-gap: 8px !important; column-gap: 8px !important; width: 100% !important; }
.friend-page-host .directory-command-center .context-filter-heading-actions > span { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: center !important; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; padding-top: 7px !important; padding-right: 10px !important; padding-bottom: 7px !important; padding-left: 10px !important; font-size: 11px !important; }
.friend-page-host .directory-command-center .context-page-actions { display: flex !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; width: auto !important; min-width: 0px !important; justify-content: flex-end !important; }
.friend-page-host .directory-command-center .context-page-actions > button, .friend-page-host .directory-command-center .context-page-actions .primary-btn { flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; width: auto !important; min-width: 0px !important; min-height: 40px !important; padding-top: 0px !important; padding-right: 14px !important; padding-bottom: 0px !important; padding-left: 14px !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .load-more-button, .friend-page-host .release-load-more { box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px; width: auto !important; align-self: stretch !important; min-height: 44px !important; margin-top: 6px !important; margin-right: 10px !important; margin-bottom: 12px !important; margin-left: 10px !important; padding-top: 0px !important; padding-right: 14px !important; padding-bottom: 0px !important; padding-left: 14px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(242, 247, 233) !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(169, 199, 123) !important; border-right-color: rgb(169, 199, 123) !important; border-bottom-color: rgb(169, 199, 123) !important; border-left-color: rgb(169, 199, 123) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: var(--btn-radius) !important; border-top-right-radius: var(--btn-radius) !important; border-bottom-left-radius: var(--btn-radius) !important; border-bottom-right-radius: var(--btn-radius) !important; font-size: 12px !important; }
.friend-page-host .portfolio-share-panel-v2, .friend-page-host .portfolio-share-panel { margin-top: 0px !important; margin-right: 10px !important; margin-bottom: 12px !important; margin-left: 10px !important; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .portfolio-share-panel-v2 .share-duration button, .friend-page-host .portfolio-share-panel .share-duration button, .friend-page-host .share-duration button, .friend-page-host .deed-share-duration button { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
}
html[data-theme="dark"] .friend-page-host .load-more-button, html[data-theme="dark"] .friend-page-host .release-load-more { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(27, 42, 24) !important; border-top-color: rgb(82, 109, 53) !important; border-right-color: rgb(82, 109, 53) !important; border-bottom-color: rgb(82, 109, 53) !important; border-left-color: rgb(82, 109, 53) !important; color: rgb(201, 220, 131) !important; box-shadow: none !important; }
.friend-page-host .share-fraction-fields { display: grid !important; grid-template-columns: minmax(0px, 1fr) 12px minmax(0px, 1fr) !important; align-items: end !important; row-gap: 8px !important; column-gap: 8px !important; width: 100% !important; }
.friend-page-host .share-fraction-fields > .field { min-width: 0px !important; width: auto !important; max-width: none !important; grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .share-fraction-fields > i { justify-self: center; width: 1px !important; min-width: 1px !important; height: 42px !important; align-self: end !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 1px !important; margin-left: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(202, 214, 190) !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
.friend-page-host .share-fraction-fields input { width: 100% !important; text-align: center !important; }
@media (width <= 760px) {
.friend-page-host .share-ratio-fields { grid-template-columns: minmax(0px, 1fr) !important; row-gap: 12px !important; column-gap: 12px !important; }
.friend-page-host .share-fraction-fields { grid-template-columns: minmax(0px, 1fr) 10px minmax(0px, 1fr) !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .share-fraction-fields > .field > span { font-size: 10px !important; }
.friend-page-host .share-fraction-fields input { min-height: 46px !important; font-size: 16px !important; }
.friend-page-host .share-fraction-fields > i { height: 46px !important; }
}
@media (width <= 760px) {
.friend-page-host .drawer-actions, .friend-page-host .detail-drawer .drawer-actions, .friend-page-host .person-drawer .drawer-actions, .friend-page-host .person-drawer-actions, .friend-page-host .modal-actions, .friend-page-host .modal .modal-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 8px !important; column-gap: 8px !important; align-items: stretch !important; flex-direction: row !important; flex-wrap: nowrap !important; }
.friend-page-host .drawer-actions > button, .friend-page-host .detail-drawer .drawer-actions > button, .friend-page-host .person-drawer-actions > button, .friend-page-host .modal-actions > button { grid-column-start: auto !important; grid-column-end: auto !important; width: 100% !important; min-width: 0px !important; max-width: none !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; min-height: 42px !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .drawer-actions > .danger-btn, .friend-page-host .detail-drawer .drawer-actions > .danger-btn { grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .drawer-actions > .primary-btn:last-child:nth-of-type(n+3), .friend-page-host .detail-drawer .drawer-actions > .primary-btn:last-child:nth-of-type(n+3), .friend-page-host .person-drawer .drawer-actions > .primary-btn:last-child:nth-of-type(n+3), .friend-page-host .person-drawer-actions > .primary-btn:last-child:nth-of-type(n+3), .friend-page-host .modal-actions > .primary-btn:last-child:nth-of-type(n+3) { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .person-drawer .drawer-actions > .primary-btn:last-child, .friend-page-host .person-drawer-actions > .primary-btn:last-child { grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .modal-actions .repeat-property, .friend-page-host .modal-actions .batch-save-note { grid-column-start: 1 !important; grid-column-end: -1 !important; }
}
@media (width <= 430px) {
.friend-page-host .drawer-actions, .friend-page-host .detail-drawer .drawer-actions, .friend-page-host .person-drawer-actions, .friend-page-host .modal-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .drawer-actions > button, .friend-page-host .modal-actions > button { grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .drawer-actions > .primary-btn:last-child:nth-of-type(n+3), .friend-page-host .modal-actions > .primary-btn:last-child:nth-of-type(n+3) { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .person-drawer .drawer-actions > .primary-btn:last-child { grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .modal-actions .repeat-property, .friend-page-host .modal-actions .batch-save-note { grid-column-start: 1 !important; grid-column-end: -1 !important; }
}
@media (width <= 760px) {
.friend-page-host .directory-command-center, .friend-page-host .directory-command-center.context-filter-panel { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .directory-command-center .context-filter-title { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; box-shadow: none !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; display: flex !important; flex-direction: column !important; row-gap: 12px !important; column-gap: 12px !important; }
.friend-page-host .directory-command-center .context-filter-heading-actions { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; row-gap: 8px !important; column-gap: 8px !important; width: 100% !important; }
.friend-page-host .directory-command-center .context-filter-heading-actions > span { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .directory-command-center .context-page-actions { display: flex !important; width: auto !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; justify-content: flex-end !important; }
.friend-page-host .directory-command-center .context-page-actions button { width: auto !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
}
@media (width <= 760px) {
.friend-page-host .person-drawer .drawer-actions, .friend-page-host .detail-drawer.person-drawer .drawer-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .person-drawer .drawer-actions > .danger-btn, .friend-page-host .person-drawer .drawer-actions > .primary-btn, .friend-page-host .detail-drawer.person-drawer .drawer-actions > .danger-btn, .friend-page-host .detail-drawer.person-drawer .drawer-actions > .primary-btn { grid-column-start: auto !important; grid-column-end: auto !important; width: 100% !important; }
}
@media (width <= 760px) {
.friend-page-host .detail-drawer .drawer-actions, .friend-page-host .detail-drawer.person-drawer .drawer-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .detail-drawer.person-drawer .drawer-actions > .danger-btn, .friend-page-host .detail-drawer.person-drawer .drawer-actions > .primary-btn { grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .directory-command-center, .friend-page-host .directory-command-center.context-filter-panel { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .share-fraction-fields { display: grid !important; grid-template-columns: minmax(0px, 1fr) 10px minmax(0px, 1fr) !important; }
}
.friend-page-host { --nav-divider: rgba(255,255,255,.12); --nav-divider-soft: rgba(255,255,255,.06); --mobile-nav-divider: rgba(0,0,0,.07); }
.friend-page-host .side-nav { padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; row-gap: 0px !important; column-gap: 0px !important; }
.friend-page-host .side-nav button { position: relative; }
.friend-page-host .side-nav button + button::before { content: ""; position: absolute; top: 0px; left: 14px; right: 14px; border-top-width: ; border-top-style: ; border-top-color: ; pointer-events: none; }
.friend-page-host .side-nav button:hover::before, .friend-page-host .side-nav button.active::before, .friend-page-host .side-nav button:hover + button::before, .friend-page-host .side-nav button.active + button::before { border-top-color: var(--nav-divider-soft); }
.friend-page-host .mobile-nav button { position: relative; }
.friend-page-host .mobile-nav button + button::after { content: ""; position: absolute; left: 0px; top: 20%; bottom: 20%; border-left-width: ; border-left-style: ; border-left-color: ; pointer-events: none; }
html[data-theme="dark"] .friend-page-host { --nav-divider: rgba(255,255,255,.1); --nav-divider-soft: rgba(255,255,255,.05); --mobile-nav-divider: rgba(255,255,255,.1); }
html[data-theme="dark"] .friend-page-host .mobile-nav { --mobile-nav-divider: rgba(255,255,255,.11); }
@media (width <= 760px) {
.friend-page-host .mobile-nav button + button::after { top: 18%; bottom: 18%; }
}
.friend-page-host .topbar-date { color: rgb(232, 239, 227); letter-spacing: 0.01em; white-space-collapse: collapse; text-wrap-mode: nowrap; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-items: baseline; row-gap: 0px; column-gap: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 4px; font-family: Satoshi, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.2; display: inline-flex; user-select: none; }
.friend-page-host .topbar > .topbar-date { margin-left: auto; }
.friend-page-host .topbar-date-short { display: none; }
.friend-page-host .topbar-date-long { display: inline; }
@media (width <= 980px) {
.friend-page-host .topbar-date { font-size: 11px; padding-left: 2px; padding-right: 4px; }
}
@media (width <= 760px) {
.friend-page-host .topbar > .topbar-date { margin-left: 0px; }
.friend-page-host .topbar-date { grid-row-start: 1; grid-column-start: 2; grid-row-end: auto; grid-column-end: auto; justify-self: end; align-self: center; color: rgb(220, 232, 212); max-width: 88px; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 0px; font-size: 10px; font-weight: 700; line-height: 1.15; text-align: right; }
.friend-page-host .topbar-date-long { display: none; }
.friend-page-host .topbar-date-short { display: inline; }
.friend-page-host .topbar { grid-template-columns: minmax(0px, 1fr) auto auto auto auto auto; }
.friend-page-host .topbar > .theme-toggle { grid-row-start: 1; grid-column-start: 3; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .mobile-search-shortcut { grid-row-start: 1; grid-column-start: 4; grid-row-end: auto; grid-column-end: auto; }
.friend-page-host .settings-shortcut { grid-row-start: 1; grid-column-start: 5; grid-row-end: auto; grid-column-end: auto; }
}
@media (width <= 420px) {
.friend-page-host .topbar-date { max-width: 64px; font-size: 9.5px; letter-spacing: 0px; }
}
.friend-page-host .mobile-nav-trigger { display: none; }
@media (width <= 760px) {
.friend-page-host .mobile-nav-trigger { grid-row-start: 1; grid-column-start: 6; grid-row-end: auto; grid-column-end: auto; justify-self: end; color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.05); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.22); border-right-color: rgba(255, 255, 255, 0.22); border-bottom-color: rgba(255, 255, 255, 0.22); border-left-color: rgba(255, 255, 255, 0.22); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; row-gap: 0px; column-gap: 0px; width: 38px; height: 38px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; line-height: 1; }
.friend-page-host .mobile-nav-trigger span { font-size: 18px; line-height: 1; }
.friend-page-host .mobile-nav-trigger small { display: none; }
.friend-page-host .mobile-nav-trigger.active, .friend-page-host .mobile-nav-trigger[aria-expanded="true"] { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; color: var(--lime); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(182, 223, 85, 0.133); }
.friend-page-host .mobile-nav { display: none !important; }
.friend-page-host .mobile-nav-dock { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); row-gap: 4px; column-gap: 4px; margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; padding-top: 8px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 45, 40); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(25, 75, 67); border-right-color: rgb(25, 75, 67); border-bottom-color: rgb(25, 75, 67); border-left-color: rgb(25, 75, 67); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .mobile-nav-dock button { color: rgb(197, 212, 207); background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; row-gap: 2px; column-gap: 2px; min-width: 0px; padding-top: 8px; padding-right: 2px; padding-bottom: 8px; padding-left: 2px; font-size: 8px; line-height: 1.15; display: grid; }
.friend-page-host .mobile-nav-dock button span { font-size: 16px; line-height: 1; color: rgb(232, 242, 234); }
.friend-page-host .mobile-nav-dock button.active { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.08); }
.friend-page-host .mobile-nav-dock button.active span { color: var(--lime,#b6df55); }
.friend-page-host .page-content { padding-bottom: 28px; }
.friend-page-host .records-panel { margin-bottom: 24px; }
}
@media (width <= 760px) {
.friend-page-host .auth-shell { overflow-x: auto; overflow-y: auto; }
.friend-page-host .auth-card { overflow-x: visible; overflow-y: visible; }
}
.friend-page-host .share-statement { display: grid; grid-template-columns: auto minmax(0px, 1fr); justify-content: stretch; column-gap: 9px; align-items: center; width: 100%; max-width: 100%; box-sizing: border-box; }
.friend-page-host .share-statement > .document-title { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .share-statement > .share-create { grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; margin-top: 0px; justify-self: start; align-self: center; box-sizing: border-box; height: 40px; min-height: 40px; max-height: 40px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; line-height: 1; }
.friend-page-host .share-statement > .share-duration { grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-width: 0px; width: 100%; max-width: none; justify-self: stretch; align-self: center; box-sizing: border-box; }
.friend-page-host .share-statement > .share-link, .friend-page-host .share-statement > .document-error { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .portfolio-share-actions { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; row-gap: 9px; column-gap: 9px; width: 100%; max-width: 100%; box-sizing: border-box; }
.friend-page-host .portfolio-share-actions > .primary-btn { order: -1; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: center; box-sizing: border-box; height: 40px; min-height: 40px; max-height: 40px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; line-height: 1; }
.friend-page-host .portfolio-share-actions .share-duration { flex-grow: 1; flex-shrink: 1; flex-basis: auto; min-width: 0px; width: auto; max-width: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; align-self: center; box-sizing: border-box; }
.friend-page-host .share-duration, .friend-page-host .portfolio-share-actions .share-duration, .friend-page-host .share-statement > .share-duration { justify-content: flex-start; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .share-statement > .share-duration, .friend-page-host .portfolio-share-actions .share-duration { width: 100%; max-width: none; }
.friend-page-host .share-duration > div, .friend-page-host .share-duration-days { flex-grow: 0; flex-shrink: 0; flex-basis: auto; display: flex; flex-wrap: nowrap; align-items: center; row-gap: 5px; column-gap: 5px; }
.friend-page-host .share-statement > .share-duration > div, .friend-page-host .portfolio-share-actions .share-duration > div { flex-grow: 1; flex-shrink: 1; flex-basis: auto; width: 100%; min-width: 0px; }
.friend-page-host .share-duration > div > button, .friend-page-host .share-duration-days > button { flex-grow: 0; flex-shrink: 0; flex-basis: auto; box-sizing: border-box; min-width: 55px; height: 40px; min-height: 40px; max-height: 40px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; line-height: 1; }
.friend-page-host .share-statement > .share-duration > div > button, .friend-page-host .portfolio-share-actions .share-duration > div > button { flex-grow: 1; flex-shrink: 1; flex-basis: 0px; min-width: 0px; width: auto; }
.friend-page-host .share-action-card, .friend-page-host .area-share-control, .friend-page-host .deed-share-control { display: grid; grid-template-columns: minmax(0px, 1fr); row-gap: 12px; column-gap: 12px; }
.friend-page-host .share-action-duration, .friend-page-host .deed-share-duration { display: grid; row-gap: 8px; column-gap: 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 100%; max-width: 100%; box-sizing: border-box; }
.friend-page-host .share-actions-row { display: flex; flex-wrap: nowrap; align-items: center; row-gap: 9px; column-gap: 9px; width: 100%; max-width: 100%; min-width: 0px; box-sizing: border-box; }
.friend-page-host .share-actions-row > .primary-btn, .friend-page-host .share-actions-row > .share-action-submit, .friend-page-host .share-actions-row > .deed-share-submit { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: auto; min-width: 88px; box-sizing: border-box; height: 40px; min-height: 40px; max-height: 40px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; align-self: center; justify-self: start; white-space-collapse: collapse; text-wrap-mode: nowrap; line-height: 1; }
.friend-page-host .share-actions-row > .share-duration-days { flex-grow: 1; flex-shrink: 1; flex-basis: auto; min-width: 0px; display: flex; flex-wrap: nowrap; align-items: center; row-gap: 7px; column-gap: 7px; width: auto; }
.friend-page-host .share-actions-row > .share-duration-days > button { flex-grow: 1; flex-shrink: 1; flex-basis: 0px; box-sizing: border-box; min-width: 0px; height: 40px; min-height: 40px; max-height: 40px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; line-height: 1; }
.friend-page-host .share-live-result > .share-action-card .share-action-duration { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .share-live-result > .share-action-card .share-actions-row > .share-action-submit { align-self: center; height: 40px; min-height: 40px; max-height: 40px; }
.friend-page-host .deed-share-submit { justify-self: start; }
.friend-page-host .deed-share-duration > div { flex-wrap: nowrap; align-items: center; }
.friend-page-host .deed-share-duration button { flex-grow: 0; flex-shrink: 0; flex-basis: auto; box-sizing: border-box; height: 40px; min-height: 40px; max-height: 40px; line-height: 1; }
.friend-page-host .project-inception-note { margin-top: 18px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(215, 227, 200); border-right-color: rgb(215, 227, 200); border-bottom-color: rgb(215, 227, 200); border-left-color: rgb(215, 227, 200); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: linear-gradient(135deg, rgb(247, 251, 238), rgb(238, 246, 227)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(53, 80, 24); font-size: 13px; font-weight: 750; line-height: 1.5; }
html[data-theme="dark"] .friend-page-host .project-inception-note { border-top-color: rgb(61, 90, 47); border-right-color: rgb(61, 90, 47); border-bottom-color: rgb(61, 90, 47); border-left-color: rgb(61, 90, 47); background-image: linear-gradient(135deg, rgb(21, 34, 24), rgb(26, 43, 28)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(201, 220, 131); }
@media (width <= 760px) {
.friend-page-host .workspace > .topbar { top: 0px; left: 0px; right: 0px; width: 100%; max-width: 100%; z-index: 90; box-shadow: rgba(0, 21, 16, 0.25) 0px 10px 28px; position: fixed !important; }
.friend-page-host .workspace { padding-top: 116px; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host { scroll-padding-top: 116px; }
.friend-page-host .settings-shell > .settings-topbar { top: 0px; left: 0px; right: 0px; width: 100%; max-width: 100%; z-index: 90; position: fixed !important; }
.friend-page-host .settings-shell { padding-top: 72px; }
.friend-page-host .page-content { overflow-x: hidden; max-width: 100%; }
}
@media (width <= 760px) {
.friend-page-host { --mobile-topbar-compact: calc(8px + 44px + 10px + env(safe-area-inset-top,0px)); --mobile-topbar-expanded: calc(8px + 44px + 7px + 46px + 10px + env(safe-area-inset-top,0px)); --mobile-topbar-offset: var(--mobile-topbar-compact); --mobile-settings-topbar-height: calc(72px + env(safe-area-inset-top,0px)); --mobile-search-results-gap: 8px; }
.friend-page-host .app-shell.global-search-mode { --mobile-topbar-offset: var(--mobile-topbar-expanded); }
.friend-page-host .workspace > .topbar { padding-top: env(safe-area-inset-top,0px); grid-template-rows: 44px 0px !important; row-gap: 0px !important; column-gap: 0px !important; min-height: var(--mobile-topbar-compact) !important; height: auto !important; }
.friend-page-host .app-shell.global-search-mode .workspace > .topbar { grid-template-rows: 44px 46px !important; row-gap: 7px !important; column-gap: 8px !important; min-height: var(--mobile-topbar-expanded) !important; }
.friend-page-host .workspace > .topbar .global-search { height: 0px !important; min-height: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; overflow-x: hidden !important; overflow-y: hidden !important; opacity: 0 !important; pointer-events: none !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
.friend-page-host .app-shell.global-search-mode .workspace > .topbar .global-search { height: 46px !important; min-height: 46px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 11px !important; padding-bottom: 0px !important; padding-left: 11px !important; overflow-x: hidden !important; overflow-y: hidden !important; opacity: 1 !important; pointer-events: auto !important; }
.friend-page-host .workspace { padding-top: var(--mobile-topbar-offset) !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host { scroll-padding-top: var(--mobile-topbar-offset) !important; }
.friend-page-host .settings-shell > .settings-topbar { padding-top: env(safe-area-inset-top,0px); min-height: var(--mobile-settings-topbar-height) !important; }
.friend-page-host .settings-shell { padding-top: var(--mobile-settings-topbar-height) !important; }
.friend-page-host .global-search-results-open { top: calc(var(--mobile-topbar-offset) + var(--mobile-search-results-gap)) !important; right: 10px !important; bottom: max(10px,env(safe-area-inset-bottom)) !important; left: 10px !important; }
@media (width <= 390px) {
.friend-page-host .global-search-results-open { top: calc(var(--mobile-topbar-offset) + 6px) !important; right: 7px !important; bottom: max(7px,env(safe-area-inset-bottom)) !important; left: 7px !important; }
}
.friend-page-host .mobile-menu-backdrop { padding-top: var(--mobile-topbar-offset) !important; align-items: flex-start !important; }
.friend-page-host .mobile-menu-sheet { max-height: calc(100dvh - var(--mobile-topbar-offset)) !important; }
.friend-page-host .share-actions-row, .friend-page-host .portfolio-share-actions, .friend-page-host .deed-share-duration > div { flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; }
.friend-page-host .share-actions-row > .share-duration-days, .friend-page-host .share-duration > div, .friend-page-host .share-duration-days { flex-wrap: wrap !important; }
.friend-page-host .share-actions-row > .primary-btn, .friend-page-host .share-actions-row > .share-action-submit, .friend-page-host .share-actions-row > .deed-share-submit { min-width: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; }
.friend-page-host .share-statement { row-gap: 8px; justify-content: stretch; grid-template-columns: 1fr !important; }
.friend-page-host .share-statement > .share-create, .friend-page-host .share-statement > .share-duration { width: 100%; max-width: 100%; grid-column-start: 1 !important; grid-column-end: auto !important; grid-row-start: auto !important; grid-row-end: auto !important; }
.friend-page-host .share-statement > .share-duration { justify-self: stretch; }
.friend-page-host .auth-shell { overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .global-search-mode .workspace > .topbar { z-index: 95 !important; }
}
@media (width <= 760px) {
.friend-page-host .workspace > .topbar .settings-shortcut, .friend-page-host .workspace > .topbar > .theme-toggle, .friend-page-host .workspace > .topbar .mobile-search-shortcut { box-sizing: border-box !important; width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; max-width: 36px !important; max-height: 36px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; align-items: center !important; justify-items: center !important; display: grid !important; row-gap: 0px !important; column-gap: 0px !important; line-height: 1 !important; }
.friend-page-host .workspace > .topbar .settings-shortcut span, .friend-page-host .workspace > .topbar > .theme-toggle span { font-size: 15px !important; line-height: 1 !important; }
.friend-page-host .workspace > .topbar .mobile-search-shortcut svg { width: 17px !important; height: 17px !important; }
.friend-page-host .mobile-nav-dock { display: none !important; }
}
@media (width <= 760px) {
.friend-page-host { --mobile-topbar-compact: calc(10px + 36px + 10px + env(safe-area-inset-top,0px)); --mobile-topbar-expanded: calc(10px + 36px + 8px + 46px + 10px + env(safe-area-inset-top,0px)); }
.friend-page-host .workspace > .topbar { box-sizing: border-box !important; align-items: center !important; justify-items: stretch !important; padding-top: calc(10px + env(safe-area-inset-top,0px)) !important; padding-bottom: 10px !important; padding-inline-start: 12px !important; padding-inline-end: 12px !important; grid-template-rows: 36px 0px !important; column-gap: 6px !important; row-gap: 0px !important; min-height: var(--mobile-topbar-compact) !important; }
.friend-page-host .app-shell.global-search-mode .workspace > .topbar { grid-template-rows: 36px 46px !important; row-gap: 8px !important; column-gap: 6px !important; min-height: var(--mobile-topbar-expanded) !important; }
.friend-page-host .workspace > .topbar .mobile-brand, .friend-page-host .workspace > .topbar .topbar-date, .friend-page-host .workspace > .topbar > .theme-toggle, .friend-page-host .workspace > .topbar .mobile-search-shortcut, .friend-page-host .workspace > .topbar .settings-shortcut, .friend-page-host .workspace > .topbar .mobile-nav-trigger { align-self: center !important; justify-self: center !important; }
.friend-page-host .workspace > .topbar .mobile-brand { min-height: 36px; justify-self: start !important; display: flex !important; align-items: center !important; }
.friend-page-host .workspace > .topbar .mobile-brand-logo { display: block; width: auto; object-fit: contain; max-height: 32px !important; }
.friend-page-host .workspace > .topbar .topbar-date { height: 36px; justify-self: end !important; display: flex !important; align-items: center !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; line-height: 1 !important; }
.friend-page-host .workspace > .topbar .settings-shortcut, .friend-page-host .workspace > .topbar > .theme-toggle, .friend-page-host .workspace > .topbar .mobile-search-shortcut, .friend-page-host .workspace > .topbar .mobile-nav-trigger { box-sizing: border-box !important; width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; max-width: 36px !important; max-height: 36px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; align-items: center !important; justify-items: center !important; display: grid !important; row-gap: 0px !important; column-gap: 0px !important; line-height: 1 !important; }
.friend-page-host .workspace > .topbar .settings-shortcut span, .friend-page-host .workspace > .topbar > .theme-toggle span, .friend-page-host .workspace > .topbar .mobile-nav-trigger span { font-size: 15px !important; line-height: 1 !important; }
}
@media (width <= 760px) {
.friend-page-host .portfolio-share-actions, .friend-page-host .share-actions-row, .friend-page-host .share-statement { align-items: flex-end !important; }
.friend-page-host .portfolio-share-actions > .primary-btn, .friend-page-host .share-statement > .share-create, .friend-page-host .share-actions-row > .primary-btn, .friend-page-host .share-actions-row > .share-action-submit, .friend-page-host .share-actions-row > .deed-share-submit, .friend-page-host .deed-share-submit, .friend-page-host .area-share-control .share-action-submit, .friend-page-host .share-live-result > .share-action-card .share-actions-row > .share-action-submit { align-self: flex-end !important; box-sizing: border-box !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; width: auto !important; min-width: 88px !important; max-width: 100% !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; padding-top: 0px !important; padding-right: 16px !important; padding-bottom: 0px !important; padding-left: 16px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; line-height: 1 !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
.friend-page-host .share-duration > div > button, .friend-page-host .share-duration-days > button, .friend-page-host .share-actions-row > .share-duration-days > button, .friend-page-host .deed-share-duration button { box-sizing: border-box !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; }
}
@media (width <= 760px) {
.friend-page-host .context-filter-heading-actions { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; row-gap: 8px !important; column-gap: 8px !important; width: 100% !important; }
.friend-page-host .directory-command-center .context-filter-heading-actions { align-items: center !important; }
.friend-page-host .context-page-actions { width: auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-items: center !important; justify-content: flex-start !important; }
.friend-page-host .context-page-actions button, .friend-page-host .context-page-actions .primary-btn { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: auto !important; min-width: 0px !important; max-width: none !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; padding-inline-start: 14px !important; padding-inline-end: 14px !important; }
.friend-page-host .portfolio-command-actions .primary-btn { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: auto !important; }
}
@media (width <= 390px) {
.friend-page-host .context-page-actions { flex-direction: row !important; }
.friend-page-host .context-page-actions button { width: auto !important; }
}
@media (width <= 760px) {
.friend-page-host .identity-scanner .identity-hero, .friend-page-host .identity-hero { display: none !important; }
}
@media (width <= 760px) {
.friend-page-host .records-panel .table-wrap, .friend-page-host .property-list-panel .table-wrap, .friend-page-host .panel .table-wrap.responsive-table, .friend-page-host .table-wrap.responsive-table { margin-left: 0px !important; margin-right: 0px !important; }
.friend-page-host .table-wrap tbody tr, .friend-page-host .table-wrap.responsive-table tbody tr, .friend-page-host .records-panel .table-wrap tr, .friend-page-host .property-list-panel .responsive-table tr, .friend-page-host .responsive-table tbody tr { box-sizing: border-box; padding-left: 14px !important; padding-right: 42px !important; }
.friend-page-host .table-wrap td:nth-child(5), .friend-page-host .table-wrap td:nth-child(7), .friend-page-host .responsive-table td:nth-child(7), .friend-page-host .property-list-panel .responsive-table td:nth-child(2), .friend-page-host .property-list-panel .responsive-table td:nth-child(8) { right: 14px !important; }
.friend-page-host .table-wrap td:last-child, .friend-page-host .responsive-table td:last-child { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .table-wrap td:last-child button, .friend-page-host .responsive-table td:last-child button { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
}
@media (width <= 760px) {
.friend-page-host .context-filter-heading-actions { flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; row-gap: 8px !important; column-gap: 8px !important; width: 100% !important; }
.friend-page-host .context-page-actions { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; row-gap: 8px !important; column-gap: 8px !important; width: auto !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; min-width: 0px !important; }
.friend-page-host .context-page-actions button, .friend-page-host .context-page-actions .ghost-btn, .friend-page-host .context-page-actions .primary-btn { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0px !important; width: auto !important; min-width: 0px !important; max-width: none !important; min-height: 40px !important; padding-top: 0px !important; padding-right: 12px !important; padding-bottom: 0px !important; padding-left: 12px !important; color: rgb(255, 255, 255) !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; font-weight: 900 !important; }
.friend-page-host .portfolio-command-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: stretch !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .portfolio-command-actions button, .friend-page-host .portfolio-command-actions .primary-btn { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: calc(50% - 4px) !important; width: auto !important; min-width: 0px !important; min-height: 40px !important; color: rgb(255, 255, 255) !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
}
@media (width <= 390px) {
.friend-page-host .context-page-actions { flex-direction: row !important; width: 100% !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 100% !important; }
.friend-page-host .context-page-actions button { width: auto !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0px !important; }
}
@media (width <= 760px) {
.friend-page-host .share-statement { display: grid !important; grid-template-columns: auto minmax(0px, 1fr) !important; align-items: end !important; column-gap: 8px !important; row-gap: 8px !important; justify-content: stretch !important; }
.friend-page-host .share-statement > .document-title { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .share-statement > .share-create { grid-column-start: 1 !important; grid-column-end: auto !important; grid-row-start: 2 !important; grid-row-end: auto !important; width: auto !important; max-width: none !important; }
.friend-page-host .share-statement > .share-duration { grid-column-start: 2 !important; grid-column-end: auto !important; grid-row-start: 2 !important; grid-row-end: auto !important; width: auto !important; max-width: 100% !important; justify-self: stretch !important; }
.friend-page-host .share-statement > .share-link, .friend-page-host .share-statement > .document-error { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .share-actions-row, .friend-page-host .portfolio-share-actions { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-end !important; row-gap: 8px !important; column-gap: 8px !important; width: 100% !important; max-width: 100% !important; }
.friend-page-host .share-duration, .friend-page-host .portfolio-share-actions .share-duration, .friend-page-host .share-statement > .share-duration { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; }
.friend-page-host .share-duration > div, .friend-page-host .share-duration-days, .friend-page-host .share-actions-row > .share-duration-days, .friend-page-host .deed-share-duration > div { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; row-gap: 6px !important; column-gap: 6px !important; width: 100% !important; max-width: 100% !important; }
.friend-page-host .share-duration > div > button, .friend-page-host .share-duration button, .friend-page-host .share-duration-days > button, .friend-page-host .share-actions-row > .share-duration-days > button, .friend-page-host .deed-share-duration button { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0px !important; width: auto !important; min-width: 0px !important; max-width: none !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; padding-inline-start: 6px !important; padding-inline-end: 6px !important; }
.friend-page-host .share-actions-row > .primary-btn, .friend-page-host .share-actions-row > .share-action-submit, .friend-page-host .share-actions-row > .deed-share-submit, .friend-page-host .portfolio-share-actions > .primary-btn, .friend-page-host .share-statement > .share-create { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; }
}
@media (width <= 760px) {
.friend-page-host .identity-text-source textarea, .friend-page-host .identity-scanner textarea { font-size: 11px !important; line-height: 1.35 !important; padding-top: 10px !important; padding-right: 11px !important; padding-bottom: 10px !important; padding-left: 11px !important; overflow-x: hidden !important; overflow-wrap: anywhere !important; word-break: break-word !important; box-sizing: border-box !important; max-width: 100% !important; }
.friend-page-host .identity-text-source textarea::placeholder, .friend-page-host .identity-scanner textarea::placeholder { font-size: 11px !important; line-height: 1.35 !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
.friend-page-host .context-search input, .friend-page-host .context-search input::placeholder, .friend-page-host .portfolio-search input, .friend-page-host .portfolio-search input::placeholder { overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; font-size: 12px !important; }
}
@media (width <= 760px) {
.friend-page-host .share-actions-row { display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; }
.friend-page-host .share-actions-row > .primary-btn, .friend-page-host .share-actions-row > .share-action-submit, .friend-page-host .share-actions-row > .deed-share-submit { grid-column-start: 1 !important; grid-column-end: auto !important; width: 100% !important; min-width: 0px !important; max-width: none !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 4px !important; padding-bottom: 0px !important; padding-left: 4px !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; align-self: stretch !important; font-size: 11px !important; font-weight: 800 !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; overflow-x: hidden !important; overflow-y: hidden !important; text-overflow: ellipsis !important; }
.friend-page-host .share-actions-row > .share-duration-days { grid-column-start: 2 !important; grid-column-end: -1 !important; display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; width: 100% !important; min-width: 0px !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; }
.friend-page-host .share-actions-row > .share-duration-days > button { width: 100% !important; min-width: 0px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 2px !important; padding-bottom: 0px !important; padding-left: 2px !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; font-size: 11px !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
.friend-page-host .share-action-card .share-actions-row > .share-action-submit, .friend-page-host .share-action-card .share-actions-row > .primary-btn, .friend-page-host .share-live-result .share-actions-row > .share-action-submit, .friend-page-host .area-share-control .share-actions-row > .share-action-submit, .friend-page-host .deed-share-control .share-actions-row > .deed-share-submit { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.06) !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(255, 255, 255, 0.22) !important; border-right-color: rgba(255, 255, 255, 0.22) !important; border-bottom-color: rgba(255, 255, 255, 0.22) !important; border-left-color: rgba(255, 255, 255, 0.22) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; }
.friend-page-host .portfolio-share-actions, .friend-page-host .share-statement { display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; align-items: end !important; width: 100% !important; }
.friend-page-host .share-statement > .document-title, .friend-page-host .share-statement > .share-link, .friend-page-host .share-statement > .document-error { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .portfolio-share-actions > .primary-btn, .friend-page-host .share-statement > .share-create { grid-column-start: 1 !important; grid-column-end: auto !important; grid-row-start: auto !important; grid-row-end: auto !important; width: 100% !important; min-width: 0px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; padding-top: 0px !important; padding-right: 4px !important; padding-bottom: 0px !important; padding-left: 4px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; font-size: 11px !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; overflow-x: hidden !important; overflow-y: hidden !important; text-overflow: ellipsis !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(216, 221, 211) !important; border-right-color: rgb(216, 221, 211) !important; border-bottom-color: rgb(216, 221, 211) !important; border-left-color: rgb(216, 221, 211) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; color: rgb(84, 97, 90) !important; box-shadow: none !important; }
.friend-page-host .portfolio-share-actions .share-duration, .friend-page-host .share-statement > .share-duration { grid-column-start: 2 !important; grid-column-end: -1 !important; grid-row-start: auto !important; grid-row-end: auto !important; display: flex !important; flex-direction: column !important; row-gap: 6px !important; column-gap: 6px !important; width: 100% !important; min-width: 0px !important; max-width: 100% !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; box-shadow: none !important; }
.friend-page-host .portfolio-share-actions .share-duration > span, .friend-page-host .share-statement > .share-duration > span { display: none !important; }
.friend-page-host .portfolio-share-actions .share-duration > div, .friend-page-host .share-statement > .share-duration > div { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; width: 100% !important; flex-wrap: nowrap !important; }
.friend-page-host .portfolio-share-actions .share-duration > div > button, .friend-page-host .share-statement > .share-duration > div > button, .friend-page-host .portfolio-share-actions .share-duration button, .friend-page-host .share-statement > .share-duration button { width: 100% !important; min-width: 0px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; padding-top: 0px !important; padding-right: 2px !important; padding-bottom: 0px !important; padding-left: 2px !important; font-size: 11px !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; }
.friend-page-host .portfolio-share-actions > .primary-btn.active, .friend-page-host .share-statement > .share-create.active, .friend-page-host .portfolio-share-actions .share-duration button.active, .friend-page-host .share-statement > .share-duration button.active { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; color: rgb(255, 255, 255) !important; }
.friend-page-host .share-action-duration > span, .friend-page-host .deed-share-duration > span, .friend-page-host .area-share-control .share-action-duration > span { display: block !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 6px !important; margin-left: 0px !important; }
}
@media (width <= 900px) {
.friend-page-host .mobile-menu-backdrop { z-index: 95 !important; justify-content: center !important; align-items: flex-start !important; padding-top: var(--mobile-topbar-offset,72px) !important; padding-bottom: max(12px,env(safe-area-inset-bottom)) !important; padding-inline-start: 0px !important; padding-inline-end: 0px !important; }
.friend-page-host .mobile-menu-sheet { width: min(520px, 100%) !important; max-height: calc(100dvh - var(--mobile-topbar-offset,72px) - 12px) !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-right-color: rgb(216, 224, 217) !important; border-bottom-color: rgb(216, 224, 217) !important; border-left-color: rgb(216, 224, 217) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-width: 0px !important; border-top-style: none !important; border-top-color: currentcolor !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; box-shadow: rgba(0, 28, 24, 0.24) 0px 18px 60px !important; overflow-y: auto !important; }
}
@media (width <= 760px) {
.friend-page-host .share-actions-row { grid-template-columns: 1.28fr repeat(3, minmax(0px, 1fr)) !important; }
.friend-page-host .share-actions-row > .share-duration-days { grid-column-start: 2 !important; grid-column-end: -1 !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.friend-page-host .portfolio-share-actions, .friend-page-host .share-statement { grid-template-columns: 1.28fr repeat(3, minmax(0px, 1fr)) !important; }
.friend-page-host .share-actions-row > .primary-btn, .friend-page-host .share-actions-row > .share-action-submit, .friend-page-host .share-actions-row > .deed-share-submit, .friend-page-host .portfolio-share-actions > .primary-btn, .friend-page-host .share-statement > .share-create, .friend-page-host .share-action-card .share-actions-row > .share-action-submit, .friend-page-host .share-action-card .share-actions-row > .primary-btn, .friend-page-host .share-live-result .share-actions-row > .share-action-submit, .friend-page-host .area-share-control .share-actions-row > .share-action-submit, .friend-page-host .deed-share-control .share-actions-row > .deed-share-submit { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; }
.friend-page-host .share-actions-row > .share-duration-days > button, .friend-page-host .portfolio-share-actions .share-duration > div > button, .friend-page-host .portfolio-share-actions .share-duration button, .friend-page-host .share-statement > .share-duration > div > button, .friend-page-host .share-statement > .share-duration button, .friend-page-host .deed-share-duration button, .friend-page-host .share-duration > div > button, .friend-page-host .share-duration-days > button { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(216, 221, 211) !important; border-right-color: rgb(216, 221, 211) !important; border-bottom-color: rgb(216, 221, 211) !important; border-left-color: rgb(216, 221, 211) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; color: rgb(84, 97, 90) !important; }
.friend-page-host .share-actions-row > .share-duration-days > button.active, .friend-page-host .portfolio-share-actions .share-duration button.active, .friend-page-host .share-statement > .share-duration button.active, .friend-page-host .deed-share-duration button.active, .friend-page-host .share-duration button.active, .friend-page-host .share-duration-days > button.active { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; color: rgb(255, 255, 255) !important; }
.friend-page-host .share-action-card .share-actions-row > .share-duration-days > button, .friend-page-host .share-live-result .share-actions-row > .share-duration-days > button, .friend-page-host .area-share-control .share-actions-row > .share-duration-days > button, .friend-page-host .deed-share-control .share-actions-row > .share-duration-days > button { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.08) !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(255, 255, 255, 0.28) !important; border-right-color: rgba(255, 255, 255, 0.28) !important; border-bottom-color: rgba(255, 255, 255, 0.28) !important; border-left-color: rgba(255, 255, 255, 0.28) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; color: rgb(255, 255, 255) !important; }
.friend-page-host .share-action-card .share-actions-row > .share-duration-days > button.active, .friend-page-host .share-live-result .share-actions-row > .share-duration-days > button.active, .friend-page-host .area-share-control .share-actions-row > .share-duration-days > button.active, .friend-page-host .deed-share-control .share-actions-row > .share-duration-days > button.active { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; color: rgb(255, 255, 255) !important; }
}
@media (width <= 760px) {
.friend-page-host .share-actions-row, .friend-page-host .portfolio-share-actions, .friend-page-host .share-statement { align-items: center !important; }
.friend-page-host .share-actions-row > .primary-btn, .friend-page-host .share-actions-row > .share-action-submit, .friend-page-host .share-actions-row > .deed-share-submit, .friend-page-host .share-actions-row > .share-duration-days, .friend-page-host .portfolio-share-actions > .primary-btn, .friend-page-host .share-statement > .share-create, .friend-page-host .portfolio-share-actions .share-duration, .friend-page-host .share-statement > .share-duration { align-self: center !important; box-sizing: border-box !important; }
.friend-page-host .portfolio-share-actions .share-duration, .friend-page-host .share-statement > .share-duration { display: grid !important; grid-template-columns: 1fr !important; row-gap: 0px !important; column-gap: 0px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host .portfolio-share-actions .share-duration > span, .friend-page-host .share-statement > .share-duration > span { display: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; height: 0px !important; }
.friend-page-host .portfolio-share-actions .share-duration > div, .friend-page-host .share-statement > .share-duration > div, .friend-page-host .share-actions-row > .share-duration-days { height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; align-items: stretch !important; }
.friend-page-host .share-actions-row > .primary-btn, .friend-page-host .share-actions-row > .share-action-submit, .friend-page-host .share-actions-row > .deed-share-submit, .friend-page-host .share-actions-row > .share-duration-days > button, .friend-page-host .portfolio-share-actions > .primary-btn, .friend-page-host .share-statement > .share-create, .friend-page-host .portfolio-share-actions .share-duration button, .friend-page-host .share-statement > .share-duration button { height: 40px !important; min-height: 40px !important; max-height: 40px !important; line-height: 1 !important; margin-top: 0px !important; margin-bottom: 0px !important; vertical-align: middle !important; }
}
@media (width <= 760px) {
.friend-page-host .deed-share-duration > div.share-actions-row, .friend-page-host .share-action-duration > div.share-actions-row, .friend-page-host .area-share-control .share-actions-row, .friend-page-host .share-action-card .share-actions-row, .friend-page-host .share-live-result .share-actions-row { display: grid !important; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1fr) !important; row-gap: 6px !important; column-gap: 6px !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; overflow-x: visible !important; overflow-y: visible !important; flex-wrap: nowrap !important; }
.friend-page-host .deed-share-duration > div.share-actions-row > .primary-btn, .friend-page-host .deed-share-duration > div.share-actions-row > .share-action-submit, .friend-page-host .deed-share-duration > div.share-actions-row > .deed-share-submit, .friend-page-host .share-action-duration > div.share-actions-row > .primary-btn, .friend-page-host .share-action-duration > div.share-actions-row > .share-action-submit, .friend-page-host .share-action-duration > div.share-actions-row > .deed-share-submit, .friend-page-host .area-share-control .share-actions-row > .share-action-submit, .friend-page-host .share-action-card .share-actions-row > .share-action-submit, .friend-page-host .share-live-result .share-actions-row > .share-action-submit { grid-column-start: 1 !important; grid-column-end: 2 !important; grid-row-start: 1 !important; grid-row-end: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; justify-self: stretch !important; }
.friend-page-host .deed-share-duration > div.share-actions-row > .share-duration-days, .friend-page-host .share-action-duration > div.share-actions-row > .share-duration-days, .friend-page-host .area-share-control .share-actions-row > .share-duration-days, .friend-page-host .share-action-card .share-actions-row > .share-duration-days, .friend-page-host .share-live-result .share-actions-row > .share-duration-days { grid-column-start: 2 !important; grid-column-end: -1 !important; grid-row-start: 1 !important; grid-row-end: auto !important; display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; width: auto !important; max-width: 100% !important; min-width: 0px !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .deed-share-control, .friend-page-host .area-share-control, .friend-page-host .share-action-card { overflow-x: visible !important; overflow-y: visible !important; max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; }
.friend-page-host .share-action-duration, .friend-page-host .deed-share-duration { min-width: 0px !important; max-width: 100% !important; overflow-x: visible !important; overflow-y: visible !important; }
}
@media (width <= 760px) {
.friend-page-host .share-statement, .friend-page-host .portfolio-share-actions { display: grid !important; grid-template-columns: minmax(0px, 1.28fr) repeat(3, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; box-sizing: border-box !important; }
.friend-page-host .share-statement > .document-title { grid-column-start: 1 !important; grid-column-end: -1 !important; order: 0 !important; }
.friend-page-host .share-statement > .share-link, .friend-page-host .share-statement > .document-error { grid-column-start: 1 !important; grid-column-end: -1 !important; order: 10 !important; }
.friend-page-host .share-statement > .share-duration, .friend-page-host .portfolio-share-actions > .share-duration { display: contents !important; }
.friend-page-host .share-statement > .share-duration > span, .friend-page-host .portfolio-share-actions > .share-duration > span { display: none !important; }
.friend-page-host .share-statement > .share-duration > div, .friend-page-host .portfolio-share-actions > .share-duration > div { display: contents !important; }
.friend-page-host .share-statement > .share-create, .friend-page-host .portfolio-share-actions > .primary-btn { grid-column-start: 1 !important; grid-column-end: auto !important; grid-row-start: auto !important; grid-row-end: auto !important; order: 1 !important; width: 100% !important; min-width: 0px !important; max-width: none !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 4px !important; padding-bottom: 0px !important; padding-left: 4px !important; box-sizing: border-box !important; justify-self: stretch !important; align-self: center !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; font-size: 11px !important; font-weight: 800 !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; overflow-x: hidden !important; overflow-y: hidden !important; text-overflow: ellipsis !important; }
.friend-page-host .share-statement > .share-duration > div > button, .friend-page-host .portfolio-share-actions > .share-duration > div > button { order: 2 !important; grid-row-start: auto !important; grid-row-end: auto !important; width: 100% !important; min-width: 0px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 2px !important; padding-bottom: 0px !important; padding-left: 2px !important; box-sizing: border-box !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(216, 221, 211) !important; border-right-color: rgb(216, 221, 211) !important; border-bottom-color: rgb(216, 221, 211) !important; border-left-color: rgb(216, 221, 211) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; color: rgb(84, 97, 90) !important; font-size: 11px !important; font-weight: 700 !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
.friend-page-host .share-statement > .share-duration > div > button:nth-child(1), .friend-page-host .portfolio-share-actions > .share-duration > div > button:nth-child(1) { grid-column-start: 2 !important; grid-column-end: auto !important; }
.friend-page-host .share-statement > .share-duration > div > button:nth-child(2), .friend-page-host .portfolio-share-actions > .share-duration > div > button:nth-child(2) { grid-column-start: 3 !important; grid-column-end: auto !important; }
.friend-page-host .share-statement > .share-duration > div > button:nth-child(3), .friend-page-host .portfolio-share-actions > .share-duration > div > button:nth-child(3) { grid-column-start: 4 !important; grid-column-end: auto !important; }
.friend-page-host .share-statement > .share-duration > div > button.active, .friend-page-host .portfolio-share-actions > .share-duration > div > button.active { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; color: rgb(255, 255, 255) !important; }
.friend-page-host .share-actions-row, .friend-page-host .deed-share-duration > div.share-actions-row, .friend-page-host .share-action-duration > div.share-actions-row, .friend-page-host .area-share-control .share-actions-row, .friend-page-host .share-action-card .share-actions-row, .friend-page-host .share-live-result .share-actions-row { display: grid !important; grid-template-columns: minmax(0px, 1.28fr) repeat(3, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-width: 0px !important; }
.friend-page-host .share-actions-row > .primary-btn, .friend-page-host .share-actions-row > .share-action-submit, .friend-page-host .share-actions-row > .deed-share-submit { grid-column-start: 1 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; width: 100% !important; min-width: 0px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; }
.friend-page-host .share-actions-row > .share-duration-days { display: contents !important; }
.friend-page-host .share-actions-row > .share-duration-days > button { grid-row-start: 1 !important; grid-row-end: auto !important; width: 100% !important; min-width: 0px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 2px !important; padding-bottom: 0px !important; padding-left: 2px !important; box-sizing: border-box !important; }
.friend-page-host .share-actions-row > .share-duration-days > button:nth-child(1) { grid-column-start: 2 !important; grid-column-end: auto !important; }
.friend-page-host .share-actions-row > .share-duration-days > button:nth-child(2) { grid-column-start: 3 !important; grid-column-end: auto !important; }
.friend-page-host .share-actions-row > .share-duration-days > button:nth-child(3) { grid-column-start: 4 !important; grid-column-end: auto !important; }
}
@media (width > 760px) {
.friend-page-host .share-statement, .friend-page-host .portfolio-share-actions, .friend-page-host .share-actions-row, .friend-page-host .deed-share-duration > div, .friend-page-host .share-action-duration > div.share-actions-row { align-items: center !important; }
.friend-page-host .share-statement > .share-create, .friend-page-host .portfolio-share-actions > .primary-btn, .friend-page-host .share-actions-row > .primary-btn, .friend-page-host .share-actions-row > .share-action-submit, .friend-page-host .share-actions-row > .deed-share-submit, .friend-page-host .deed-share-submit, .friend-page-host .area-share-control .share-action-submit, .friend-page-host .share-live-result > .share-action-card .share-actions-row > .share-action-submit, .friend-page-host .share-create { box-sizing: border-box !important; align-self: center !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin-top: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; line-height: 1 !important; }
.friend-page-host .share-duration > div > button, .friend-page-host .share-duration button, .friend-page-host .share-duration-days > button, .friend-page-host .share-actions-row > .share-duration-days > button, .friend-page-host .portfolio-share-actions .share-duration button, .friend-page-host .share-statement > .share-duration button, .friend-page-host .deed-share-duration button { box-sizing: border-box !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; padding-top: 0px !important; padding-bottom: 0px !important; line-height: 1 !important; }
.friend-page-host .share-duration, .friend-page-host .portfolio-share-actions .share-duration, .friend-page-host .share-statement > .share-duration { align-items: center !important; }
.friend-page-host .share-duration > div, .friend-page-host .share-duration-days, .friend-page-host .share-actions-row > .share-duration-days, .friend-page-host .deed-share-duration > div { align-items: center !important; }
}
@media (width > 760px) {
.friend-page-host .share-statement, .friend-page-host .portfolio-share-actions, .friend-page-host .share-actions-row, .friend-page-host .share-action-duration, .friend-page-host .deed-share-duration, .friend-page-host .area-share-control .share-actions-row, .friend-page-host .share-action-card .share-actions-row, .friend-page-host .share-live-result .share-actions-row { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
.friend-page-host .share-statement { display: grid !important; grid-template-columns: auto minmax(0px, 1fr) !important; justify-content: stretch !important; }
.friend-page-host .share-statement > .share-duration { width: 100% !important; max-width: none !important; justify-self: stretch !important; }
.friend-page-host .share-statement > .share-duration > div { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; width: 100% !important; min-width: 0px !important; }
.friend-page-host .share-statement > .share-duration > div > button { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0px !important; min-width: 0px !important; }
.friend-page-host .portfolio-share-actions { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important; }
.friend-page-host .portfolio-share-actions > .primary-btn { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; }
.friend-page-host .portfolio-share-actions .share-duration { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; width: auto !important; max-width: none !important; min-width: 0px !important; }
.friend-page-host .portfolio-share-actions .share-duration > div { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; width: 100% !important; min-width: 0px !important; }
.friend-page-host .portfolio-share-actions .share-duration > div > button { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0px !important; min-width: 0px !important; }
.friend-page-host .share-actions-row { display: flex !important; flex-wrap: nowrap !important; }
.friend-page-host .share-actions-row > .share-duration-days { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; width: auto !important; min-width: 0px !important; }
.friend-page-host .share-actions-row > .share-duration-days > button { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0px !important; min-width: 0px !important; }
.friend-page-host .share-statement > .share-duration, .friend-page-host .portfolio-share-actions .share-duration { display: flex !important; flex-wrap: nowrap !important; row-gap: 12px !important; column-gap: 12px !important; }
.friend-page-host .share-statement > .share-duration > span, .friend-page-host .portfolio-share-actions .share-duration > span { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
}
@media (width <= 760px) {
.friend-page-host, .friend-page-host, .friend-page-host, .friend-page-host .app-shell, .friend-page-host .workspace, .friend-page-host .settings-shell { transform: none !important; filter: none !important; perspective: none !important; contain: none !important; }
.friend-page-host, .friend-page-host, .friend-page-host { overflow-x: hidden !important; }
@supports (overflow:clip) {
.friend-page-host, .friend-page-host, .friend-page-host { overflow-x: clip !important; }
}
.friend-page-host .app-shell, .friend-page-host .workspace, .friend-page-host .settings-shell { overflow-x: visible !important; }
.friend-page-host, .friend-page-host { overscroll-behavior-x: none; }
.friend-page-host .page-content, .friend-page-host .view-stack { max-width: 100% !important; overflow-x: clip; }
.friend-page-host .workspace > .topbar, .friend-page-host .settings-shell > .settings-topbar { backface-visibility: hidden; position: fixed !important; top: 0px !important; left: 0px !important; right: 0px !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; z-index: 200 !important; transform: none !important; filter: none !important; backdrop-filter: none !important; }
.friend-page-host .workspace { padding-top: var(--mobile-topbar-offset,72px) !important; }
.friend-page-host .settings-shell { padding-top: var(--mobile-settings-topbar-height,72px) !important; }
}
@media (width <= 760px) {
.friend-page-host .drawer-head > button, .friend-page-host .modal-head > button, .friend-page-host .mobile-menu-sheet > header > button { touch-action: manipulation; -webkit-tap-highlight-color: transparent; box-sizing: border-box !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 44px !important; display: grid !important; align-items: center !important; justify-items: center !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; margin-left: auto !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(255, 255, 255, 0.18) !important; border-right-color: rgba(255, 255, 255, 0.18) !important; border-bottom-color: rgba(255, 255, 255, 0.18) !important; border-left-color: rgba(255, 255, 255, 0.18) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; color: rgb(255, 255, 255) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.07) !important; font-family: var(--korfez-project-font,Satoshi,system-ui,sans-serif) !important; font-size: 24px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; }
.friend-page-host .modal-head > button, .friend-page-host .mobile-menu-sheet > header > button { border-top-color: rgb(11, 68, 58) !important; border-right-color: rgb(11, 68, 58) !important; border-bottom-color: rgb(11, 68, 58) !important; border-left-color: rgb(11, 68, 58) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(18, 63, 54) !important; }
.friend-page-host .drawer-head > button:active, .friend-page-host .modal-head > button:active, .friend-page-host .mobile-menu-sheet > header > button:active { transform: scale(0.96); }
}
.friend-page-host .human-verification-field { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 249, 242); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 230, 215); border-right-color: rgb(220, 230, 215); border-bottom-color: rgb(220, 230, 215); border-left-color: rgb(220, 230, 215); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 11px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .human-verification-question { color: rgb(23, 63, 52); font-size: 14px; font-weight: 850; line-height: 1.35; }
.friend-page-host .human-verification-field > input { margin-top: 2px; }
.friend-page-host .auth-lock-countdown { color: rgb(112, 71, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 246, 221); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(232, 201, 112); border-right-color: rgb(232, 201, 112); border-bottom-color: rgb(232, 201, 112); border-left-color: rgb(232, 201, 112); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; row-gap: 3px; column-gap: 12px; margin-top: 10px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; display: grid; }
.friend-page-host .auth-lock-countdown > span { font-size: 12px; font-weight: 850; }
.friend-page-host .auth-lock-countdown > strong { grid-row-start: 1; grid-row-end: 3; grid-column-start: 2; grid-column-end: auto; font-size: 21px; font-variant-numeric: tabular-nums; letter-spacing: 0.04em; }
.friend-page-host .auth-lock-countdown > small { grid-column-start: 1; grid-column-end: auto; color: rgb(138, 106, 39); font-size: 11px !important; }
.friend-page-host .human-verification-settings .settings-switch { margin-bottom: 2px; }
.friend-page-host .human-verification-status { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 9px; padding-right: 11px; padding-bottom: 9px; padding-left: 11px; line-height: 1.45; font-size: 12px !important; }
.friend-page-host .human-verification-status.active { color: rgb(66, 104, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 246, 226); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 220, 175); border-right-color: rgb(203, 220, 175); border-bottom-color: rgb(203, 220, 175); border-left-color: rgb(203, 220, 175); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .human-verification-status.inactive { color: rgb(123, 90, 22); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 248, 232); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(234, 216, 168); border-right-color: rgb(234, 216, 168); border-bottom-color: rgb(234, 216, 168); border-left-color: rgb(234, 216, 168); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
html[data-theme="dark"] .friend-page-host .human-verification-field { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .human-verification-question { color: rgb(228, 240, 233); }
html[data-theme="dark"] .friend-page-host .auth-lock-countdown, html[data-theme="dark"] .friend-page-host .human-verification-status.inactive { color: rgb(240, 216, 139); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 38, 24); border-top-color: rgb(100, 86, 45); border-right-color: rgb(100, 86, 45); border-bottom-color: rgb(100, 86, 45); border-left-color: rgb(100, 86, 45); }
html[data-theme="dark"] .friend-page-host .auth-lock-countdown > small { color: rgb(213, 197, 142); }
html[data-theme="dark"] .friend-page-host .human-verification-status.active { color: rgb(206, 228, 155); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 42, 24); border-top-color: rgb(70, 95, 54); border-right-color: rgb(70, 95, 54); border-bottom-color: rgb(70, 95, 54); border-left-color: rgb(70, 95, 54); }
@media (width > 760px) and (height <= 850px) {
.friend-page-host .auth-form-panel { align-items: start !important; justify-items: center !important; overflow-y: auto !important; }
.friend-page-host .auth-card { max-height: none !important; }
}
@media (width <= 760px) {
.friend-page-host .human-verification-field { padding-top: 9px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .human-verification-question { font-size: 13px; }
}
@media (width <= 760px) {
.friend-page-host .app-shell > .detail-drawer, .friend-page-host .app-shell > .drawer-scrim, .friend-page-host .app-shell > .modal-backdrop { top: var(--mobile-topbar-offset,56px) !important; }
.friend-page-host .app-shell > .detail-drawer, .friend-page-host .app-shell > .modal-backdrop { height: calc(100dvh - var(--mobile-topbar-offset,56px)) !important; max-height: calc(100dvh - var(--mobile-topbar-offset,56px)) !important; }
.friend-page-host .app-shell > .modal-backdrop > .modal { height: 100% !important; max-height: 100% !important; }
}
.friend-page-host .sidebar { box-shadow: rgba(0, 39, 32, 0.08) 8px 0px 28px; background-image: linear-gradient(165deg, rgb(29, 88, 63) 0%, rgb(15, 76, 61) 38%, rgb(0, 59, 51) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; border-right-color: rgba(194, 211, 82, 0.28) !important; }
.friend-page-host .workspace > .topbar, .friend-page-host .settings-shell > .settings-topbar { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(10, 69, 61) !important; border-bottom-color: rgba(194, 211, 82, 0.32) !important; box-shadow: rgba(0, 32, 27, 0.18) 0px 8px 24px !important; }
.friend-page-host .side-nav { --nav-divider: rgba(145,190,91,.3); --nav-divider-soft: rgba(194,211,82,.14); }
.friend-page-host .side-nav button { color: rgb(213, 227, 221) !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; transition-behavior: normal, normal, normal, normal !important; transition-duration: 0.18s, 0.18s, 0.18s, 0.18s !important; transition-timing-function: ease, ease, ease, ease !important; transition-delay: 0s, 0s, 0s, 0s !important; transition-property: background-color, color, box-shadow, transform !important; }
.friend-page-host .side-nav button + button::before { border-top-color: var(--nav-divider) !important; }
.friend-page-host .side-nav button.active { color: rgb(255, 255, 255) !important; background-image: linear-gradient(90deg, rgb(33, 105, 77) 0%, rgb(30, 88, 60) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: rgb(208, 233, 53) 3px 0px inset, rgba(194, 211, 82, 0.34) 0px 0px 0px 1px inset, rgba(0, 35, 28, 0.15) 0px 7px 18px !important; }
.friend-page-host .side-nav button.active::before, .friend-page-host .side-nav button.active + button::before { border-top-color: var(--nav-divider-soft) !important; }
.friend-page-host .profile-mini { border-top-color: rgba(145, 190, 91, 0.28) !important; }
.friend-page-host .workspace > .topbar .theme-toggle, .friend-page-host .workspace > .topbar .mobile-search-shortcut, .friend-page-host .workspace > .topbar .settings-shortcut, .friend-page-host .workspace > .topbar .mobile-nav-trigger, .friend-page-host .workspace > .topbar .top-utility-nav button { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.08) !important; border-top-color: rgba(167, 201, 182, 0.34) !important; border-right-color: rgba(167, 201, 182, 0.34) !important; border-bottom-color: rgba(167, 201, 182, 0.34) !important; border-left-color: rgba(167, 201, 182, 0.34) !important; transition-behavior: normal, normal, normal, normal !important; transition-duration: 0.18s, 0.18s, 0.18s, 0.18s !important; transition-timing-function: ease, ease, ease, ease !important; transition-delay: 0s, 0s, 0s, 0s !important; transition-property: background-color, border-color, color, transform !important; }
.friend-page-host .settings-shell > .settings-topbar > div a, .friend-page-host .settings-shell > .settings-topbar > div button { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.08) !important; border-top-color: rgba(167, 201, 182, 0.34) !important; border-right-color: rgba(167, 201, 182, 0.34) !important; border-bottom-color: rgba(167, 201, 182, 0.34) !important; border-left-color: rgba(167, 201, 182, 0.34) !important; transition-behavior: normal, normal, normal, normal !important; transition-duration: 0.18s, 0.18s, 0.18s, 0.18s !important; transition-timing-function: ease, ease, ease, ease !important; transition-delay: 0s, 0s, 0s, 0s !important; transition-property: background-color, border-color, color, transform !important; }
.friend-page-host .workspace > .topbar .top-utility-nav button.active, .friend-page-host .workspace > .topbar .mobile-nav-trigger.active { color: rgb(208, 233, 53) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(30, 98, 77) !important; border-top-color: rgba(208, 233, 53, 0.72) !important; border-right-color: rgba(208, 233, 53, 0.72) !important; border-bottom-color: rgba(208, 233, 53, 0.72) !important; border-left-color: rgba(208, 233, 53, 0.72) !important; }
@media (hover: hover) {
.friend-page-host .side-nav button:hover:not(.active) { transform: translateX(2px); color: rgb(255, 255, 255) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(32, 95, 78) !important; box-shadow: rgba(0, 35, 28, 0.12) 0px 7px 18px !important; }
.friend-page-host .workspace > .topbar .theme-toggle:hover, .friend-page-host .workspace > .topbar .mobile-search-shortcut:hover, .friend-page-host .workspace > .topbar .settings-shortcut:hover, .friend-page-host .workspace > .topbar .mobile-nav-trigger:hover, .friend-page-host .workspace > .topbar .top-utility-nav button:hover, .friend-page-host .settings-shell > .settings-topbar > div a:hover, .friend-page-host .settings-shell > .settings-topbar > div button:hover { transform: translateY(-1px); color: rgb(255, 255, 255) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(33, 92, 80) !important; border-top-color: rgba(194, 211, 82, 0.52) !important; border-right-color: rgba(194, 211, 82, 0.52) !important; border-bottom-color: rgba(194, 211, 82, 0.52) !important; border-left-color: rgba(194, 211, 82, 0.52) !important; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .side-nav button, .friend-page-host .workspace > .topbar .theme-toggle, .friend-page-host .workspace > .topbar .mobile-search-shortcut, .friend-page-host .workspace > .topbar .settings-shortcut, .friend-page-host .workspace > .topbar .mobile-nav-trigger, .friend-page-host .workspace > .topbar .top-utility-nav button, .friend-page-host .settings-shell > .settings-topbar > div a, .friend-page-host .settings-shell > .settings-topbar > div button { transition-behavior: normal !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-property: none !important; }
}
html[data-theme="light"] .friend-page-host { color-scheme: light; }
html[data-theme="dark"] .friend-page-host { color-scheme: dark; }
html[data-theme="dark"] .friend-page-host .sidebar { background-image: linear-gradient(165deg, rgb(27, 37, 33) 0%, rgb(17, 26, 23) 48%, rgb(10, 17, 16) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; border-right-color: rgb(42, 57, 51) !important; box-shadow: rgba(0, 0, 0, 0.2) 8px 0px 28px !important; }
html[data-theme="dark"] .friend-page-host .workspace > .topbar, html[data-theme="dark"] .friend-page-host .settings-shell > .settings-topbar { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(17, 27, 24) !important; border-bottom-color: rgb(44, 61, 54) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 24px !important; }
html[data-theme="dark"] .friend-page-host .side-nav { --nav-divider: rgba(255,255,255,.1); --nav-divider-soft: rgba(255,255,255,.05); }
html[data-theme="dark"] .friend-page-host .side-nav button { color: rgb(197, 208, 202) !important; }
html[data-theme="dark"] .friend-page-host .side-nav button.active { color: rgb(255, 255, 255) !important; background-image: linear-gradient(90deg, rgb(38, 55, 47) 0%, rgb(26, 40, 35) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: rgb(183, 215, 59) 3px 0px inset, rgb(58, 77, 68) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.24) 0px 7px 18px !important; }
html[data-theme="dark"] .friend-page-host .profile-mini { border-top-color: rgb(42, 57, 51) !important; }
html[data-theme="dark"] .friend-page-host .workspace > .topbar .theme-toggle, html[data-theme="dark"] .friend-page-host .workspace > .topbar .mobile-search-shortcut, html[data-theme="dark"] .friend-page-host .workspace > .topbar .settings-shortcut, html[data-theme="dark"] .friend-page-host .workspace > .topbar .mobile-nav-trigger, html[data-theme="dark"] .friend-page-host .workspace > .topbar .top-utility-nav button, html[data-theme="dark"] .friend-page-host .settings-shell > .settings-topbar > div a, html[data-theme="dark"] .friend-page-host .settings-shell > .settings-topbar > div button { color: rgb(237, 242, 239) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(26, 41, 36) !important; border-top-color: rgb(53, 73, 64) !important; border-right-color: rgb(53, 73, 64) !important; border-bottom-color: rgb(53, 73, 64) !important; border-left-color: rgb(53, 73, 64) !important; }
html[data-theme="dark"] .friend-page-host .workspace > .topbar .top-utility-nav button.active, html[data-theme="dark"] .friend-page-host .workspace > .topbar .mobile-nav-trigger.active { color: rgb(205, 229, 90) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(38, 58, 49) !important; border-top-color: rgb(102, 123, 69) !important; border-right-color: rgb(102, 123, 69) !important; border-bottom-color: rgb(102, 123, 69) !important; border-left-color: rgb(102, 123, 69) !important; }
html[data-theme="dark"] .friend-page-host .drawer-head, html[data-theme="dark"] .friend-page-host .mobile-menu-sheet > header { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(17, 27, 24) !important; border-top-color: rgb(44, 61, 54) !important; border-right-color: rgb(44, 61, 54) !important; border-bottom-color: rgb(44, 61, 54) !important; border-left-color: rgb(44, 61, 54) !important; }
@media (hover: hover) {
html[data-theme="dark"] .friend-page-host .side-nav button:hover:not(.active) { color: rgb(255, 255, 255) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(31, 48, 42) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 18px !important; }
html[data-theme="dark"] .friend-page-host .workspace > .topbar .theme-toggle:hover, html[data-theme="dark"] .friend-page-host .workspace > .topbar .mobile-search-shortcut:hover, html[data-theme="dark"] .friend-page-host .workspace > .topbar .settings-shortcut:hover, html[data-theme="dark"] .friend-page-host .workspace > .topbar .mobile-nav-trigger:hover, html[data-theme="dark"] .friend-page-host .workspace > .topbar .top-utility-nav button:hover, html[data-theme="dark"] .friend-page-host .settings-shell > .settings-topbar > div a:hover, html[data-theme="dark"] .friend-page-host .settings-shell > .settings-topbar > div button:hover { color: rgb(255, 255, 255) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(38, 56, 49) !important; border-top-color: rgb(86, 109, 98) !important; border-right-color: rgb(86, 109, 98) !important; border-bottom-color: rgb(86, 109, 98) !important; border-left-color: rgb(86, 109, 98) !important; }
}
@media (width <= 760px) {
.friend-page-host { overflow-y: auto !important; }
.friend-page-host, .friend-page-host { overflow-y: visible !important; }
.friend-page-host .workspace > .topbar, .friend-page-host .settings-shell > .settings-topbar { will-change: transform; isolation: isolate; position: fixed !important; top: 0px !important; right: 0px !important; bottom: auto !important; left: 0px !important; z-index: 1000 !important; overflow-x: visible !important; overflow-y: visible !important; transform: translate3d(0px, 0px, 0px) !important; backface-visibility: hidden !important; }
.friend-page-host .workspace > .topbar { height: var(--mobile-topbar-compact,56px) !important; min-height: var(--mobile-topbar-compact,56px) !important; max-height: var(--mobile-topbar-compact,56px) !important; }
.friend-page-host .app-shell.global-search-mode .workspace > .topbar { height: var(--mobile-topbar-expanded,110px) !important; min-height: var(--mobile-topbar-expanded,110px) !important; max-height: var(--mobile-topbar-expanded,110px) !important; }
.friend-page-host .settings-shell > .settings-topbar { height: var(--mobile-settings-topbar-height,72px) !important; min-height: var(--mobile-settings-topbar-height,72px) !important; max-height: var(--mobile-settings-topbar-height,72px) !important; }
}
@supports (-webkit-touch-callout:none) {
@media (width <= 760px) {
.friend-page-host .workspace > .topbar, .friend-page-host .settings-shell > .settings-topbar { transform: translateZ(0px) !important; }
}
}
.friend-page-host { --nav-surface-start: #145441; --nav-surface-mid: #0d4b3d; --nav-surface-end: #064038; }
.friend-page-host .sidebar { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; }
.friend-page-host .workspace > .topbar, .friend-page-host .settings-shell > .settings-topbar { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; }
html[data-theme="dark"] .friend-page-host { --nav-surface-start: #161f1c; --nav-surface-mid: #111917; --nav-surface-end: #0b1210; }
html[data-theme="dark"] .friend-page-host .sidebar { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; }
html[data-theme="dark"] .friend-page-host .workspace > .topbar, html[data-theme="dark"] .friend-page-host .settings-shell > .settings-topbar { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; }
.friend-page-host .sale-transaction-properties { display: grid; row-gap: 12px; column-gap: 12px; }
.friend-page-host .sale-transaction-summary { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 243); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(224, 231, 216); border-right-color: rgb(224, 231, 216); border-bottom-color: rgb(224, 231, 216); border-left-color: rgb(224, 231, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: grid; row-gap: 4px; column-gap: 4px; padding-top: 12px; padding-right: 13px; padding-bottom: 12px; padding-left: 13px; }
.friend-page-host .sale-transaction-summary strong { color: rgb(49, 65, 47); font-size: 14px; }
.friend-page-host .sale-transaction-summary span { color: rgb(116, 128, 113); font-size: 12px; line-height: 1.45; }
.friend-page-host .sale-transaction-property-list { display: grid; row-gap: 8px; column-gap: 8px; }
.friend-page-host .sale-transaction-property-list > button { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 231, 223); border-right-color: rgb(227, 231, 223); border-bottom-color: rgb(227, 231, 223); border-left-color: rgb(227, 231, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 30px minmax(0px, 1fr) auto; align-items: center; row-gap: 10px; column-gap: 10px; width: 100%; padding-top: 10px; padding-right: 11px; padding-bottom: 10px; padding-left: 11px; text-align: left; display: grid; }
.friend-page-host .sale-transaction-property-list > button > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 244, 230); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: rgb(90, 140, 0); align-items: center; justify-items: center; width: 28px; height: 28px; font-size: 11px; font-weight: 800; display: grid; }
.friend-page-host .sale-transaction-property-list > button > div { min-width: 0px; }
.friend-page-host .sale-transaction-property-list > button strong, .friend-page-host .sale-transaction-property-list > button small { display: block; }
.friend-page-host .sale-transaction-property-list > button strong { color: rgb(45, 56, 50); font-size: 12px; }
.friend-page-host .sale-transaction-property-list > button small { color: rgb(129, 138, 132); margin-top: 2px; font-size: 11px !important; }
.friend-page-host .sale-transaction-property-list > button > b { color: rgb(46, 68, 56); white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 12px; }
.friend-page-host .sale-transaction-property-list > button.active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 238); border-top-color: rgb(167, 196, 111); border-right-color: rgb(167, 196, 111); border-bottom-color: rgb(167, 196, 111); border-left-color: rgb(167, 196, 111); box-shadow: rgb(90, 140, 0) 3px 0px 0px inset; }
.friend-page-host .sale-group-visual > span:first-child { font-size: 28px; }
.friend-page-host .sale-group-visual > span:nth-of-type(2) { font-size: 15px; letter-spacing: 0.3px; }
html[data-theme="dark"] .friend-page-host .sale-transaction-summary { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 32, 25); border-top-color: rgb(52, 68, 58); border-right-color: rgb(52, 68, 58); border-bottom-color: rgb(52, 68, 58); border-left-color: rgb(52, 68, 58); }
html[data-theme="dark"] .friend-page-host .sale-transaction-summary strong { color: rgb(237, 242, 238); }
html[data-theme="dark"] .friend-page-host .sale-transaction-summary span { color: rgb(167, 179, 171); }
html[data-theme="dark"] .friend-page-host .sale-transaction-property-list > button { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 26, 21); border-top-color: rgb(51, 66, 56); border-right-color: rgb(51, 66, 56); border-bottom-color: rgb(51, 66, 56); border-left-color: rgb(51, 66, 56); }
html[data-theme="dark"] .friend-page-host .sale-transaction-property-list > button strong, html[data-theme="dark"] .friend-page-host .sale-transaction-property-list > button > b { color: rgb(233, 239, 235); }
html[data-theme="dark"] .friend-page-host .sale-transaction-property-list > button.active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 37, 27); border-top-color: rgb(112, 141, 77); border-right-color: rgb(112, 141, 77); border-bottom-color: rgb(112, 141, 77); border-left-color: rgb(112, 141, 77); }
@media (width <= 760px) {
.friend-page-host .sale-transaction-property-list > button { grid-template-columns: 28px minmax(0px, 1fr); row-gap: 8px; column-gap: 8px; }
.friend-page-host .sale-transaction-property-list > button > b { grid-column-start: 2; grid-column-end: auto; justify-self: start; }
.friend-page-host .sale-transaction-summary { padding-top: 10px; padding-right: 11px; padding-bottom: 10px; padding-left: 11px; }
}
.friend-page-host .sale-common-notice { margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; }
.friend-page-host .sale-common-notice strong { display: inline; font-weight: 800; }
.friend-page-host .sale-common-locked { opacity: 0.68; position: relative; }
.friend-page-host .sale-common-locked::after { content: "Ortak satış bilgisi"; color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 244, 230); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(219, 232, 200); border-right-color: rgb(219, 232, 200); border-bottom-color: rgb(219, 232, 200); border-left-color: rgb(219, 232, 200); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; font-size: 10px; font-weight: 800; position: absolute; top: 14px; right: 14px; z-index: 2; }
html[data-theme="dark"] .friend-page-host .sale-common-locked::after { color: rgb(199, 223, 156); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 42, 31); border-top-color: rgb(64, 84, 63); border-right-color: rgb(64, 84, 63); border-bottom-color: rgb(64, 84, 63); border-left-color: rgb(64, 84, 63); }
@media (width <= 760px) {
.friend-page-host .sale-common-locked::after { position: static; display: inline-block; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
}
.friend-page-host .sale-transaction-summary > small { display: block; margin-top: 4px; font-size: 11px; font-weight: 800; letter-spacing: 0.06em; opacity: 0.7; }
.friend-page-host .sale-add-property-btn { font-weight: 800; }
.friend-page-host .global-search-results-open .global-search-popover { box-sizing: border-box; width: 100%; max-width: 100%; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 228, 218); border-right-color: rgb(220, 228, 218); border-bottom-color: rgb(220, 228, 218); border-left-color: rgb(220, 228, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; row-gap: 0px !important; column-gap: 0px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; box-shadow: rgba(0, 35, 29, 0.24) 0px 22px 64px !important; overflow-x: hidden !important; overflow-y: hidden !important; }
.friend-page-host .search-popover-head { min-height: 64px; padding-top: 12px; padding-right: 13px; padding-bottom: 11px; padding-left: 15px; background-image: linear-gradient(135deg, rgb(248, 251, 244) 0%, rgb(238, 245, 228) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(220, 229, 215); align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; display: flex; }
.friend-page-host .search-popover-head > div { min-width: 0px; display: grid; row-gap: 2px; column-gap: 2px; }
.friend-page-host .search-popover-head p { color: rgb(90, 140, 0); letter-spacing: 0.09em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 9px; font-weight: 950; }
.friend-page-host .search-popover-head strong { color: var(--forest); min-width: 0px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 900; font-stretch: normal; font-size: 14px; line-height: 1.25; font-family: Satoshi, sans-serif; }
.friend-page-host .search-popover-head small { color: rgb(116, 128, 120); font-size: 10px; font-weight: 750; }
.friend-page-host .search-popover-close { color: rgb(98, 112, 105); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 227, 218); border-right-color: rgb(220, 227, 218); border-bottom-color: rgb(220, 227, 218); border-left-color: rgb(220, 227, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 32px; align-items: center; justify-items: center; width: 32px; height: 32px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 20px; line-height: 1; display: grid; cursor: pointer; }
.friend-page-host .search-popover-close:hover { color: rgb(65, 108, 0); border-top-color: rgb(171, 200, 121); border-right-color: rgb(171, 200, 121); border-bottom-color: rgb(171, 200, 121); border-left-color: rgb(171, 200, 121); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 238); }
.friend-page-host .search-popover-groups { min-height: 0px; max-height: min(590px, -160px + 100vh); overflow-x: hidden; overflow-y: auto; overscroll-behavior-x: contain; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: rgb(168, 181, 172) transparent; }
.friend-page-host .search-popover-group { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 236); }
.friend-page-host .search-popover-group:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .search-popover-group > header { min-height: 38px; padding-top: 8px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; align-items: center; row-gap: 8px; column-gap: 8px; display: flex; }
.friend-page-host .search-popover-section-icon { color: rgb(79, 126, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 225); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: 24px; align-items: center; justify-items: center; width: 24px; height: 24px; font-size: 11px; font-weight: 950; display: grid; }
.friend-page-host .search-popover-group > header > strong { color: rgb(66, 80, 73); flex-grow: 1; flex-shrink: 1; flex-basis: 0%; font-size: 10px; font-weight: 950; letter-spacing: 0.045em; text-transform: uppercase; }
.friend-page-host .search-popover-group > header > small { color: rgb(113, 128, 120); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 244, 240); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; font-size: 9px; font-weight: 850; }
.friend-page-host .search-popover-list { padding-top: 0px; padding-right: 8px; padding-bottom: 7px; padding-left: 8px; display: grid; }
.friend-page-host .search-popover-row { color: inherit; width: 100%; min-width: 0px; min-height: 54px; padding-top: 7px; padding-right: 6px; padding-bottom: 7px; padding-left: 6px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(237, 240, 236); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-template-columns: 36px minmax(0px, 1fr) 16px; align-items: center; row-gap: 9px; column-gap: 9px; text-align: left; display: grid; cursor: pointer; }
.friend-page-host .search-popover-row:first-child { border-top-color: transparent; }
.friend-page-host .search-popover-row:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 248, 241); border-top-color: transparent; }
.friend-page-host .search-popover-row:hover + .search-popover-row { border-top-color: transparent; }
.friend-page-host .search-popover-item-icon { color: rgb(255, 255, 255); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 35px; height: 35px; font-size: 11px; font-weight: 950; display: grid; }
.friend-page-host .search-popover-item-icon.person { font-size: 9px; }
.friend-page-host .search-popover-item-icon.power { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(49, 95, 0); }
.friend-page-host .search-popover-item-icon.sale { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(73, 111, 8); }
.friend-page-host .search-popover-item-icon.archive { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(105, 117, 111); }
.friend-page-host .search-popover-copy { min-width: 0px; display: grid; row-gap: 3px; column-gap: 3px; }
.friend-page-host .search-popover-copy strong, .friend-page-host .search-popover-copy small { min-width: 0px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; display: block; }
.friend-page-host .search-popover-copy strong { color: var(--ink); font-size: 12px; font-weight: 900; line-height: 1.25; }
.friend-page-host .search-popover-copy small { color: var(--muted); font-size: 9.5px; font-weight: 650; line-height: 1.25; }
.friend-page-host .search-popover-row > b { color: rgb(103, 144, 0); font-size: 18px; font-weight: 800; line-height: 1; }
.friend-page-host .search-popover-empty { min-height: 145px; padding-top: 28px; padding-right: 20px; padding-bottom: 28px; padding-left: 20px; align-items: center; justify-items: center; text-align: center; display: grid; }
.friend-page-host .search-popover-empty > span { color: rgb(91, 135, 11); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 226); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-items: center; width: 42px; height: 42px; margin-bottom: 6px; font-size: 20px; display: grid; }
.friend-page-host .search-popover-empty strong { color: var(--ink); font-size: 13px; }
.friend-page-host .search-popover-empty small { color: var(--muted); max-width: 340px; margin-top: 4px; font-size: 10px; line-height: 1.45; }
html[data-theme="dark"] .friend-page-host .global-search-results-open .global-search-popover, html[data-theme="dark"] .friend-page-host .search-popover-group { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 29, 24); border-top-color: rgb(48, 65, 57); border-right-color: rgb(48, 65, 57); border-bottom-color: rgb(48, 65, 57); border-left-color: rgb(48, 65, 57); }
html[data-theme="dark"] .friend-page-host .search-popover-head { background-image: linear-gradient(135deg, rgb(22, 37, 31) 0%, rgb(28, 45, 34) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-color: rgb(48, 65, 57); border-right-color: rgb(48, 65, 57); border-bottom-color: rgb(48, 65, 57); border-left-color: rgb(48, 65, 57); }
html[data-theme="dark"] .friend-page-host .search-popover-head strong, html[data-theme="dark"] .friend-page-host .search-popover-copy strong { color: rgb(237, 244, 240); }
html[data-theme="dark"] .friend-page-host .search-popover-head small, html[data-theme="dark"] .friend-page-host .search-popover-copy small { color: rgb(166, 181, 173); }
html[data-theme="dark"] .friend-page-host .search-popover-close { color: rgb(190, 201, 195); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 42, 36); border-top-color: rgb(53, 71, 63); border-right-color: rgb(53, 71, 63); border-bottom-color: rgb(53, 71, 63); border-left-color: rgb(53, 71, 63); }
html[data-theme="dark"] .friend-page-host .search-popover-group > header > strong { color: rgb(185, 198, 191); }
html[data-theme="dark"] .friend-page-host .search-popover-group > header > small { color: rgb(181, 194, 187); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 43, 37); }
html[data-theme="dark"] .friend-page-host .search-popover-section-icon { color: rgb(200, 223, 134); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 55, 31); }
html[data-theme="dark"] .friend-page-host .search-popover-row { border-top-color: rgb(38, 54, 47); border-right-color: rgb(38, 54, 47); border-bottom-color: rgb(38, 54, 47); border-left-color: rgb(38, 54, 47); }
html[data-theme="dark"] .friend-page-host .search-popover-row:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 39, 32); }
html[data-theme="dark"] .friend-page-host .search-popover-empty strong { color: rgb(237, 244, 240); }
html[data-theme="dark"] .friend-page-host .search-popover-empty small { color: rgb(166, 181, 173); }
@media (min-width: 1051px) {
.friend-page-host .global-search-results-open { position: fixed !important; top: 76px !important; right: auto !important; bottom: auto !important; left: 288px !important; z-index: 76 !important; width: min(520px, -318px + 100vw) !important; height: auto !important; max-height: calc(-96px + 100vh) !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .global-search-results-open .global-search-popover { max-height: calc(-96px + 100vh) !important; }
}
@media (min-width: 761px) and (max-width: 1050px) {
.friend-page-host .global-search-results-open { position: fixed !important; top: 126px !important; right: auto !important; bottom: auto !important; left: 15px !important; z-index: 76 !important; width: min(520px, -30px + 100vw) !important; height: auto !important; max-height: calc(-146px + 100vh) !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .global-search-results-open .global-search-popover { max-height: calc(-146px + 100vh) !important; }
}
@media (width <= 760px) {
.friend-page-host .global-search-results-open { right: 10px !important; bottom: auto !important; left: 10px !important; width: auto !important; height: auto !important; max-height: calc(100dvh - var(--mobile-topbar-offset) - 24px) !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .global-search-results-open .global-search-popover { max-height: calc(100dvh - var(--mobile-topbar-offset) - 24px) !important; }
.friend-page-host .search-popover-groups { max-height: calc(100dvh - var(--mobile-topbar-offset) - 94px); }
.friend-page-host .search-popover-head { min-height: 60px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; }
.friend-page-host .search-popover-head strong { font-size: 13px; }
.friend-page-host .search-popover-row { min-height: 56px; }
.friend-page-host .search-popover-copy strong { font-size: 12.5px; }
.friend-page-host .search-popover-copy small { font-size: 10px; }
}
.friend-page-host .detail-drawer .drawer-actions:has(> .sale-add-property-btn) { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 8px !important; column-gap: 8px !important; align-items: stretch !important; }
.friend-page-host .detail-drawer .drawer-actions:has(> .sale-add-property-btn) > button { grid-column-start: auto !important; grid-column-end: auto !important; width: 100% !important; min-width: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .detail-drawer .drawer-actions:has(> .sale-add-property-btn) > .primary-btn:last-child { grid-column-start: 1 !important; grid-column-end: -1 !important; }
@media (width <= 430px) {
.friend-page-host .detail-drawer .drawer-actions:has(> .sale-add-property-btn) { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.friend-page-host .detail-drawer .drawer-actions:has(> .sale-add-property-btn) > .sale-add-property-btn { white-space-collapse: collapse !important; text-wrap-mode: wrap !important; line-height: 1.2 !important; }
}
.friend-page-host .side-nav { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-height: 0px; align-content: start; overflow-y: auto; overscroll-behavior-x: contain; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.14) transparent; padding-right: 3px; }
.friend-page-host .side-nav::-webkit-scrollbar { width: 4px; }
.friend-page-host .side-nav::-webkit-scrollbar-thumb { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.14); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .muhasebe-nav-group, .friend-page-host .muhasebe-nav-links { display: contents; }
.friend-page-host .muhasebe-nav-title { display: none; }
.friend-page-host .side-nav .muhasebe-nav-link { box-sizing: border-box; color: rgb(213, 227, 221); text-align: left; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; background-image: initial; background-position-x: 0px; background-position-y: 0px; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; width: 100%; min-height: 51px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 12px; padding-right: 13px; padding-bottom: 12px; padding-left: 13px; row-gap: 13px; column-gap: 13px; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; display: flex; position: relative; transition-behavior: normal, normal, normal, normal; transition-duration: 0.18s, 0.18s, 0.18s, 0.18s; transition-timing-function: ease, ease, ease, ease; transition-delay: 0s, 0s, 0s, 0s; transition-property: background-color, color, box-shadow, transform; }
.friend-page-host .side-nav .muhasebe-nav-link:hover { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 95, 78); box-shadow: rgba(0, 35, 28, 0.12) 0px 7px 18px; transform: translateX(2px); }
.friend-page-host .side-nav .muhasebe-nav-link .nav-icon { width: 20px; min-width: 20px; text-align: center; color: rgb(194, 211, 82); font-size: 18px; font-weight: 700; line-height: 1; }
.friend-page-host .mobile-menu-section-label { grid-column-start: 1; grid-column-end: -1; color: rgb(90, 140, 0); letter-spacing: 1.15px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(223, 229, 223); margin-top: 5px; padding-top: 12px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; font-size: 10px; font-weight: 950; }
html[data-theme="dark"] .friend-page-host .mobile-menu-section-label { color: rgb(159, 190, 103); border-top-color: rgb(51, 68, 61); }
@media (width <= 900px) {
.friend-page-host .mobile-menu-backdrop { backdrop-filter: blur(4px); position: fixed !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; z-index: 260 !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(4, 24, 18, 0.58) !important; }
.friend-page-host .mobile-menu-sheet { overscroll-behavior-x: contain; overscroll-behavior-y: contain; width: min(520px, 100%) !important; max-height: min(82dvh, 760px) !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 20px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important; overflow-x: auto !important; overflow-y: auto !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(198, 220, 63, 0.18) !important; border-right-color: rgba(198, 220, 63, 0.18) !important; border-bottom-color: rgba(198, 220, 63, 0.18) !important; border-left-color: rgba(198, 220, 63, 0.18) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(0, 63, 53) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 20, 15, 0.46) 0px 26px 80px !important; }
.friend-page-host .mobile-menu-sheet > header { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; row-gap: 12px !important; column-gap: 12px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 18px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 2px !important; padding-bottom: 0px !important; padding-left: 2px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host .mobile-menu-sheet > header p { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 4px !important; margin-left: 0px !important; color: rgb(198, 220, 63) !important; font-size: 12px !important; font-weight: 850 !important; letter-spacing: 2.2px !important; line-height: 1.2 !important; }
.friend-page-host .mobile-menu-sheet > header h2 { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; color: rgb(255, 255, 255) !important; font-size: 28px !important; font-weight: 750 !important; line-height: 1.1 !important; }
.friend-page-host .mobile-menu-header-actions { display: flex !important; align-items: center !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .mobile-menu-sheet > header .mobile-menu-logout, .friend-page-host .mobile-menu-sheet > header .mobile-menu-close { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 44px !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; display: grid !important; align-items: center !important; justify-items: center !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(255, 255, 255, 0.16) !important; border-right-color: rgba(255, 255, 255, 0.16) !important; border-bottom-color: rgba(255, 255, 255, 0.16) !important; border-left-color: rgba(255, 255, 255, 0.16) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.07) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; font-size: 24px !important; font-weight: 400 !important; line-height: 1 !important; }
.friend-page-host .mobile-menu-sheet > header .mobile-menu-logout { font-size: 22px !important; }
.friend-page-host .mobile-menu-sheet > header .mobile-menu-close { box-shadow: rgba(198, 220, 63, 0.07) 0px 0px 0px 5px !important; }
.friend-page-host .mobile-menu-sheet > nav { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 10px !important; column-gap: 10px !important; }
.friend-page-host .mobile-menu-sheet > nav > button, .friend-page-host .mobile-menu-sheet > nav > a, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link { min-width: 0px !important; min-height: 78px !important; display: grid !important; grid-template-columns: 44px minmax(0px, 1fr) !important; align-items: center !important; row-gap: 10px !important; column-gap: 10px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 11px !important; padding-right: 11px !important; padding-bottom: 11px !important; padding-left: 11px !important; text-align: left !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(255, 255, 255, 0.12) !important; border-right-color: rgba(255, 255, 255, 0.12) !important; border-bottom-color: rgba(255, 255, 255, 0.12) !important; border-left-color: rgba(255, 255, 255, 0.12) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.055) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; }
.friend-page-host .mobile-menu-sheet > nav > button > span, .friend-page-host .mobile-menu-sheet > nav > a > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link > span { width: 44px !important; height: 44px !important; display: grid !important; align-items: center !important; justify-items: center !important; grid-row-start: auto !important; grid-row-end: auto !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(198, 220, 63) !important; color: rgb(7, 59, 49) !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1 !important; }
.friend-page-host .mobile-menu-sheet > nav > button > div, .friend-page-host .mobile-menu-sheet > nav > a > div { min-width: 0px !important; display: block !important; }
.friend-page-host .mobile-menu-sheet > nav strong { display: block !important; min-width: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 750 !important; line-height: 1.25 !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; overflow-x: visible !important; overflow-y: visible !important; text-overflow: clip !important; }
.friend-page-host .mobile-menu-sheet > nav small { display: block !important; min-width: 0px !important; margin-top: 2px !important; color: rgb(158, 184, 174) !important; font-size: 11px !important; line-height: 1.25 !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; overflow-x: visible !important; overflow-y: visible !important; text-overflow: clip !important; }
.friend-page-host .mobile-menu-sheet > nav > button.active, .friend-page-host .mobile-menu-sheet > nav > a.active { border-top-color: rgba(198, 220, 63, 0.52) !important; border-right-color: rgba(198, 220, 63, 0.52) !important; border-bottom-color: rgba(198, 220, 63, 0.52) !important; border-left-color: rgba(198, 220, 63, 0.52) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(198, 220, 63, 0.1) !important; box-shadow: rgba(198, 220, 63, 0.12) 0px 0px 0px 1px inset !important; }
.friend-page-host .mobile-menu-sheet > nav > button.active > span, .friend-page-host .mobile-menu-sheet > nav > a.active > span { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(198, 220, 63) !important; color: rgb(7, 59, 49) !important; }
.friend-page-host .mobile-menu-section-label { display: none !important; }
}
@media (width <= 380px) {
.friend-page-host .mobile-menu-sheet { padding-top: 16px !important; padding-right: 12px !important; padding-bottom: 12px !important; padding-left: 12px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .mobile-menu-sheet > nav { row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .mobile-menu-sheet > nav > button, .friend-page-host .mobile-menu-sheet > nav > a, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link { min-height: 72px !important; grid-template-columns: 40px minmax(0px, 1fr) !important; row-gap: 8px !important; column-gap: 8px !important; padding-top: 9px !important; padding-right: 9px !important; padding-bottom: 9px !important; padding-left: 9px !important; }
.friend-page-host .mobile-menu-sheet > nav > button > span, .friend-page-host .mobile-menu-sheet > nav > a > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link > span { width: 40px !important; height: 40px !important; font-size: 17px !important; }
.friend-page-host .mobile-menu-sheet > nav strong { font-size: 12px !important; }
.friend-page-host .mobile-menu-sheet > nav small { font-size: 10px !important; }
}
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs { grid-template-columns: repeat(3, minmax(0px, 1fr)); margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; }
@media (max-width: 720px) {
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs { grid-template-columns: 1fr; row-gap: 7px; column-gap: 7px; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs button { min-height: 54px; }
}
.friend-page-host .rehberim-scan-panel { margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .rehberim-scan-toggle { width: 100%; display: grid; grid-template-columns: 42px minmax(0px, 1fr) auto; align-items: center; row-gap: 10px; column-gap: 10px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: inherit; text-align: left; cursor: pointer; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; }
.friend-page-host .rehberim-scan-toggle > b { width: 42px; height: 42px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: grid; align-items: center; justify-items: center; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: color-mix(in srgb, rgb(13, 75, 61) 12%, transparent 88%); color: rgb(13, 75, 61); font-size: 18px; font-weight: 700; }
.friend-page-host .rehberim-scan-toggle > span { display: flex; flex-direction: column; row-gap: 2px; column-gap: 2px; min-width: 0px; }
.friend-page-host .rehberim-scan-toggle > span > small { opacity: 0.72; font-size: 12px; line-height: 1.35; }
.friend-page-host .rehberim-scan-toggle > em { font-style: normal; opacity: 0.55; font-size: 12px; padding-right: 2px; }
.friend-page-host .rehberim-scan-toggle.active { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: color-mix(in srgb, rgb(13, 75, 61) 5%, transparent 95%); }
.friend-page-host .rehberim-scan-toggle:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: color-mix(in srgb, rgb(13, 75, 61) 6%, transparent 94%); }
.friend-page-host .rehberim-scan-body { padding-top: 10px; padding-right: 12px; padding-bottom: 14px; padding-left: 12px; }
.friend-page-host .rehberim-scan-body .identity-scanner { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .rehberim-scan-body .identity-hero { margin-bottom: 12px; }
@media (max-width: 720px) {
.friend-page-host .rehberim-scan-toggle { grid-template-columns: 38px minmax(0px, 1fr) auto; row-gap: 8px; column-gap: 8px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; }
.friend-page-host .rehberim-scan-toggle > b { width: 38px; height: 38px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 16px; }
.friend-page-host .rehberim-scan-body { padding-top: 8px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; }
}
@media (width > 760px) {
.friend-page-host .sales-ledger-panel { --sales-ledger-columns: 145px minmax(240px,1.25fr) minmax(180px,.9fr) minmax(180px,.9fr) 140px 140px; --sales-ledger-divider: color-mix(in srgb,var(--green) 14%,var(--line)); }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales, .friend-page-host .sales-ledger-panel .sales-ledger-head, .friend-page-host .sales-ledger-panel .sales-ledger > button { grid-template-columns: var(--sales-ledger-columns); }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales > :not(:last-child), .friend-page-host .sales-ledger-panel .sales-ledger-head > :not(:last-child), .friend-page-host .sales-ledger-panel .sales-ledger > button > :not(:last-child) { position: relative; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales > :not(:last-child)::after, .friend-page-host .sales-ledger-panel .sales-ledger-head > :not(:last-child)::after, .friend-page-host .sales-ledger-panel .sales-ledger > button > :not(:last-child)::after { content: ""; position: absolute; z-index: 1; right: -6px; width: 1px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; pointer-events: none; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales > :not(:last-child)::after { top: 3px; bottom: 3px; }
.friend-page-host .sales-ledger-panel .sales-ledger-head > :not(:last-child)::after, .friend-page-host .sales-ledger-panel .sales-ledger > button > :not(:last-child)::after { top: -9px; bottom: -9px; }
.friend-page-host .sales-ledger-panel .list-sort-sales-asset > .list-sort-col:first-child { position: relative; }
.friend-page-host .sales-ledger-panel .list-sort-sales-asset > .list-sort-col:first-child::after { content: ""; position: absolute; z-index: 1; top: 3px; right: -3px; bottom: 3px; width: 1px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; pointer-events: none; }
html[data-theme="dark"] .friend-page-host .sales-ledger-panel { --sales-ledger-divider: #33483f; }
}
.friend-page-host .page-content > .settings-shell { min-height: 0px !important; width: 100% !important; max-width: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .page-content > .settings-shell > .settings-topbar { display: none !important; }
.friend-page-host .page-content > .settings-shell > .settings-content { width: 100% !important; max-width: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .workspace > .topbar .settings-shortcut.active { color: rgb(208, 233, 53) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(30, 98, 77) !important; border-top-color: rgba(208, 233, 53, 0.72) !important; border-right-color: rgba(208, 233, 53, 0.72) !important; border-bottom-color: rgba(208, 233, 53, 0.72) !important; border-left-color: rgba(208, 233, 53, 0.72) !important; }
html[data-theme="dark"] .friend-page-host .workspace > .topbar .settings-shortcut.active { color: rgb(205, 229, 90) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(38, 58, 49) !important; border-top-color: rgb(102, 123, 69) !important; border-right-color: rgb(102, 123, 69) !important; border-bottom-color: rgb(102, 123, 69) !important; border-left-color: rgb(102, 123, 69) !important; }
@media (width <= 760px) {
.friend-page-host .page-content > .settings-shell { padding-top: 0px !important; }
.friend-page-host .page-content > .settings-shell > .settings-content { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
}
.friend-page-host .pdf-download-status { position: fixed; z-index: 10000; right: max(16px,env(safe-area-inset-right)); bottom: max(16px,env(safe-area-inset-bottom)); box-sizing: border-box; max-width: min(390px, -32px + 100vw); padding-top: 12px; padding-right: 15px; padding-bottom: 12px; padding-left: 15px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 217, 197); border-right-color: rgb(203, 217, 197); border-bottom-color: rgb(203, 217, 197); border-left-color: rgb(203, 217, 197); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(40, 74, 60); box-shadow: rgba(12, 48, 37, 0.18) 0px 16px 44px; font-size: 12px; font-weight: 800; }
.friend-page-host .pdf-download-status[data-state="busy"] { border-top-color: rgb(185, 210, 129); border-right-color: rgb(185, 210, 129); border-bottom-color: rgb(185, 210, 129); border-left-color: rgb(185, 210, 129); box-shadow: rgb(90, 140, 0) 3px 0px 0px inset, rgba(12, 48, 37, 0.18) 0px 16px 44px; }
.friend-page-host .pdf-download-status[data-state="success"] { border-top-color: rgb(175, 209, 123); border-right-color: rgb(175, 209, 123); border-bottom-color: rgb(175, 209, 123); border-left-color: rgb(175, 209, 123); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 234); color: rgb(69, 111, 0); }
.friend-page-host .pdf-download-status[data-state="error"] { border-top-color: rgb(227, 179, 173); border-right-color: rgb(227, 179, 173); border-bottom-color: rgb(227, 179, 173); border-left-color: rgb(227, 179, 173); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 244, 242); color: rgb(155, 48, 40); }
.friend-page-host .pdf-download-status[hidden] { display: none; }
html[data-theme="dark"] .friend-page-host .pdf-download-status { border-top-color: rgb(59, 81, 71); border-right-color: rgb(59, 81, 71); border-bottom-color: rgb(59, 81, 71); border-left-color: rgb(59, 81, 71); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 37, 31); color: rgb(226, 238, 231); }
html[data-theme="dark"] .friend-page-host .pdf-download-status[data-state="success"] { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 44, 32); color: rgb(202, 225, 138); }
html[data-theme="dark"] .friend-page-host .pdf-download-status[data-state="error"] { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(50, 29, 27); color: rgb(255, 194, 187); }
@media (max-width: 760px) {
.friend-page-host .pdf-download-status { right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); left: 10px; max-width: none; text-align: center; }
}
.friend-page-host .person-name-line { display: flex; align-items: center; row-gap: 9px; column-gap: 9px; min-width: 0px; }
.friend-page-host .person-name-line h2 { min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .drawer-head .person-name-edit { box-sizing: border-box; display: grid; align-items: center; justify-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: 32px; width: 32px; min-width: 32px; height: 32px; min-height: 32px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(199, 224, 88, 0.52); border-right-color: rgba(199, 224, 88, 0.52); border-bottom-color: rgba(199, 224, 88, 0.52); border-left-color: rgba(199, 224, 88, 0.52); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.09); color: rgb(212, 233, 90); font-size: 15px; line-height: 1; transition-behavior: normal, normal, normal; transition-duration: 0.16s, 0.16s, 0.16s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: background-color, border-color, transform; }
.friend-page-host .drawer-head .person-name-edit:hover { border-top-color: rgb(212, 233, 90); border-right-color: rgb(212, 233, 90); border-bottom-color: rgb(212, 233, 90); border-left-color: rgb(212, 233, 90); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.16); transform: translateY(-1px); }
.friend-page-host .share-statement.share-panel-v3 { grid-template-areas: "share-title share-title" "share-duration share-action" "share-status share-status" "share-result share-result"; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: end !important; row-gap: 12px !important; column-gap: 14px !important; padding-top: 18px !important; padding-right: 18px !important; padding-bottom: 18px !important; padding-left: 18px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: linear-gradient(145deg, rgb(255, 255, 255) 0%, rgb(251, 253, 248) 66%, rgb(241, 247, 231) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; }
.friend-page-host .share-statement.share-panel-v3 > .document-title { align-items: center; padding-bottom: 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(226, 233, 223); grid-row-start: share-title !important; grid-column-start: share-title !important; grid-row-end: share-title !important; grid-column-end: share-title !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-duration { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 229, 216); border-right-color: rgb(220, 229, 216); border-bottom-color: rgb(220, 229, 216); border-left-color: rgb(220, 229, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 244); grid-row-start: share-duration !important; grid-column-start: share-duration !important; grid-row-end: share-duration !important; grid-column-end: share-duration !important; display: flex !important; align-items: center !important; row-gap: 12px !important; column-gap: 12px !important; width: 100% !important; max-width: 440px !important; min-width: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 7px !important; padding-right: 7px !important; padding-bottom: 7px !important; padding-left: 7px !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-duration > span { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-left: 4px; color: rgb(102, 117, 109); font-weight: 800; white-space-collapse: collapse; text-wrap-mode: nowrap; display: block !important; font-size: 11px !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-duration > div { display: grid !important; grid-template-columns: repeat(3, minmax(54px, 1fr)) !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; row-gap: 5px !important; column-gap: 5px !important; width: auto !important; min-width: 0px !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-duration > div > button { width: 100% !important; min-width: 0px !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; padding-top: 0px !important; padding-right: 7px !important; padding-bottom: 0px !important; padding-left: 7px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(213, 223, 207) !important; border-right-color: rgb(213, 223, 207) !important; border-bottom-color: rgb(213, 223, 207) !important; border-left-color: rgb(213, 223, 207) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; color: rgb(82, 97, 89) !important; font-size: 11px !important; font-weight: 850 !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-duration > div > button.active { border-top-color: rgb(90, 140, 0) !important; border-right-color: rgb(90, 140, 0) !important; border-bottom-color: rgb(90, 140, 0) !important; border-left-color: rgb(90, 140, 0) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(90, 140, 0) !important; color: rgb(255, 255, 255) !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-create { grid-row-start: share-action !important; grid-column-start: share-action !important; grid-row-end: share-action !important; grid-column-end: share-action !important; justify-self: end !important; align-self: stretch !important; width: auto !important; min-width: 104px !important; height: auto !important; min-height: 54px !important; max-height: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 9px !important; padding-right: 16px !important; padding-bottom: 9px !important; padding-left: 16px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-operation-status { grid-row-start: share-status !important; grid-column-start: share-status !important; grid-row-end: share-status !important; grid-column-end: share-status !important; }
.friend-page-host .share-statement.share-panel-v3 > :is(.share-link, .document-error, .share-history) { grid-row-start: auto !important; grid-row-end: auto !important; grid-column-start: 1 !important; grid-column-end: -1 !important; }
html[data-theme="dark"] .friend-page-host .share-statement.share-panel-v3 { border-top-color: rgb(48, 70, 61) !important; border-right-color: rgb(48, 70, 61) !important; border-bottom-color: rgb(48, 70, 61) !important; border-left-color: rgb(48, 70, 61) !important; background-image: linear-gradient(145deg, rgb(18, 35, 29), rgb(16, 32, 25) 70%, rgb(23, 40, 30)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; }
html[data-theme="dark"] .friend-page-host .share-statement.share-panel-v3 > .document-title { border-bottom-color: rgb(49, 70, 61); }
html[data-theme="dark"] .friend-page-host .share-statement.share-panel-v3 > .share-duration { border-top-color: rgb(52, 75, 64); border-right-color: rgb(52, 75, 64); border-bottom-color: rgb(52, 75, 64); border-left-color: rgb(52, 75, 64); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 40, 32); }
html[data-theme="dark"] .friend-page-host .share-statement.share-panel-v3 > .share-duration > span { color: rgb(177, 193, 184); }
html[data-theme="dark"] .friend-page-host .share-statement.share-panel-v3 > .share-duration > div > button { border-top-color: rgb(59, 81, 71) !important; border-right-color: rgb(59, 81, 71) !important; border-bottom-color: rgb(59, 81, 71) !important; border-left-color: rgb(59, 81, 71) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(16, 28, 23) !important; color: rgb(219, 230, 223) !important; }
html[data-theme="dark"] .friend-page-host .share-statement.share-panel-v3 > .share-duration > div > button.active { border-top-color: rgb(120, 159, 40) !important; border-right-color: rgb(120, 159, 40) !important; border-bottom-color: rgb(120, 159, 40) !important; border-left-color: rgb(120, 159, 40) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(85, 127, 8) !important; color: rgb(255, 255, 255) !important; }
@media (max-width: 760px) {
.friend-page-host .person-name-line { row-gap: 7px; column-gap: 7px; }
.friend-page-host .drawer-head .person-name-edit { flex-basis: 34px; width: 34px; min-width: 34px; height: 34px; min-height: 34px; }
.friend-page-host .share-statement.share-panel-v3 { grid-template-areas: "share-title share-title" "share-action share-duration" "share-status share-status" "share-result share-result"; grid-template-columns: minmax(92px, 0.72fr) minmax(0px, 1.65fr) !important; row-gap: 10px !important; column-gap: 7px !important; padding-top: 13px !important; padding-right: 13px !important; padding-bottom: 13px !important; padding-left: 13px !important; }
.friend-page-host .share-statement.share-panel-v3 > .document-title { padding-bottom: 10px; }
.friend-page-host .share-statement.share-panel-v3 > .share-duration { display: block !important; max-width: none !important; padding-top: 5px !important; padding-right: 5px !important; padding-bottom: 5px !important; padding-left: 5px !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-duration > span { display: none !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-duration > div { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 4px !important; column-gap: 4px !important; width: 100% !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-duration > div > button { min-height: 40px !important; height: 40px !important; max-height: 40px !important; padding-inline-start: 3px !important; padding-inline-end: 3px !important; font-size: 10px !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-create { justify-self: stretch !important; width: 100% !important; min-width: 0px !important; min-height: 52px !important; padding-inline-start: 7px !important; padding-inline-end: 7px !important; }
}
@media (max-width: 360px) {
.friend-page-host .share-statement.share-panel-v3 { grid-template-columns: minmax(84px, 0.66fr) minmax(0px, 1.7fr) !important; padding-top: 11px !important; padding-right: 11px !important; padding-bottom: 11px !important; padding-left: 11px !important; }
.friend-page-host .share-statement.share-panel-v3 > .share-duration > div > button { font-size: 9px !important; }
}
@media (max-width: 760px) {
.friend-page-host .mobile-menu-backdrop { align-items: flex-start !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; }
.friend-page-host .mobile-menu-sheet { max-height: 100% !important; padding-top: 12px !important; padding-right: 10px !important; padding-bottom: 11px !important; padding-left: 10px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .mobile-menu-sheet > header { align-items: center !important; margin-bottom: 8px !important; padding-inline-start: 2px !important; padding-inline-end: 2px !important; }
.friend-page-host .mobile-menu-sheet > header p { margin-bottom: 2px !important; font-size: 10px !important; letter-spacing: 1.7px !important; }
.friend-page-host .mobile-menu-sheet > header h2 { font-size: 23px !important; }
.friend-page-host .mobile-menu-sheet > nav { row-gap: 6px !important; column-gap: 6px !important; }
.friend-page-host .mobile-menu-sheet > nav > button, .friend-page-host .mobile-menu-sheet > nav > a, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link { min-height: 58px !important; grid-template-columns: 36px minmax(0px, 1fr) !important; row-gap: 8px !important; column-gap: 8px !important; padding-top: 7px !important; padding-right: 8px !important; padding-bottom: 7px !important; padding-left: 8px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .mobile-menu-sheet > nav > button > span, .friend-page-host .mobile-menu-sheet > nav > a > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link > span { width: 36px !important; height: 36px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; font-size: 16px !important; }
.friend-page-host .mobile-menu-sheet > nav strong { font-size: 12px !important; line-height: 1.15 !important; }
.friend-page-host .mobile-menu-sheet > nav small { margin-top: 1px !important; font-size: 9px !important; line-height: 1.15 !important; }
}
.friend-page-host :where(button, label, .side-nav a, .mobile-menu-sheet a, .top-utility-nav a) { overflow-wrap: normal; word-break: normal; }
@media (min-width: 901px) {
.friend-page-host .human-verification-settings > form { grid-template-columns: minmax(0px, 1.35fr) minmax(220px, 1fr) minmax(220px, 1fr); grid-template-areas: "human-switch human-status human-submit" "human-question human-answer human-password"; align-items: end; row-gap: 13px; column-gap: 14px; }
.friend-page-host .human-verification-settings > form > .settings-switch { grid-row-start: human-switch; grid-column-start: human-switch; grid-row-end: human-switch; grid-column-end: human-switch; align-self: stretch; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .human-verification-settings > form > label:nth-of-type(2) { grid-row-start: human-question; grid-column-start: human-question; grid-row-end: human-question; grid-column-end: human-question; }
.friend-page-host .human-verification-settings > form > label:nth-of-type(3) { grid-row-start: human-answer; grid-column-start: human-answer; grid-row-end: human-answer; grid-column-end: human-answer; }
.friend-page-host .human-verification-settings > form > .human-verification-status { grid-row-start: human-status; grid-column-start: human-status; grid-row-end: human-status; grid-column-end: human-status; align-self: stretch; display: grid; align-content: center; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .human-verification-settings > form > label:nth-of-type(4) { grid-row-start: human-password; grid-column-start: human-password; grid-row-end: human-password; grid-column-end: human-password; }
.friend-page-host .human-verification-settings > form > .settings-primary { grid-row-start: human-submit; grid-column-start: human-submit; grid-row-end: human-submit; grid-column-end: human-submit; width: min(100%, 230px); }
.friend-page-host .openai-settings > form { grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 14px; }
.friend-page-host .openai-settings > form > .model-field, .friend-page-host .openai-settings > form > .model-status, .friend-page-host .openai-settings > form > .ai-privacy-note { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .openai-settings > form > label:not(.settings-switch):not(.show-passwords) { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .openai-settings > form > .show-passwords { grid-column-start: 2; grid-column-end: auto; align-self: end; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.friend-page-host .openai-settings > form > .settings-primary { grid-column-start: 2; grid-column-end: auto; }
.friend-page-host .settings-card > form > .settings-primary { justify-self: end; width: auto; min-width: 210px; max-width: 100%; padding-inline-start: 18px; padding-inline-end: 18px; }
}
@media (min-width: 761px) and (max-width: 900px) {
.friend-page-host .human-verification-settings > form { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 12px; column-gap: 12px; }
.friend-page-host .human-verification-settings > form > .settings-switch, .friend-page-host .human-verification-settings > form > .human-verification-status { grid-column-start: 1; grid-column-end: -1; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .human-verification-settings > form > .settings-primary { grid-column-start: 2; grid-column-end: auto; justify-self: end; width: auto; min-width: 210px; padding-inline-start: 18px; padding-inline-end: 18px; }
}
.friend-page-host .security-log-actions { display: flex; align-items: flex-end; justify-content: flex-end; row-gap: 9px; column-gap: 9px; min-width: min(430px, 100%); }
.friend-page-host .security-log-password { display: grid; row-gap: 4px; column-gap: 4px; min-width: 190px; }
.friend-page-host .security-log-password > span { color: var(--muted); font-size: 11px; font-weight: 700; }
.friend-page-host .security-log-password > input { width: 100%; min-height: 40px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
@media (width <= 760px) {
.friend-page-host .security-log-actions { display: grid; width: 100%; min-width: 0px; }
.friend-page-host .security-log-password { min-width: 0px; }
.friend-page-host .security-log-actions > .danger-button { width: 100%; }
}
.friend-page-host .backup-password-modal { width: min(480px, -28px + 100vw); max-height: min(92vh, 560px); }
.friend-page-host .backup-password-modal .modal-scroll { display: grid; row-gap: 16px; column-gap: 16px; padding-top: 22px; padding-bottom: 22px; }
.friend-page-host .backup-password-modal .modal-scroll > p { color: var(--muted); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 1.55; }
.friend-page-host .share-source-tabs button.active { color: rgb(61, 100, 0) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(245, 248, 239) !important; border-top-color: rgb(172, 197, 138) !important; border-right-color: rgb(172, 197, 138) !important; border-bottom-color: rgb(172, 197, 138) !important; border-left-color: rgb(172, 197, 138) !important; box-shadow: rgba(54, 89, 28, 0.07) 0px 4px 12px, rgba(104, 145, 45, 0.07) 0px 0px 0px 1px inset !important; }
.friend-page-host .share-source-tabs button.active > b { color: rgb(66, 106, 0) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(231, 240, 215) !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(191, 211, 154) !important; border-right-color: rgb(191, 211, 154) !important; border-bottom-color: rgb(191, 211, 154) !important; border-left-color: rgb(191, 211, 154) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
.friend-page-host .list-sort-col.active, .friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col.active { color: rgb(61, 100, 0) !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; box-shadow: 0 2px 8px rgba(54,89,28,.055),inset 0 0 0 1px color-mix(in srgb,var(--green) 9%,transparent) !important; }
.friend-page-host .list-sort-col.active i, .friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col.active i { color: rgb(84, 128, 0) !important; }
.friend-page-host :is(.share-source-tabs button, .list-sort-col):focus-visible { outline-color:  !important; outline-style:  !important; outline-width:  !important; outline-offset: 2px !important; }
html[data-theme="dark"] .friend-page-host .share-source-tabs button.active { color: rgb(209, 231, 166) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(32, 52, 42) !important; border-top-color: rgb(83, 110, 67) !important; border-right-color: rgb(83, 110, 67) !important; border-bottom-color: rgb(83, 110, 67) !important; border-left-color: rgb(83, 110, 67) !important; box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 12px, rgba(183, 216, 120, 0.08) 0px 0px 0px 1px inset !important; }
html[data-theme="dark"] .friend-page-host .share-source-tabs button.active > b { color: rgb(205, 230, 160) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(41, 63, 42) !important; border-top-color: rgb(99, 126, 75) !important; border-right-color: rgb(99, 126, 75) !important; border-bottom-color: rgb(99, 126, 75) !important; border-left-color: rgb(99, 126, 75) !important; }
html[data-theme="dark"] .friend-page-host .list-sort-col.active, html[data-theme="dark"] .friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col.active { color: rgb(209, 231, 166) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(28, 48, 39) !important; border-top-color: rgb(77, 105, 64) !important; border-right-color: rgb(77, 105, 64) !important; border-bottom-color: rgb(77, 105, 64) !important; border-left-color: rgb(77, 105, 64) !important; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px, rgba(183, 216, 120, 0.07) 0px 0px 0px 1px inset !important; }
@media (forced-colors: active) {
.friend-page-host .share-source-tabs button.active, .friend-page-host .list-sort-col.active { border-top-color: highlight !important; border-right-color: highlight !important; border-bottom-color: highlight !important; border-left-color: highlight !important; outline-color: highlight !important; outline-style: solid !important; outline-width: 1px !important; outline-offset: -2px !important; }
}
@media (width <= 900px) {
.friend-page-host .detail-drawer .drawer-actions:has(> :nth-child(5):last-child) > .primary-btn:nth-child(5):last-child { grid-column-start: span 2 !important; grid-column-end: auto !important; }
.friend-page-host .person-drawer .detail-section > dl:has(> :nth-child(5):last-child) { align-items: stretch; display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .person-drawer .detail-section > dl:has(> :nth-child(5):last-child) > :nth-child(5) { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .person-drawer .detail-section > dl:has(> :nth-child(5):last-child) > div { min-width: 0px; padding-top: 10px; padding-right: 11px; padding-bottom: 10px; padding-left: 11px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
}
@media (width <= 360px) {

}
@media (forced-colors: active) and (width <= 900px) {
.friend-page-host .person-drawer .detail-section > dl:has(> :nth-child(5):last-child) > div { border-top-color: canvastext; border-right-color: canvastext; border-bottom-color: canvastext; border-left-color: canvastext; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: canvas; }
}
@media (width <= 900px) {
.friend-page-host :where(button, a[role="button"]) { min-height: 44px !important; }
.friend-page-host .list-sort-bar .list-sort-col, .friend-page-host .share-duration-days > button { min-height: 44px !important; }
.friend-page-host .records-panel .responsive-table td:last-child button { width: 44px !important; min-width: 44px !important; height: 44px !important; }
}
@media (width <= 760px) {
.friend-page-host .records-panel .responsive-table tbody tr { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; padding-right: 58px !important; }
.friend-page-host .records-panel .responsive-table tbody td { overflow-wrap: anywhere; min-width: 0px !important; width: auto !important; max-width: 100% !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-col { min-height: 44px !important; }
}
@media (width > 760px) {
.friend-page-host .sales-ledger-panel { min-width: 0px; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.friend-page-host .sales-ledger-panel > .panel-head { position: sticky; left: 0px; }
}
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(6, minmax(0px, 1fr)) minmax(150px, auto); }
.friend-page-host .portfolio-filter-bar input, .friend-page-host .context-filters input { width: 100%; min-width: 0px; height: 40px; color: var(--ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 223, 215); border-right-color: rgb(217, 223, 215); border-bottom-color: rgb(217, 223, 215); border-left-color: rgb(217, 223, 215); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-size: 14px; }
.friend-page-host .portfolio-filter-bar input::placeholder, .friend-page-host .context-filters input::placeholder { color: rgb(152, 160, 155); }
html[data-theme="dark"] .friend-page-host .portfolio-filter-bar input, html[data-theme="dark"] .friend-page-host .context-filters input { color: rgb(245, 247, 246); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(15, 26, 22); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
@media (width <= 1220px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (width <= 900px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (width <= 760px) {
.friend-page-host .portfolio-filter-bar input, .friend-page-host .context-filters input { height: 46px; font-size: 16px; }
}
@media (width <= 430px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: minmax(0px, 1fr); }
}
.friend-page-host .property-duplicate-warning { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(215, 230, 182); border-right-color: rgb(215, 230, 182); border-bottom-color: rgb(215, 230, 182); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-left-width: 4px; border-left-style: solid; border-left-color: rgb(90, 140, 0); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 251, 237); color: rgb(39, 59, 37); padding-top: 14px; padding-right: 16px; padding-bottom: 14px; padding-left: 16px; display: grid; row-gap: 5px; column-gap: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 18px; margin-left: 0px; }
.friend-page-host .property-duplicate-warning strong { font-size: 14px; font-weight: 900; }
.friend-page-host .property-duplicate-warning p { font-size: 13px; line-height: 1.4; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .property-duplicate-warning__meta { color: rgb(91, 106, 86); font-size: 12px !important; }
.friend-page-host .property-duplicate-warning__actions { display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: 8px; margin-top: 7px; }
.friend-page-host .property-duplicate-warning__actions button { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(169, 198, 128); border-right-color: rgb(169, 198, 128); border-bottom-color: rgb(169, 198, 128); border-left-color: rgb(169, 198, 128); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(51, 81, 27); min-height: 36px; padding-top: 7px; padding-right: 12px; padding-bottom: 7px; padding-left: 12px; font-size: 12px; font-weight: 800; }
.friend-page-host .property-duplicate-warning__actions button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(236, 245, 220); }
.friend-page-host .property-duplicate-warning__actions button:last-child:not(:first-child) { border-top-color: rgb(90, 140, 0); border-right-color: rgb(90, 140, 0); border-bottom-color: rgb(90, 140, 0); border-left-color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); color: rgb(255, 255, 255); }
html[data-theme="dark"] .friend-page-host .property-duplicate-warning { border-top-color: rgb(85, 114, 60); border-right-color: rgb(85, 114, 60); border-bottom-color: rgb(85, 114, 60); border-left-color: rgb(182, 214, 106); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 37, 25); color: rgb(237, 245, 231); }
html[data-theme="dark"] .friend-page-host .property-duplicate-warning__meta { color: rgb(195, 207, 189); }
html[data-theme="dark"] .friend-page-host .property-duplicate-warning__actions button { border-top-color: rgb(112, 138, 85); border-right-color: rgb(112, 138, 85); border-bottom-color: rgb(112, 138, 85); border-left-color: rgb(112, 138, 85); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 51, 39); color: rgb(239, 247, 232); }
html[data-theme="dark"] .friend-page-host .property-duplicate-warning__actions button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 67, 48); }
html[data-theme="dark"] .friend-page-host .property-duplicate-warning__actions button:last-child:not(:first-child) { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(99, 148, 37); border-top-color: rgb(99, 148, 37); border-right-color: rgb(99, 148, 37); border-bottom-color: rgb(99, 148, 37); border-left-color: rgb(99, 148, 37); color: rgb(255, 255, 255); }
@media (width <= 560px) {
.friend-page-host .property-duplicate-warning { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .property-duplicate-warning__actions { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .property-duplicate-warning__actions button { min-width: 0px; min-height: 42px; }
}
.friend-page-host .property-modal .portfolio-metrics-link-row { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: end; row-gap: 12px; column-gap: 12px; margin-top: 13px; }
.friend-page-host .property-modal .portfolio-metrics-link-row > .live-calc { width: 100%; max-width: none; min-width: 0px; margin-top: 0px; }
.friend-page-host .property-modal .property-tkgm-link-field { min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .property-modal .property-tkgm-link-field input { width: 100%; }
.friend-page-host .property-modal .deed-quality-grid + .property-tkgm-link-field { margin-top: 12px; }
.friend-page-host .property-modal .portfolio-metrics-link-row > .archive-destination-section { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .detail-drawer .property-relation-list { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; }
.friend-page-host .detail-drawer .property-relation-list > :is(.relation-person, .relation-meta) { min-width: 0px; min-height: 70px; align-items: flex-start; flex-direction: column; justify-content: center; row-gap: 4px; column-gap: 4px; }
.friend-page-host .detail-drawer .property-relation-list > :is(.relation-person, .relation-meta) strong { max-width: 100%; overflow-wrap: anywhere; font-size: 12px; }
.friend-page-host .detail-drawer .property-relation-list > .relation-meta strong { font-variant-numeric: tabular-nums; }
.friend-page-host .detail-drawer .property-relation-list > .relation-listing.is-listed { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 248, 232); border-top-color: rgb(183, 206, 141); border-right-color: rgb(183, 206, 141); border-bottom-color: rgb(183, 206, 141); border-left-color: rgb(183, 206, 141); }
.friend-page-host .detail-drawer .property-relation-list > .relation-listing.is-listed strong { color: rgb(77, 118, 0); }
.friend-page-host .detail-drawer .property-relation-list > :is(.relation-buyer, .parcel-inquiry-link) { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .detail-drawer .parcel-inquiry-link { color: rgb(60, 101, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 250, 237); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(201, 223, 173); border-right-color: rgb(201, 223, 173); border-bottom-color: rgb(201, 223, 173); border-left-color: rgb(201, 223, 173); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; min-width: 0px; padding-top: 10px; padding-right: 11px; padding-bottom: 10px; padding-left: 11px; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: flex; }
.friend-page-host .detail-drawer .parcel-inquiry-link:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 246, 221); border-top-color: rgb(167, 203, 119); border-right-color: rgb(167, 203, 119); border-bottom-color: rgb(167, 203, 119); border-left-color: rgb(167, 203, 119); }
.friend-page-host .detail-drawer .parcel-inquiry-link small { color: rgb(100, 122, 85); }
.friend-page-host .detail-drawer .parcel-inquiry-link strong { flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 12px; }
html[data-theme="dark"] .friend-page-host .detail-drawer .parcel-inquiry-link { color: rgb(213, 239, 164); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 44, 26); border-top-color: rgb(75, 108, 59); border-right-color: rgb(75, 108, 59); border-bottom-color: rgb(75, 108, 59); border-left-color: rgb(75, 108, 59); }
html[data-theme="dark"] .friend-page-host .detail-drawer .property-relation-list > .relation-listing.is-listed { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 43, 24); border-top-color: rgb(83, 109, 53); border-right-color: rgb(83, 109, 53); border-bottom-color: rgb(83, 109, 53); border-left-color: rgb(83, 109, 53); }
html[data-theme="dark"] .friend-page-host .detail-drawer .property-relation-list > .relation-listing.is-listed strong { color: rgb(213, 237, 155); }
html[data-theme="dark"] .friend-page-host .detail-drawer .parcel-inquiry-link:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 61, 34); }
html[data-theme="dark"] .friend-page-host .detail-drawer .parcel-inquiry-link small { color: rgb(185, 204, 167); }
@media (width <= 760px) {
.friend-page-host .property-modal .portfolio-metrics-link-row { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .property-modal .portfolio-metrics-link-row > .archive-destination-section { grid-column-start: 1; grid-column-end: auto; }
}
.friend-page-host .property-modal .portfolio-metrics-destination-row, .friend-page-host .property-modal .sales-metrics-destination-row { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: stretch; row-gap: 12px; column-gap: 12px; margin-top: 13px; }
.friend-page-host .property-modal .sales-metrics-destination-row { grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); }
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) > .live-calc { width: 100%; max-width: none; min-width: 0px; margin-top: 0px; }
.friend-page-host .property-modal .sales-metrics-destination-row > .live-calc { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) > .archive-destination-section { display: grid; grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr); align-content: center; align-items: center; row-gap: 6px; column-gap: 12px; min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(214, 227, 199); border-right-color: rgb(214, 227, 199); border-bottom-color: rgb(214, 227, 199); border-left-color: rgb(214, 227, 199); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 239); }
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) .archive-destination-section .section-label { min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; row-gap: 8px; column-gap: 8px; }
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) .archive-destination-section .section-label i { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 27px; height: 27px; }
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) .archive-destination-section .section-label strong { font-family: inherit; font-size: 12px; line-height: 1.25; }
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) .archive-destination-section .section-label span { font-size: 10px; line-height: 1.3; }
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) .archive-destination-section .field { min-width: 0px; row-gap: 3px; column-gap: 3px; }
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) .archive-destination-section .field select { min-width: 0px; min-height: 36px; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 12px; }
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) .archive-destination-section .relation-note { grid-column-start: 1; grid-column-end: -1; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 10px; line-height: 1.35; }
html[data-theme="dark"] .friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) > .archive-destination-section { color: rgb(232, 241, 228); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 43, 32); border-top-color: rgb(63, 88, 57); border-right-color: rgb(63, 88, 57); border-bottom-color: rgb(63, 88, 57); border-left-color: rgb(63, 88, 57); }
@media (width <= 850px) {
.friend-page-host .property-modal .portfolio-metrics-destination-row, .friend-page-host .property-modal .sales-metrics-destination-row { grid-template-columns: minmax(0px, 1fr); }
}
@media (width <= 500px) {
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) > .archive-destination-section { grid-template-columns: minmax(0px, 1fr); padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; }
.friend-page-host .property-modal :is(.portfolio-metrics-destination-row, .sales-metrics-destination-row) .archive-destination-section .relation-note { grid-column-start: 1; grid-column-end: auto; }
}
@media (width > 1450px) {
.friend-page-host .list-sort-bar--portfolio, .friend-page-host .portfolio-record-row { grid-template-columns: minmax(180px, 1.1fr) minmax(340px, 1.75fr) minmax(140px, 0.75fr) minmax(120px, 0.6fr) 20px; }
.friend-page-host .list-sort-bar--portfolio .list-sort-metrics, .friend-page-host .portfolio-record-metrics { grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1fr) minmax(0px, 1.2fr) minmax(0px, 1.2fr); }
}
@media (width <= 1450px) {
.friend-page-host .list-sort-bar--portfolio .list-sort-metrics, .friend-page-host .portfolio-record-metrics { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .list-sort-bar--portfolio .list-sort-metrics .list-sort-col.is-static { display: inline-flex; }
.friend-page-host .portfolio-record-metrics > span:last-child { grid-column-start: auto; grid-column-end: auto; }
}
@media (width <= 760px) {
.friend-page-host .portfolio-record-metrics { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .portfolio-record-metrics > span:last-child { grid-column-start: auto !important; grid-column-end: auto !important; }
}
@media (width > 1220px) and (width <= 1450px) {
.friend-page-host .list-sort-bar--portfolio, .friend-page-host .portfolio-record-row { grid-template-columns: minmax(160px, 1fr) minmax(280px, 1.5fr) minmax(130px, 0.7fr) minmax(110px, 0.6fr) 20px; row-gap: 10px; column-gap: 10px; }
}
@media (width > 1120px) {
.friend-page-host .share-workbench, .friend-page-host .area-top-grid, .friend-page-host .deed-fee-grid { grid-template-columns: minmax(0px, 1.35fr) minmax(340px, 0.65fr); row-gap: 15px; column-gap: 15px; }
}
@media (width <= 1120px) {
.friend-page-host .deed-fee-grid, .friend-page-host .share-output-column { grid-template-columns: minmax(0px, 1fr); }
}
.friend-page-host .share-page-head, .friend-page-host .area-page-head, .friend-page-host .deed-fee-hero, html[data-theme="dark"] .friend-page-host .share-page-head, html[data-theme="dark"] .friend-page-host .area-page-head, html[data-theme="dark"] .friend-page-host .deed-fee-hero { box-sizing: border-box; width: 100%; min-height: 144px; padding-top: 20px; padding-right: 24px; padding-bottom: 20px; padding-left: 24px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; row-gap: 20px; column-gap: 20px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 230, 220); border-right-color: rgb(223, 230, 220); border-bottom-color: rgb(223, 230, 220); border-left-color: rgb(223, 230, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(32, 51, 41); box-shadow: rgb(112, 162, 23) 4px 0px 0px inset, rgba(26, 62, 48, 0.04) 0px 8px 24px; }
.friend-page-host .share-page-head .share-page-title p, .friend-page-host .area-page-head p, .friend-page-host .deed-fee-hero p { display: flex; align-items: center; row-gap: 8px; column-gap: 8px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; color: rgb(84, 130, 18); font-size: 11px; font-weight: 900; letter-spacing: 0.12em; }
.friend-page-host .share-page-head .share-page-title p span, .friend-page-host .area-page-head p > span, .friend-page-host .deed-fee-hero p span { box-sizing: border-box; display: grid; align-items: center; justify-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 27px; height: 27px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(213, 229, 196); border-right-color: rgb(213, 229, 196); border-bottom-color: rgb(213, 229, 196); border-left-color: rgb(213, 229, 196); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 246, 230); color: rgb(79, 135, 15); font-size: 13px; }
.friend-page-host .share-page-head .share-page-title h2, .friend-page-host .area-page-head h2, .friend-page-host .deed-fee-hero h2, html[data-theme="dark"] .friend-page-host .share-page-head .share-page-title h2, html[data-theme="dark"] .friend-page-host .area-page-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(30, 48, 37); font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 850; font-stretch: normal; font-size: 28px; line-height: 1.12; font-family: Satoshi, sans-serif; letter-spacing: -0.025em; }
.friend-page-host .share-page-head .share-page-title > small, .friend-page-host .area-page-head > div > small, .friend-page-host .deed-fee-hero > div:first-child > small { display: block; max-width: none; margin-top: 6px; color: rgb(97, 116, 105); font-size: 12.5px; line-height: 1.4; }
.friend-page-host .share-page-head .share-formula-chip, .friend-page-host .deed-fee-hero .deed-formula-chip, html[data-theme="dark"] .friend-page-host .share-page-head .share-formula-chip { box-sizing: border-box; width: 190px; min-height: 64px; flex-grow: 0; flex-shrink: 0; flex-basis: 190px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 229, 207); border-right-color: rgb(216, 229, 207); border-bottom-color: rgb(216, 229, 207); border-left-color: rgb(216, 229, 207); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 249, 238); color: rgb(54, 83, 33); }
.friend-page-host .share-page-head .share-formula-chip small, .friend-page-host .deed-fee-hero .deed-formula-chip small { color: rgb(108, 128, 100); font-size: 10px; }
.friend-page-host .share-page-head .share-formula-chip strong { color: rgb(54, 91, 22); font-size: 12px; line-height: 1.25; }
.friend-page-host .deed-fee-hero .deed-formula-chip { display: grid; grid-template-columns: 1fr; align-content: center; row-gap: 2px; column-gap: 2px; }
.friend-page-host .deed-fee-hero .deed-formula-chip strong { grid-row-start: auto; grid-row-end: auto; grid-column-start: auto; grid-column-end: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(82, 133, 0); font-size: 25px; line-height: 1; }
.friend-page-host .deed-fee-hero .deed-formula-chip span { color: rgb(95, 116, 97); font-size: 11px; line-height: 1.2; }
.friend-page-host .share-page-head .share-reset-btn, .friend-page-host .area-page-head > button, html[data-theme="dark"] .friend-page-host .share-page-head .share-reset-btn, html[data-theme="dark"] .friend-page-host .area-page-head > button { box-sizing: border-box; min-height: 44px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(213, 225, 209); border-right-color: rgb(213, 225, 209); border-bottom-color: rgb(213, 225, 209); border-left-color: rgb(213, 225, 209); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(52, 84, 67); font-size: 11px; font-weight: 850; }
.friend-page-host .share-page-head .share-reset-btn:hover, .friend-page-host .area-page-head > button:hover { border-top-color: rgb(122, 170, 65); border-right-color: rgb(122, 170, 65); border-bottom-color: rgb(122, 170, 65); border-left-color: rgb(122, 170, 65); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 248, 233); color: rgb(49, 95, 18); }
html[data-theme="dark"] .friend-page-host .share-page-head, html[data-theme="dark"] .friend-page-host .area-page-head, html[data-theme="dark"] .friend-page-host .deed-fee-hero { border-top-color: rgb(53, 72, 62); border-right-color: rgb(53, 72, 62); border-bottom-color: rgb(53, 72, 62); border-left-color: rgb(53, 72, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 41, 35); color: rgb(238, 244, 233); box-shadow: rgb(155, 195, 79) 4px 0px 0px inset, rgba(0, 0, 0, 0.16) 0px 8px 24px; }
html[data-theme="dark"] .friend-page-host .share-page-head .share-page-title p, html[data-theme="dark"] .friend-page-host .area-page-head p, html[data-theme="dark"] .friend-page-host .deed-fee-hero p { color: rgb(185, 220, 130); }
html[data-theme="dark"] .friend-page-host .share-page-head .share-page-title p span, html[data-theme="dark"] .friend-page-host .area-page-head p > span, html[data-theme="dark"] .friend-page-host .deed-fee-hero p span { border-top-color: rgb(76, 102, 59); border-right-color: rgb(76, 102, 59); border-bottom-color: rgb(76, 102, 59); border-left-color: rgb(76, 102, 59); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 62, 46); color: rgb(198, 232, 145); }
html[data-theme="dark"] .friend-page-host .share-page-head .share-page-title h2, html[data-theme="dark"] .friend-page-host .area-page-head h2, html[data-theme="dark"] .friend-page-host .deed-fee-hero h2 { color: rgb(240, 245, 235); }
html[data-theme="dark"] .friend-page-host .share-page-head .share-page-title > small, html[data-theme="dark"] .friend-page-host .area-page-head > div > small, html[data-theme="dark"] .friend-page-host .deed-fee-hero > div:first-child > small { color: rgb(181, 199, 184); }
html[data-theme="dark"] .friend-page-host .share-page-head .share-formula-chip, html[data-theme="dark"] .friend-page-host .deed-fee-hero .deed-formula-chip { border-top-color: rgb(69, 93, 66); border-right-color: rgb(69, 93, 66); border-bottom-color: rgb(69, 93, 66); border-left-color: rgb(69, 93, 66); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 57, 46); color: rgb(231, 241, 220); }
html[data-theme="dark"] .friend-page-host .share-page-head .share-formula-chip small, html[data-theme="dark"] .friend-page-host .deed-fee-hero .deed-formula-chip small { color: rgb(173, 190, 167); }
html[data-theme="dark"] .friend-page-host .share-page-head .share-formula-chip strong, html[data-theme="dark"] .friend-page-host .deed-fee-hero .deed-formula-chip strong { color: rgb(200, 234, 143); }
html[data-theme="dark"] .friend-page-host .deed-fee-hero .deed-formula-chip span { color: rgb(190, 207, 186); }
html[data-theme="dark"] .friend-page-host .share-page-head .share-reset-btn, html[data-theme="dark"] .friend-page-host .area-page-head > button { border-top-color: rgb(75, 98, 77); border-right-color: rgb(75, 98, 77); border-bottom-color: rgb(75, 98, 77); border-left-color: rgb(75, 98, 77); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 59, 48); color: rgb(233, 243, 227); }
@media (width <= 800px) {
.friend-page-host .share-page-head, .friend-page-host .area-page-head, .friend-page-host .deed-fee-hero, html[data-theme="dark"] .friend-page-host .share-page-head, html[data-theme="dark"] .friend-page-host .area-page-head, html[data-theme="dark"] .friend-page-host .deed-fee-hero { min-height: 220px; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; flex-direction: column; align-items: stretch; justify-content: center; row-gap: 12px; column-gap: 12px; }
.friend-page-host .share-page-head .share-head-actions { display: grid; grid-template-columns: minmax(0px, 1fr) auto; width: 100%; row-gap: 9px; column-gap: 9px; }
.friend-page-host .share-page-head .share-formula-chip { width: 100%; min-width: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; }
.friend-page-host .area-page-head > button, .friend-page-host .deed-fee-hero .deed-formula-chip { align-self: flex-end; }
.friend-page-host .deed-fee-hero .deed-formula-chip { width: 190px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .share-page-head .share-page-title h2, .friend-page-host .area-page-head h2, .friend-page-host .deed-fee-hero h2 { font-size: 25px; }
}
@media (width <= 360px) {
.friend-page-host .share-page-head, .friend-page-host .area-page-head, .friend-page-host .deed-fee-hero { min-height: 232px; }
}
.friend-page-host .power-workspace > .power-upload, .friend-page-host .context-filter-panel:not(.power-search-inside), .friend-page-host .directory-command-center.context-filter-panel, .friend-page-host .portfolio-command-center > header, .friend-page-host .portfolio-list-shell > header, .friend-page-host .directory-list-shell > header, .friend-page-host .sales-ledger-panel > .panel-head, .friend-page-host .dashboard-grid > .panel { box-shadow: rgb(112, 162, 23) 4px 0px 0px inset, rgba(26, 62, 48, 0.04) 0px 8px 24px !important; }
html[data-theme="dark"] .friend-page-host .power-workspace > .power-upload, html[data-theme="dark"] .friend-page-host .context-filter-panel:not(.power-search-inside), html[data-theme="dark"] .friend-page-host .directory-command-center.context-filter-panel, html[data-theme="dark"] .friend-page-host .portfolio-command-center > header, html[data-theme="dark"] .friend-page-host .portfolio-list-shell > header, html[data-theme="dark"] .friend-page-host .directory-list-shell > header, html[data-theme="dark"] .friend-page-host .sales-ledger-panel > .panel-head, html[data-theme="dark"] .friend-page-host .dashboard-grid > .panel { box-shadow: rgb(155, 195, 79) 4px 0px 0px inset, rgba(0, 0, 0, 0.14) 0px 8px 24px !important; }
.friend-page-host .dashboard-grid > .portfolio-panel, .friend-page-host .dashboard-grid > .profit-panel { position: relative; overflow-x: visible !important; overflow-y: visible !important; box-shadow: rgba(26, 62, 48, 0.04) 0px 8px 24px !important; }
.friend-page-host .dashboard-grid > .portfolio-panel::before, .friend-page-host .dashboard-grid > .profit-panel::before { content: ""; position: absolute; z-index: 1; top: 0px; bottom: 0px; left: 0px; width: 4px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(112, 162, 23); pointer-events: none; }
html[data-theme="dark"] .friend-page-host .dashboard-grid > .portfolio-panel, html[data-theme="dark"] .friend-page-host .dashboard-grid > .profit-panel { box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 24px !important; }
html[data-theme="dark"] .friend-page-host .dashboard-grid > .portfolio-panel::before, html[data-theme="dark"] .friend-page-host .dashboard-grid > .profit-panel::before { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(155, 195, 79); }
.friend-page-host .side-nav > a { box-sizing: border-box; position: relative; display: flex; align-items: center; row-gap: 13px; column-gap: 13px; width: 100%; min-height: 51px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 12px; padding-right: 13px; padding-bottom: 12px; padding-left: 13px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; text-align: left; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; transition-behavior: normal, normal, normal, normal; transition-duration: 0.18s, 0.18s, 0.18s, 0.18s; transition-timing-function: ease, ease, ease, ease; transition-delay: 0s, 0s, 0s, 0s; transition-property: background-color, color, box-shadow, transform; color: rgb(213, 227, 221) !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; }
.friend-page-host .side-nav > a .nav-icon { width: 20px; min-width: 20px; text-align: center; color: rgb(194, 211, 82); font-size: 18px; font-weight: 700; line-height: 1; }
.friend-page-host .side-nav > a + a::before { content: ""; position: absolute; top: 0px; left: 14px; right: 14px; border-top-width: ; border-top-style: ; border-top-color: ; pointer-events: none; }
.friend-page-host .side-nav > a:is(:hover, .active)::before, .friend-page-host .side-nav > a:is(:hover, .active) + a::before { border-top-color: var(--nav-divider-soft); }
.friend-page-host .side-nav > a.active { color: rgb(255, 255, 255) !important; background-image: linear-gradient(90deg, rgb(33, 105, 77), rgb(30, 88, 60)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: rgb(208, 233, 53) 3px 0px inset, rgba(194, 211, 82, 0.34) 0px 0px 0px 1px inset, rgba(0, 35, 28, 0.15) 0px 7px 18px !important; }
@media (hover: hover) {
.friend-page-host .side-nav > a:hover:not(.active) { transform: translateX(2px); color: rgb(255, 255, 255) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(32, 95, 78) !important; box-shadow: rgba(0, 35, 28, 0.12) 0px 7px 18px !important; }
}
html[data-theme="dark"] .friend-page-host .side-nav > a { color: rgb(197, 208, 202) !important; }
html[data-theme="dark"] .friend-page-host .side-nav > a.active { color: rgb(255, 255, 255) !important; background-image: linear-gradient(90deg, rgb(38, 55, 47), rgb(26, 40, 35)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: rgb(183, 215, 59) 3px 0px inset, rgb(58, 77, 68) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.24) 0px 7px 18px !important; }
.friend-page-host .workspace > .topbar .top-utility-nav > a { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; row-gap: 7px; column-gap: 7px; min-height: 40px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(167, 201, 182, 0.34); border-right-color: rgba(167, 201, 182, 0.34); border-bottom-color: rgba(167, 201, 182, 0.34); border-left-color: rgba(167, 201, 182, 0.34); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; transition-behavior: normal, normal, normal, normal; transition-duration: 0.18s, 0.18s, 0.18s, 0.18s; transition-timing-function: ease, ease, ease, ease; transition-delay: 0s, 0s, 0s, 0s; transition-property: background-color, border-color, color, transform; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; }
.friend-page-host .top-utility-nav > a span { font-size: 16px; line-height: 1; }
.friend-page-host .top-utility-nav > a small { white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 11px; }
.friend-page-host .workspace > .topbar .top-utility-nav > a.active { color: rgb(208, 233, 53); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(30, 98, 77); border-top-color: rgba(208, 233, 53, 0.72); border-right-color: rgba(208, 233, 53, 0.72); border-bottom-color: rgba(208, 233, 53, 0.72); border-left-color: rgba(208, 233, 53, 0.72); }
@media (hover: hover) {
.friend-page-host .workspace > .topbar .top-utility-nav > a:hover { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(33, 92, 80); border-top-color: rgba(194, 211, 82, 0.52); border-right-color: rgba(194, 211, 82, 0.52); border-bottom-color: rgba(194, 211, 82, 0.52); border-left-color: rgba(194, 211, 82, 0.52); transform: translateY(-1px); }
}
html[data-theme="dark"] .friend-page-host .workspace > .topbar .top-utility-nav > a { color: rgb(237, 242, 239); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 41, 36); border-top-color: rgb(53, 73, 64); border-right-color: rgb(53, 73, 64); border-bottom-color: rgb(53, 73, 64); border-left-color: rgb(53, 73, 64); }
html[data-theme="dark"] .friend-page-host .workspace > .topbar .top-utility-nav > a.active { color: rgb(205, 229, 90); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 58, 49); border-top-color: rgb(102, 123, 69); border-right-color: rgb(102, 123, 69); border-bottom-color: rgb(102, 123, 69); border-left-color: rgb(102, 123, 69); }
@media (width <= 1220px) {
.friend-page-host .workspace > .topbar .top-utility-nav > a { width: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .top-utility-nav > a small { display: none; }
}
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a { box-sizing: border-box; display: flex; align-items: center; row-gap: 10px; column-gap: 10px; min-width: 0px; min-height: 63px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 226, 218); border-right-color: rgb(220, 226, 218); border-bottom-color: rgb(220, 226, 218); border-left-color: rgb(220, 226, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 251, 249); color: rgb(70, 81, 73); text-align: left; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a > b { display: grid; align-items: center; justify-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: 34px; width: 34px; height: 34px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 241, 235); color: rgb(102, 113, 105); font-size: 16px; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a > span, .friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a small { display: block; min-width: 0px; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a > span { font-size: 13px; font-weight: 900; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a small { margin-top: 2px; color: rgb(139, 148, 142); font-size: 10px; font-weight: 500; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a.active { border-top-color: rgb(134, 171, 69); border-right-color: rgb(134, 171, 69); border-bottom-color: rgb(134, 171, 69); border-left-color: rgb(134, 171, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 233); color: rgb(53, 91, 0); box-shadow: rgba(90, 140, 0, 0.05) 0px 0px 0px 3px; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a.active > b { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
html[data-theme="dark"] .friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a { border-top-color: rgb(53, 73, 64); border-right-color: rgb(53, 73, 64); border-bottom-color: rgb(53, 73, 64); border-left-color: rgb(53, 73, 64); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 40, 32); color: rgb(231, 238, 233); }
html[data-theme="dark"] .friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a.active { border-top-color: rgb(133, 171, 73); border-right-color: rgb(133, 171, 73); border-bottom-color: rgb(133, 171, 73); border-left-color: rgb(133, 171, 73); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 62, 45); color: rgb(201, 233, 139); }
@media (width <= 720px) {
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > a { min-height: 54px; }
}
.friend-page-host a.summary-card.is-clickable { display: block; color: inherit; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; }
.friend-page-host .portfolio-panel .panel-head > a { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(222, 222, 216); border-right-color: rgb(222, 222, 216); border-bottom-color: rgb(222, 222, 216); border-left-color: rgb(222, 222, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(89, 96, 92); font-size: 12px; font-weight: 650; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; }
.friend-page-host .legend > a { display: flex; justify-content: space-between; padding-top: 11px; padding-right: 0px; padding-bottom: 11px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(239, 238, 233); color: inherit; font-size: 13px; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; }
.friend-page-host .legend > a > span { display: flex; align-items: center; color: rgb(111, 118, 114); }
.friend-page-host .legend > a strong { color: var(--ink); }
.friend-page-host .portfolio-panel .legend .directory-dot { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(86, 138, 153); }
.friend-page-host .portfolio-panel .legend .power-dot { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(210, 155, 56); }
.friend-page-host .portfolio-panel .legend > a > span { min-width: 0px; }
.friend-page-host .portfolio-panel .legend > a strong { white-space-collapse: collapse; text-wrap-mode: nowrap; }
@media (min-width: 761px) {
.friend-page-host .portfolio-panel .chart-area { padding-top: 7px; }
}
.friend-page-host a.link-btn { display: inline-flex; align-items: center; color: var(--green) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; font-size: 12px !important; }
html[data-theme="dark"] .friend-page-host .portfolio-panel .panel-head > a { border-top-color: rgb(53, 73, 64); border-right-color: rgb(53, 73, 64); border-bottom-color: rgb(53, 73, 64); border-left-color: rgb(53, 73, 64); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 41, 36); color: rgb(225, 234, 229); }
html[data-theme="dark"] .friend-page-host .legend > a { border-bottom-color: rgb(53, 73, 64); color: rgb(225, 234, 229); }
html[data-theme="dark"] .friend-page-host .legend > a strong { color: rgb(238, 243, 240); }
@media (prefers-reduced-motion: reduce) {
.friend-page-host .side-nav > a, .friend-page-host .workspace > .topbar .top-utility-nav > a { transition-behavior: normal !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-property: none !important; }
}
@media (min-width: 1051px) {
.friend-page-host .dashboard-grid > .panel { padding-top: 17px; padding-bottom: 17px; }
.friend-page-host .dashboard-grid .monthly-bars { height: 116px; }
.friend-page-host .dashboard-grid .monthly-bar { height: 110px; }
.friend-page-host .dashboard-grid .monthly-bar > span { height: 66px; }
}
.friend-page-host .summary-card, .friend-page-host .panel, .friend-page-host .sidebar-card, .friend-page-host .tool-row, .friend-page-host .people-overview, .friend-page-host .person-card, .friend-page-host .report-hero, .friend-page-host .settings-overview, .friend-page-host .settings-card, .friend-page-host .context-filter-panel, .friend-page-host .backup-hero, .friend-page-host .identity-hero, .friend-page-host .property-tracking-card, .friend-page-host .portfolio-public-card, .friend-page-host .public-property-row, .friend-page-host .search-result-hero, .friend-page-host .batch-grid, .friend-page-host .portfolio-batch-card, .friend-page-host .deed-info-strip, .friend-page-host .deed-office-note, .friend-page-host .deed-feedback, .friend-page-host .deed-share-control, .friend-page-host .area-dropzone, .friend-page-host .area-feedback, .friend-page-host .share-ratio-box, .friend-page-host .share-upload-compact { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .demo-banner, .friend-page-host .session-list article, .friend-page-host .statement-transaction-card, .friend-page-host .sale-transaction-summary, .friend-page-host .sale-transaction-property-list > button, .friend-page-host .deed-result-card dl > div, .friend-page-host .area-table-row, .friend-page-host .share-result-facts > div, .friend-page-host .share-source-intro, .friend-page-host .power-file-picker, .friend-page-host .power-documents > article, .friend-page-host .power-optional-scan, .friend-page-host .document-upload, .friend-page-host .property-file-picker { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .auth-connection-card, .friend-page-host .portfolio-public-paper, .friend-page-host .share-page-head, .friend-page-host .share-live-result, .friend-page-host .area-page-head, .friend-page-host .area-total-card, .friend-page-host .deed-result-card, .friend-page-host .directory-command-center, .friend-page-host .directory-list-shell, .friend-page-host .report-directory-shell, .friend-page-host .power-upload, .friend-page-host .power-list, .friend-page-host .global-search-results-open .search-results-view { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .auth-card, .friend-page-host .statement-paper, .friend-page-host .modal, .friend-page-host .person-modal, .friend-page-host .property-modal, .friend-page-host .batch-property-modal { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .portfolio-command-center, .friend-page-host .portfolio-list-shell { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .deed-fee-hero, .friend-page-host .document-share-card, .friend-page-host .public-portfolio-page { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .global-search, .friend-page-host .context-search, .friend-page-host .portfolio-search, .friend-page-host .person-combobox-list, .friend-page-host .deed-office-grid select, .friend-page-host .deed-update-panel input, .friend-page-host .person-note-editor textarea { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .auth-field input, .friend-page-host .identity-text-source textarea, .friend-page-host .power-search, .friend-page-host .trash-toolbar input, .friend-page-host .trash-toolbar select { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .filter-set select, .friend-page-host .security-log-password > input, .friend-page-host .settings-card input, .friend-page-host .settings-card select, .friend-page-host .context-filters select, .friend-page-host .context-filters input, .friend-page-host .portfolio-filter-bar select, .friend-page-host .portfolio-filter-bar input, .friend-page-host .batch-price-toolbar input, .friend-page-host .area-table-row input, .friend-page-host .area-m2-input > div, .friend-page-host .person-combobox > input[type="text"], .friend-page-host .field input, .friend-page-host .field select, .friend-page-host .field textarea { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .auth-field > div input { border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; }
@media (width <= 760px) {
.friend-page-host .directory-list-shell > header, .friend-page-host .portfolio-list-shell > header, .friend-page-host .portfolio-list-shell .list-sort-bar, .friend-page-host .directory-list > .directory-row, .friend-page-host .portfolio-record-list > .portfolio-record-row, .friend-page-host .portfolio-record-group { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .portfolio-record-group > header, .friend-page-host .modal, .friend-page-host .person-modal, .friend-page-host .property-modal, .friend-page-host .batch-property-modal { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .statement-paper, .friend-page-host .public-portfolio-page, .friend-page-host .portfolio-public-paper, .friend-page-host .document-share-card { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
}
.friend-page-host .sidebar > .side-nav { --nav-row-divider: rgba(210,230,218,.15); --nav-row-text: #d1dfd7; --nav-row-icon: #c9dc78; row-gap: 0px !important; column-gap: 0px !important; }
.friend-page-host .sidebar > .side-nav > a, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link { box-sizing: border-box; position: relative; display: flex; align-items: center; width: 100%; min-height: 46px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 6px; padding-right: 12px; padding-bottom: 6px; padding-left: 12px; row-gap: 11px; column-gap: 11px; text-align: left; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: var(--nav-row-text) !important; box-shadow: none !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; transform: none !important; transition-behavior: normal, normal !important; transition-duration: 0.16s, 0.16s !important; transition-timing-function: ease, ease !important; transition-delay: 0s, 0s !important; transition-property: background-color, color !important; }
.friend-page-host .sidebar > .side-nav > a + a::before, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link + .muhasebe-nav-link::before { content: ""; position: absolute; top: 0px; right: 11px; left: 47px; height: 1px; pointer-events: none; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; }
.friend-page-host .sidebar > .side-nav > a:is(.active, :hover)::before, .friend-page-host .sidebar > .side-nav > a:is(.active, :hover) + a::before, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, :hover)::before, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, :hover) + .muhasebe-nav-link::before { opacity: 0.55; }
.friend-page-host .sidebar > .side-nav > a .nav-icon, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link .nav-icon { flex-grow: 0; flex-shrink: 0; flex-basis: 23px; display: grid; align-items: center; justify-items: center; width: 23px; min-width: 23px; height: 28px; font-size: 17px; font-weight: 700; line-height: 1; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: var(--nav-row-icon) !important; box-shadow: none !important; transform: none !important; }
.friend-page-host .sidebar > .side-nav > a.active, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active) { font-weight: 760; background-image: linear-gradient(90deg, rgba(207, 230, 94, 0.13), rgba(207, 230, 94, 0.035) 72%, transparent) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(255, 255, 255) !important; box-shadow: rgb(213, 235, 87) 2px 0px inset !important; }
.friend-page-host .sidebar > .side-nav > a.active .nav-icon, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active) .nav-icon { color: rgb(230, 243, 127) !important; }
@media (hover: hover) and (pointer: fine) {
.friend-page-host .sidebar > .side-nav > a:hover:not(.active), .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active):not(.is-portal-active) { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.055) !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; transform: none !important; }
}
html[data-theme="dark"] .friend-page-host .sidebar > .side-nav { --nav-row-divider: rgba(222,236,225,.12); --nav-row-text: #c5d1c9; --nav-row-icon: #bfd47a; }
html[data-theme="dark"] .friend-page-host .sidebar > .side-nav > a.active, html[data-theme="dark"] .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active) { background-image: linear-gradient(90deg, rgba(199, 224, 91, 0.12), rgba(199, 224, 91, 0.024) 72%, transparent) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: rgb(199, 224, 91) 2px 0px inset !important; }
@media (prefers-reduced-motion: reduce) {
.friend-page-host .sidebar > .side-nav > a, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link { transition-behavior: normal !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-property: none !important; }
}
@media (width <= 900px) {
.friend-page-host .mobile-menu-sheet > nav { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; grid-auto-flow: row !important; row-gap: 0px !important; column-gap: 8px !important; }
.friend-page-host .mobile-menu-sheet > nav > button, .friend-page-host .mobile-menu-sheet > nav > a, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link { position: relative !important; grid-template-columns: 30px minmax(0px, 1fr) !important; min-height: 56px !important; row-gap: 12px !important; column-gap: 12px !important; padding-top: 8px !important; padding-right: 10px !important; padding-bottom: 8px !important; padding-left: 10px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: rgba(218, 237, 224, 0.13) !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; }
.friend-page-host .mobile-menu-sheet > nav > button > span, .friend-page-host .mobile-menu-sheet > nav > a > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link > span { width: 30px !important; height: 30px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: rgb(201, 220, 120) !important; box-shadow: none !important; font-size: 17px !important; }
.friend-page-host .mobile-menu-sheet > nav > button.active, .friend-page-host .mobile-menu-sheet > nav > a.active { background-image: linear-gradient(90deg, rgba(207, 230, 94, 0.13), transparent 82%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: rgb(213, 235, 87) 2px 0px inset !important; }
.friend-page-host .mobile-menu-sheet > nav > button.active > span, .friend-page-host .mobile-menu-sheet > nav > a.active > span { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: rgb(230, 243, 127) !important; }
.friend-page-host .mobile-menu-sheet > nav strong { font-size: 13px !important; line-height: 1.25 !important; }
.friend-page-host .mobile-menu-sheet > nav small { font-size: 11px !important; line-height: 1.25 !important; }
}
.friend-page-host .trash-center > .trash-notes { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 0px; column-gap: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .trash-center > .trash-notes > div { min-width: 0px; padding-top: 14px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .trash-center > .trash-notes > div + div { border-left-width: ; border-left-style: ; border-left-color: ; }
@media (width <= 760px) {
.friend-page-host .trash-center > .trash-notes { grid-template-columns: repeat(3, minmax(210px, 1fr)); overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x; scrollbar-width: thin; }
.friend-page-host .trash-center > .trash-notes > div { padding-inline-start: 14px; padding-inline-end: 14px; scroll-snap-align: start; }
}
@media (min-width: 761px) {
.friend-page-host .records-panel .table-wrap.responsive-table table { table-layout: fixed; }
.friend-page-host .records-panel .table-wrap.responsive-table th:nth-child(1) { width: 21%; }
.friend-page-host .records-panel .table-wrap.responsive-table th:nth-child(2) { width: 16%; }
.friend-page-host .records-panel .table-wrap.responsive-table th:nth-child(3) { width: 14%; }
.friend-page-host .records-panel .table-wrap.responsive-table th:nth-child(4) { width: 18%; }
.friend-page-host .records-panel .table-wrap.responsive-table th:nth-child(5) { width: 12%; }
.friend-page-host .records-panel .table-wrap.responsive-table th:nth-child(6) { width: 12%; }
.friend-page-host .records-panel .table-wrap.responsive-table th:nth-child(7) { width: 7%; }
.friend-page-host .records-panel .table-wrap.responsive-table td:not(:last-child) { overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; }
}
.friend-page-host .analysis-progress progress:indeterminate, .friend-page-host .analysis-progress progress:indeterminate::-webkit-progress-bar { background-image: linear-gradient(90deg, rgb(223, 233, 207) 0%, rgb(194, 211, 82) 27%, rgb(90, 140, 0) 50%, rgb(194, 211, 82) 73%, rgb(223, 233, 207) 100%); background-position-x: 0px; background-position-y: 0px; background-size: 200% 100%; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; animation-duration: 1.4s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--scan-progress-flow; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .analysis-progress progress:indeterminate::-webkit-progress-value { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
@keyframes friend-page--scan-progress-flow {
100% { background-position-x: 200%; background-position-y: 0px; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .analysis-progress progress:indeterminate, .friend-page-host .analysis-progress progress:indeterminate::-webkit-progress-bar { animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; background-position-x: 50%; background-position-y: 0px; }
}
.friend-page-host .area-total-card > .area-output-actions { display: flex; justify-content: flex-start; margin-top: 18px; }
.friend-page-host .area-total-card > .area-output-actions > button { min-width: 120px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; border-top-color: rgba(255, 255, 255, 0.26) !important; border-right-color: rgba(255, 255, 255, 0.26) !important; border-bottom-color: rgba(255, 255, 255, 0.26) !important; border-left-color: rgba(255, 255, 255, 0.26) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.07) !important; color: rgb(255, 255, 255) !important; }
@media (width > 760px) {
.friend-page-host .calc-share-inset .share-actions-row > .deed-share-submit { min-width: 84px !important; padding-inline-start: 8px !important; padding-inline-end: 8px !important; }
.friend-page-host .calc-share-inset .share-duration-days > button { padding-inline-start: 3px !important; padding-inline-end: 3px !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
}
@media (width <= 760px) {
.friend-page-host :is(.share-live-result, .area-total-card, .deed-result-card) .calc-share-inset { margin-top: 14px; padding-top: 15px !important; padding-right: 15px !important; padding-bottom: 15px !important; padding-left: 15px !important; }
.friend-page-host .calc-share-inset .deed-share-duration { padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; }
.friend-page-host .area-total-card > .area-output-actions > button { min-width: 0px; width: 100%; }
}
.friend-page-host .pdf-download-card, .friend-page-host .deed-share-control.pdf-download-card { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; row-gap: 14px; column-gap: 18px; min-height: 84px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 16px; padding-right: 18px; padding-bottom: 16px; padding-left: 18px; color: rgb(238, 246, 242); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.086), rgba(255, 255, 255, 0.035)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(255, 255, 255, 0.16); border-right-color: rgba(255, 255, 255, 0.16); border-bottom-color: rgba(255, 255, 255, 0.16); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-left-width: 3px; border-left-style: solid; border-left-color: rgb(194, 211, 82); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: rgba(255, 255, 255, 0.055) 0px 1px 0px inset, rgba(0, 24, 20, 0.14) 0px 8px 20px; }
.friend-page-host .pdf-download-copy { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: 230px; align-items: center; row-gap: 15px; column-gap: 15px; min-width: 0px; }
.friend-page-host .pdf-download-copy > div { display: grid; row-gap: 3px; column-gap: 3px; min-width: 0px; }
.friend-page-host .pdf-download-copy p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(207, 229, 83); font-size: 10px; font-weight: 850; letter-spacing: 0.14em; }
.friend-page-host .pdf-download-copy strong { color: rgb(255, 255, 255); font-size: 16px; font-weight: 800; line-height: 1.3; }
.friend-page-host .pdf-download-copy small { color: rgba(229, 240, 235, 0.74); font-size: 12px; line-height: 1.45; }
.friend-page-host .pdf-download-mark { flex-grow: 0; flex-shrink: 0; flex-basis: auto; display: grid; align-items: center; justify-items: center; width: 42px; height: 42px; color: rgb(216, 235, 110); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(194, 211, 82, 0.13); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(210, 232, 105, 0.32); border-right-color: rgba(210, 232, 105, 0.32); border-bottom-color: rgba(210, 232, 105, 0.32); border-left-color: rgba(210, 232, 105, 0.32); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 12px; font-weight: 850; letter-spacing: -0.02em; }
.friend-page-host .pdf-download-action { flex-grow: 0; flex-shrink: 1; flex-basis: 160px; min-width: 132px; min-height: 42px; margin-left: auto; color: rgb(255, 255, 255); white-space-collapse: collapse; text-wrap-mode: nowrap; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(79, 127, 0); border-top-color: rgb(124, 175, 32); border-right-color: rgb(124, 175, 32); border-bottom-color: rgb(124, 175, 32); border-left-color: rgb(124, 175, 32); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: rgba(0, 25, 20, 0.23) 0px 7px 16px; }
.friend-page-host .pdf-download-action:hover:not(:disabled) { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(84, 130, 0); border-top-color: rgb(138, 189, 44); border-right-color: rgb(138, 189, 44); border-bottom-color: rgb(138, 189, 44); border-left-color: rgb(138, 189, 44); }
.friend-page-host .pdf-download-action:disabled { color: rgb(175, 193, 185); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(49, 92, 77); border-top-color: rgba(255, 255, 255, 0.13); border-right-color: rgba(255, 255, 255, 0.13); border-bottom-color: rgba(255, 255, 255, 0.13); border-left-color: rgba(255, 255, 255, 0.13); box-shadow: none; cursor: not-allowed; opacity: 0.78; }
.friend-page-host .pdf-download-error { display: block; color: rgb(255, 184, 171); font-weight: 650; }
.friend-page-host .share-live-result > .pdf-download-card, .friend-page-host .area-total-card > .pdf-download-card { margin-top: 18px; }
@media (max-width: 700px) {
.friend-page-host .pdf-download-card, .friend-page-host .deed-share-control.pdf-download-card { align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
.friend-page-host .pdf-download-copy { row-gap: 10px; column-gap: 10px; }
.friend-page-host .pdf-download-mark { width: 36px; height: 36px; }
.friend-page-host .pdf-download-action { flex-basis: 132px; min-height: 44px; padding-inline-start: 10px; padding-inline-end: 10px; }
}
.friend-page-host .pdf-top-action { white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .drawer-head-actions { display: flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-items: center; row-gap: 8px; column-gap: 8px; margin-left: 10px; }
.friend-page-host .drawer-head-actions .pdf-top-action, .friend-page-host .drawer-head-actions .drawer-head-close { box-sizing: border-box; min-height: 38px; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; font-weight: 850; }
.friend-page-host .drawer-head-actions .pdf-top-action { min-width: 72px; padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; color: rgb(24, 60, 49); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(201, 220, 86); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 233, 121); border-right-color: rgb(216, 233, 121); border-bottom-color: rgb(216, 233, 121); border-left-color: rgb(216, 233, 121); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; box-shadow: rgba(0, 20, 15, 0.18) 0px 6px 16px; }
.friend-page-host .drawer-head-actions .pdf-top-action:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(215, 233, 119); border-top-color: rgb(224, 239, 145); border-right-color: rgb(224, 239, 145); border-bottom-color: rgb(224, 239, 145); border-left-color: rgb(224, 239, 145); }
.friend-page-host .drawer-head-actions .drawer-head-close { display: grid; align-items: center; justify-items: center; width: 38px; min-width: 38px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.08); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.16); border-right-color: rgba(255, 255, 255, 0.16); border-bottom-color: rgba(255, 255, 255, 0.16); border-left-color: rgba(255, 255, 255, 0.16); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; font-size: 20px; line-height: 1; }
.friend-page-host .drawer-head-actions .drawer-head-close:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.15); }
@media (max-width: 760px) {
.friend-page-host .drawer-head { row-gap: 8px; column-gap: 8px; }
.friend-page-host .drawer-head-actions { row-gap: 6px; column-gap: 6px; margin-left: 0px; }
.friend-page-host .drawer-head-actions .pdf-top-action { min-width: 64px; min-height: 42px; padding-inline-start: 11px; padding-inline-end: 11px; }
.friend-page-host .drawer-head-actions .drawer-head-close { width: 42px; min-width: 42px; min-height: 42px; }
.friend-page-host .portfolio-command-actions .pdf-top-action { min-width: 72px !important; }
}
.friend-page-host :where(button, a)[aria-busy="true"], .friend-page-host :where(button, a).is-loading { pointer-events: none; opacity: 0.76; cursor: wait !important; }
@media (max-width: 760px) {
.friend-page-host .view-stack { animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .view-stack { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
.friend-page-host .emlak-year-toolbar { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: ; border-left-style: ; border-left-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: linear-gradient(110deg, rgb(255, 255, 255) 0%, rgb(247, 250, 239) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; box-shadow: rgba(22, 55, 45, 0.04) 0px 10px 28px; display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; row-gap: 18px; column-gap: 18px; padding-top: 15px; padding-right: 17px; padding-bottom: 15px; padding-left: 17px; }
.friend-page-host .emlak-year-copy { min-width: 0px; display: grid; row-gap: 3px; column-gap: 3px; }
.friend-page-host .emlak-year-copy p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--green); font-size: 10px; font-weight: 850; letter-spacing: 1.35px; }
.friend-page-host .emlak-year-copy strong { color: rgb(23, 57, 47); font-size: 17px; line-height: 1.25; }
.friend-page-host .emlak-year-copy span { color: rgb(111, 125, 117); font-size: 12px; line-height: 1.45; }
.friend-page-host .emlak-year-control { display: grid; grid-template-columns: 44px minmax(126px, 160px) 44px; align-items: end; row-gap: 8px; column-gap: 8px; }
.friend-page-host .emlak-year-control > button { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 216, 199); border-right-color: rgb(203, 216, 199); border-bottom-color: rgb(203, 216, 199); border-left-color: rgb(203, 216, 199); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(66, 103, 0); width: 44px; height: 44px; font-size: 22px; font-weight: 800; }
.friend-page-host .emlak-year-control > button:disabled { cursor: default; opacity: 0.38; }
.friend-page-host .emlak-year-control label { min-width: 0px; display: grid; row-gap: 5px; column-gap: 5px; }
.friend-page-host .emlak-year-control label > span { color: rgb(107, 119, 111); font-size: 10px; font-weight: 750; letter-spacing: 0.35px; }
.friend-page-host .emlak-year-control select { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 216, 199); border-right-color: rgb(203, 216, 199); border-bottom-color: rgb(203, 216, 199); border-left-color: rgb(203, 216, 199); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(23, 57, 47); width: 100%; height: 44px; padding-top: 0px; padding-right: 34px; padding-bottom: 0px; padding-left: 12px; font-size: 14px; font-weight: 800; }
.friend-page-host .report-year-toolbar .emlak-year-control { grid-template-columns: minmax(150px, 180px); }
.friend-page-host .context-filter-panel .context-filters { grid-template-columns: minmax(100px, 0.55fr) repeat(6, minmax(125px, 1fr)); }
.friend-page-host .context-filters .annual-filter-field select { font-weight: 800; color: rgb(63, 101, 0); border-top-color: rgb(185, 203, 173); border-right-color: rgb(185, 203, 173); border-bottom-color: rgb(185, 203, 173); border-left-color: rgb(185, 203, 173); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 253, 247); }
html[data-theme="dark"] .friend-page-host .emlak-year-toolbar { background-image: linear-gradient(110deg, rgb(16, 28, 23) 0%, rgb(21, 35, 28) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-color: rgb(51, 72, 63); border-right-color: rgb(51, 72, 63); border-bottom-color: rgb(51, 72, 63); border-left-color: rgb(157, 197, 34); box-shadow: none; }
html[data-theme="dark"] .friend-page-host .emlak-year-copy strong { color: rgb(242, 246, 243); }
html[data-theme="dark"] .friend-page-host .emlak-year-copy span, html[data-theme="dark"] .friend-page-host .emlak-year-control label > span { color: rgb(170, 185, 176); }
html[data-theme="dark"] .friend-page-host .emlak-year-control > button, html[data-theme="dark"] .friend-page-host .emlak-year-control select { color: rgb(216, 239, 156); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(22, 37, 30); border-top-color: rgb(61, 85, 73); border-right-color: rgb(61, 85, 73); border-bottom-color: rgb(61, 85, 73); border-left-color: rgb(61, 85, 73); }
html[data-theme="dark"] .friend-page-host .context-filters .annual-filter-field select { color: rgb(216, 239, 156); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(22, 37, 30); border-top-color: rgb(79, 105, 79); border-right-color: rgb(79, 105, 79); border-bottom-color: rgb(79, 105, 79); border-left-color: rgb(79, 105, 79); }
@media (width <= 1250px) {
.friend-page-host .context-filter-panel .context-filters { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
@media (width <= 900px) {
.friend-page-host .context-filter-panel .context-filters { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (width <= 760px) {
.friend-page-host .emlak-year-toolbar { grid-template-columns: minmax(0px, 1fr); row-gap: 12px; column-gap: 12px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host .emlak-year-copy strong { font-size: 16px; }
.friend-page-host .emlak-year-copy span { font-size: 12px !important; }
.friend-page-host .emlak-year-control { grid-template-columns: 44px minmax(0px, 1fr) 44px; width: 100%; }
.friend-page-host .report-year-toolbar .emlak-year-control { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .emlak-year-control select { font-size: 16px !important; }
.friend-page-host .context-filter-panel .context-filters { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.friend-page-host .portfolio-command-actions > button { color: rgb(255, 255, 255) !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; box-shadow: rgba(23, 63, 52, 0.18) 0px 6px 18px !important; }
.friend-page-host .portfolio-command-actions > button:hover { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(77, 120, 0) !important; border-top-color: rgb(77, 120, 0) !important; border-right-color: rgb(77, 120, 0) !important; border-bottom-color: rgb(77, 120, 0) !important; border-left-color: rgb(77, 120, 0) !important; }
@media (max-width: 760px) {
.friend-page-host .document-actions, .friend-page-host .document-batch-page .document-actions, .friend-page-host .power-document-actions { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0px, 1fr) !important; grid-template-columns: none !important; align-items: stretch !important; row-gap: 5px !important; column-gap: 5px !important; width: 100% !important; min-width: 0px !important; margin-left: 0px !important; }
.friend-page-host .document-actions > *, .friend-page-host .document-batch-page .document-actions > *, .friend-page-host .power-document-actions > * { box-sizing: border-box; grid-column-start: auto !important; grid-column-end: auto !important; width: 100% !important; min-width: 0px !important; max-width: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .document-actions :is(a, button), .friend-page-host .document-batch-page .document-actions :is(a, button), .friend-page-host .power-document-actions :is(a, button) { overflow-wrap: anywhere; width: 100% !important; min-width: 0px !important; min-height: 38px !important; padding-inline-start: 2px !important; padding-inline-end: 2px !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; font-size: clamp(9px, 2.5vw, 11px) !important; line-height: 1.12 !important; }
}
@media (max-width: 760px) {
.friend-page-host :is(.summary-grid, .people-overview, .portfolio-card-facts, .property-tracking-facts, .statement-summary, .statement-transaction-facts, .document-share-meta):has(> :nth-child(2n+3):last-child) { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host :is(.summary-grid, .people-overview, .portfolio-card-facts, .property-tracking-facts, .statement-summary, .statement-transaction-facts, .document-share-meta):has(> :nth-child(2n+3):last-child) > :last-child { min-width: 0px; grid-column-start: 1 !important; grid-column-end: -1 !important; text-align: center !important; justify-items: center !important; align-content: center !important; }
.friend-page-host .summary-grid:has(> :nth-child(2n+3):last-child) > :last-child .summary-top { justify-content: center; row-gap: 8px; column-gap: 8px; }
.friend-page-host .context-filters > :last-child:nth-child(2n+1) { text-align: center; grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .context-filters > :last-child:nth-child(2n+1) :is(input, select) { width: 100%; }
}
@media (width <= 760px) {
.friend-page-host .portfolio-record-main > span, .friend-page-host .portfolio-record-main small, .friend-page-host .portfolio-record-metrics small, .friend-page-host .portfolio-record-owner small, .friend-page-host .directory-contact small, .friend-page-host .directory-metrics small { font-size: 10px !important; line-height: 1.35 !important; }
.friend-page-host .portfolio-record-main em, .friend-page-host .portfolio-record-metrics em, .friend-page-host .portfolio-record-owner em, .friend-page-host .portfolio-record-price small, .friend-page-host .sales-ledger > button small { font-size: 11px !important; line-height: 1.35 !important; }
.friend-page-host .portfolio-record-metrics strong, .friend-page-host .portfolio-record-owner strong, .friend-page-host .directory-contact strong, .friend-page-host .directory-metrics strong, .friend-page-host .sales-ledger > button strong { font-size: 12px !important; line-height: 1.3 !important; }
}
.friend-page-host .property-insights-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 15px; column-gap: 15px; min-width: 0px; }
.friend-page-host .property-insights-grid > .insight-card { display: flex; flex-direction: column; min-width: 0px; min-height: 310px; padding-top: 18px; padding-right: 20px; padding-bottom: 17px; padding-left: 20px; box-shadow: rgb(112, 162, 23) 4px 0px 0px inset, rgba(26, 62, 48, 0.04) 0px 8px 24px; }
.friend-page-host .insight-card .panel-head { align-items: center; row-gap: 12px; column-gap: 12px; min-height: 82px; margin-bottom: 12px; }
.friend-page-host .insight-card .panel-head > div { min-width: 0px; }
.friend-page-host .insight-year-select { flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-width: 88px; max-width: 110px; min-height: 34px; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(219, 229, 209); border-right-color: rgb(219, 229, 209); border-bottom-color: rgb(219, 229, 209); border-left-color: rgb(219, 229, 209); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 244); color: rgb(55, 88, 44); font-size: 11px; font-weight: 750; line-height: 1.3; cursor: pointer; }
.friend-page-host .insight-year-select:focus-visible { outline-color: rgb(90, 140, 0); outline-style: solid; outline-width: 2px; outline-offset: 2px; }
.friend-page-host .insight-caption { color: var(--muted); font-size: 12px; line-height: 1.4; margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; }
.friend-page-host .insight-bars { display: grid; row-gap: 10px; column-gap: 10px; min-width: 0px; }
.friend-page-host .insight-feature { --insight-fill: #5a8c00; display: grid; row-gap: 5px; column-gap: 5px; min-width: 0px; }
.friend-page-host .insight-feature-frontage, .friend-page-host .insight-feature-road { --insight-fill: #5a8c00; }
.friend-page-host .insight-feature-none { --insight-fill: #c66d5d; }
.friend-page-host .insight-feature-zoned { --insight-fill: #91b730; }
.friend-page-host .insight-feature-arsa { --insight-fill: #c89b3c; }
.friend-page-host .insight-feature-near { --insight-fill: #568a99; }
.friend-page-host .insight-feature-konut { --insight-fill: #626eb1; }
.friend-page-host .insight-feature-village { --insight-fill: #a35f88; }
.friend-page-host .insight-feature-zoning { --insight-fill: #91b730; }
.friend-page-host .insight-feature-type { --insight-fill: #c89b3c; }
.friend-page-host .insight-feature-heading { display: flex; align-items: baseline; justify-content: space-between; row-gap: 10px; column-gap: 10px; min-width: 0px; color: var(--ink); font-size: 12px; line-height: 1.35; }
.friend-page-host .insight-feature-heading > :first-child { min-width: 0px; }
.friend-page-host .insight-feature-heading > :last-child { flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: var(--ink); font-weight: 850; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .insight-feature-track, .friend-page-host .insight-location-track { display: flex; width: 100%; min-width: 0px; height: 9px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 241, 233); border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-right-radius: 999px; border-bottom-left-radius: 999px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .insight-feature-track > span { display: block; height: 100%; max-width: 100%; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }
.friend-page-host .insight-filter-bar { display: flex; flex-wrap: wrap; row-gap: 6px; column-gap: 6px; min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; }
.friend-page-host .insight-filter-bar button { min-height: 31px; max-width: 100%; padding-top: 5px; padding-right: 9px; padding-bottom: 5px; padding-left: 9px; color: rgb(86, 112, 93); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 248, 241); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 233, 213); border-right-color: rgb(223, 233, 213); border-bottom-color: rgb(223, 233, 213); border-left-color: rgb(223, 233, 213); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; white-space-collapse: collapse; text-wrap-mode: wrap; cursor: pointer; }
.friend-page-host .insight-filter-bar button:hover, .friend-page-host .insight-filter-bar button.active { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); border-top-color: rgb(90, 140, 0); border-right-color: rgb(90, 140, 0); border-bottom-color: rgb(90, 140, 0); border-left-color: rgb(90, 140, 0); }
.friend-page-host .insight-key { display: flex; flex-wrap: wrap; align-items: center; row-gap: 6px; column-gap: 14px; min-width: 0px; margin-bottom: 11px; color: var(--muted); font-size: 11px; }
.friend-page-host .insight-key > span { display: inline-flex; align-items: center; row-gap: 5px; column-gap: 5px; }
.friend-page-host .insight-key i { display: inline-block; width: 8px; height: 8px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }
.friend-page-host .insight-key .sold { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); }
.friend-page-host .insight-key .unsold { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(183, 198, 187); }
.friend-page-host .insight-location-list { display: grid; align-content: start; row-gap: 10px; column-gap: 10px; min-width: 0px; max-height: 260px; padding-right: 3px; overflow-y: auto; scrollbar-width: thin; }
.friend-page-host .insight-location-simple, .friend-page-host .insight-sales-bars, .friend-page-host .insight-profit-bars { display: grid; align-content: start; row-gap: 10px; column-gap: 10px; min-width: 0px; max-height: 290px; padding-right: 3px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; }
.friend-page-host .insight-location-simple .insight-location-row { padding-bottom: 9px; }
.friend-page-host .insight-location-simple .insight-location-heading > :nth-child(2) { margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: var(--ink); font-size: 12px; font-weight: 850; }
.friend-page-host .insight-location-simple .insight-location-heading > :last-child:not(:nth-child(2)) { margin-left: 0px; }
.friend-page-host .insight-sales-row, .friend-page-host .insight-profit-row { display: grid; row-gap: 6px; column-gap: 6px; min-width: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 9px; padding-left: 0px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .insight-sales-row:last-child, .friend-page-host .insight-profit-row:last-child { padding-bottom: 0px; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
.friend-page-host .insight-sales-heading, .friend-page-host .insight-profit-heading { display: flex; align-items: baseline; justify-content: space-between; row-gap: 8px; column-gap: 8px; min-width: 0px; color: var(--ink); font-size: 12px; line-height: 1.35; }
.friend-page-host .insight-sales-heading > :first-child, .friend-page-host .insight-profit-heading > :first-child { min-width: 0px; overflow-wrap: anywhere; }
.friend-page-host .insight-sales-heading > :last-child, .friend-page-host .insight-profit-heading > :last-child { flex-grow: 0; flex-shrink: 0; flex-basis: auto; max-width: 60%; font-weight: 850; text-align: right; overflow-wrap: anywhere; }
.friend-page-host .insight-sales-track, .friend-page-host .insight-profit-track { display: block; width: 100%; min-width: 0px; height: 9px; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-right-radius: 999px; border-bottom-left-radius: 999px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 241, 233); }
.friend-page-host .insight-sales-track-fill, .friend-page-host .insight-profit-track-fill { display: block; max-width: 100%; height: 100%; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .insight-profit-track-fill { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .insight-sales-meta, .friend-page-host .insight-profit-meta { color: var(--muted); font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }
.friend-page-host .insight-location-row { display: grid; row-gap: 5px; column-gap: 5px; min-width: 0px; padding-bottom: 8px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .insight-location-row:last-child { border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; padding-bottom: 0px; }
.friend-page-host .insight-location-heading { display: flex; flex-wrap: wrap; align-items: center; row-gap: 4px; column-gap: 7px; min-width: 0px; color: var(--ink); font-size: 12px; line-height: 1.35; }
.friend-page-host .insight-location-heading > :first-child { min-width: 0px; font-weight: 800; }
.friend-page-host .insight-location-heading > :nth-child(2) { color: rgb(82, 113, 23); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 245, 228); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; font-size: 10px; font-weight: 750; }
.friend-page-host .insight-location-heading > :last-child { margin-left: auto; font-weight: 850; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .insight-location-track .sold { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); }
.friend-page-host .insight-location-track .unsold { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(183, 198, 187); }
.friend-page-host .insight-location-track > span { display: block; height: 100%; min-width: 0px; }
.friend-page-host .insight-location-meta { display: flex; flex-wrap: wrap; row-gap: 3px; column-gap: 12px; color: var(--muted); font-size: 11px; line-height: 1.35; }
.friend-page-host .insight-empty { padding-top: 26px; padding-right: 12px; padding-bottom: 26px; padding-left: 12px; color: var(--muted); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 245); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; text-align: center; font-size: 12px; }
html[data-theme="dark"] .friend-page-host .property-insights-grid > .insight-card { box-shadow: rgb(155, 195, 79) 4px 0px 0px inset, rgba(0, 0, 0, 0.14) 0px 8px 24px; }
html[data-theme="dark"] .friend-page-host .insight-feature-track, html[data-theme="dark"] .friend-page-host .insight-location-track, html[data-theme="dark"] .friend-page-host .insight-sales-track, html[data-theme="dark"] .friend-page-host .insight-profit-track { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 59, 49); }
html[data-theme="dark"] .friend-page-host .insight-year-select { color: rgb(225, 237, 218); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 49, 40); border-top-color: rgb(65, 91, 71); border-right-color: rgb(65, 91, 71); border-bottom-color: rgb(65, 91, 71); border-left-color: rgb(65, 91, 71); }
html[data-theme="dark"] .friend-page-host .insight-year-select option { color: rgb(225, 237, 218); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 49, 40); }
html[data-theme="dark"] .friend-page-host .insight-filter-bar button { color: rgb(211, 223, 211); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 49, 40); border-top-color: rgb(57, 77, 63); border-right-color: rgb(57, 77, 63); border-bottom-color: rgb(57, 77, 63); border-left-color: rgb(57, 77, 63); }
html[data-theme="dark"] .friend-page-host .insight-filter-bar button:hover, html[data-theme="dark"] .friend-page-host .insight-filter-bar button.active { color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); border-top-color: rgb(127, 171, 64); border-right-color: rgb(127, 171, 64); border-bottom-color: rgb(127, 171, 64); border-left-color: rgb(127, 171, 64); }
html[data-theme="dark"] .friend-page-host .insight-location-heading > :nth-child(2) { color: rgb(201, 232, 154); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(48, 66, 42); }
html[data-theme="dark"] .friend-page-host .insight-location-simple .insight-location-heading > :nth-child(2) { color: rgb(225, 237, 218); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
html[data-theme="dark"] .friend-page-host .insight-location-track .unsold, html[data-theme="dark"] .friend-page-host .insight-key .unsold { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(111, 134, 120); }
html[data-theme="dark"] .friend-page-host .insight-empty { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 42, 33); }
@media (width <= 1050px) {
.friend-page-host .property-insights-grid { grid-template-columns: minmax(0px, 1fr); }
}
@media (width <= 760px) {
.friend-page-host .property-insights-grid { row-gap: 12px; column-gap: 12px; }
.friend-page-host .property-insights-grid > .insight-card { min-height: 0px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .insight-card .panel-head { min-height: 0px; }
.friend-page-host .insight-filter-bar button { min-height: 38px; }
.friend-page-host .insight-location-list { max-height: 320px; }
.friend-page-host .insight-location-simple, .friend-page-host .insight-sales-bars, .friend-page-host .insight-profit-bars { max-height: 320px; }
.friend-page-host .insight-year-select { min-height: 38px; }
}
.friend-page-host .insight-feature-heading > .insight-feature-count { flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-width: 32px; min-height: 30px; padding-top: 3px; padding-right: 9px; padding-bottom: 3px; padding-left: 9px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(213, 228, 197); border-right-color: rgb(213, 228, 197); border-bottom-color: rgb(213, 228, 197); border-left-color: rgb(213, 228, 197); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 247, 233); color: rgb(63, 105, 10); font-size: 12px; font-weight: 850; line-height: 1.25; text-align: center; white-space-collapse: collapse; text-wrap-mode: nowrap; cursor: pointer; }
.friend-page-host .insight-feature-count:hover, .friend-page-host .insight-feature-count[aria-pressed="true"] { border-top-color: rgb(90, 140, 0); border-right-color: rgb(90, 140, 0); border-bottom-color: rgb(90, 140, 0); border-left-color: rgb(90, 140, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); color: rgb(255, 255, 255); }
.friend-page-host .insight-feature-count:focus-visible, .friend-page-host .insight-results-head button:focus-visible, .friend-page-host .insight-result-row:focus-visible { outline-color: rgb(90, 140, 0); outline-style: solid; outline-width: 2px; outline-offset: 2px; }
.friend-page-host .property-insights-grid > .insight-results { grid-column-start: 1; grid-column-end: -1; min-width: 0px; overflow-x: hidden; overflow-y: hidden; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; scroll-margin-top: 90px; box-shadow: rgb(112, 162, 23) 4px 0px 0px inset, rgba(26, 62, 48, 0.04) 0px 8px 24px; }
.friend-page-host .insight-results-head { display: flex; align-items: flex-start; justify-content: space-between; row-gap: 12px; column-gap: 12px; min-width: 0px; margin-bottom: 14px; }
.friend-page-host .insight-results-head > div { min-width: 0px; }
.friend-page-host .insight-results-head p { margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; color: rgb(121, 143, 100); font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.friend-page-host .insight-results-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--ink); font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 700; font-stretch: normal; font-size: 18px; line-height: 1.3; font-family: Georgia, serif; overflow-wrap: anywhere; }
.friend-page-host .insight-results-head small { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.4; }
.friend-page-host .insight-results-head button { flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-height: 34px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 230, 217); border-right-color: rgb(223, 230, 217); border-bottom-color: rgb(223, 230, 217); border-left-color: rgb(223, 230, 217); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 244); color: rgb(71, 97, 66); font-size: 11px; font-weight: 750; }
.friend-page-host .insight-results-head button:hover { border-top-color: rgb(154, 189, 116); border-right-color: rgb(154, 189, 116); border-bottom-color: rgb(154, 189, 116); border-left-color: rgb(154, 189, 116); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 246, 228); }
.friend-page-host .insight-results-list { display: grid; align-content: start; row-gap: 8px; column-gap: 8px; min-width: 0px; max-height: 380px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; }
.friend-page-host .insight-result-row { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 35%); align-items: start; row-gap: 5px; column-gap: 12px; width: 100%; min-width: 0px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(226, 233, 222); border-right-color: rgb(226, 233, 222); border-bottom-color: rgb(226, 233, 222); border-left-color: rgb(226, 233, 222); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 249); color: rgb(38, 53, 44); text-align: left; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; font-size: 12px; line-height: 1.4; cursor: pointer; }
.friend-page-host .insight-result-row:hover { border-top-color: rgb(163, 196, 123); border-right-color: rgb(163, 196, 123); border-bottom-color: rgb(163, 196, 123); border-left-color: rgb(163, 196, 123); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 249, 238); }
.friend-page-host .insight-result-row > :first-child { min-width: 0px; font-weight: 800; overflow-wrap: anywhere; }
.friend-page-host .insight-result-row > :nth-child(2) { max-width: 100%; color: rgb(69, 102, 68); font-weight: 750; text-align: right; overflow-wrap: anywhere; }
.friend-page-host .insight-result-meta { grid-column-start: 1; grid-column-end: -1; display: flex; flex-wrap: wrap; row-gap: 3px; column-gap: 12px; min-width: 0px; color: rgb(110, 122, 112); font-size: 11px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
.friend-page-host .insight-result-meta > * { min-width: 0px; overflow-wrap: anywhere; }
html[data-theme="dark"] .friend-page-host .property-insights-grid > .insight-results { box-shadow: rgb(155, 195, 79) 4px 0px 0px inset, rgba(0, 0, 0, 0.14) 0px 8px 24px; }
html[data-theme="dark"] .friend-page-host .insight-feature-heading > .insight-feature-count { border-top-color: rgb(75, 102, 67); border-right-color: rgb(75, 102, 67); border-bottom-color: rgb(75, 102, 67); border-left-color: rgb(75, 102, 67); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 64, 46); color: rgb(203, 237, 158); }
html[data-theme="dark"] .friend-page-host .insight-feature-count:hover, html[data-theme="dark"] .friend-page-host .insight-feature-count[aria-pressed="true"] { border-top-color: rgb(155, 195, 79); border-right-color: rgb(155, 195, 79); border-bottom-color: rgb(155, 195, 79); border-left-color: rgb(155, 195, 79); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(82, 125, 18); color: rgb(255, 255, 255); }
html[data-theme="dark"] .friend-page-host .insight-results-head p { color: rgb(181, 217, 132); }
html[data-theme="dark"] .friend-page-host .insight-results-head button { border-top-color: rgb(65, 91, 71); border-right-color: rgb(65, 91, 71); border-bottom-color: rgb(65, 91, 71); border-left-color: rgb(65, 91, 71); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(34, 52, 42); color: rgb(227, 239, 220); }
html[data-theme="dark"] .friend-page-host .insight-results-head button:hover { border-top-color: rgb(139, 185, 86); border-right-color: rgb(139, 185, 86); border-bottom-color: rgb(139, 185, 86); border-left-color: rgb(139, 185, 86); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(48, 74, 52); }
html[data-theme="dark"] .friend-page-host .insight-result-row { border-top-color: rgb(59, 81, 66); border-right-color: rgb(59, 81, 66); border-bottom-color: rgb(59, 81, 66); border-left-color: rgb(59, 81, 66); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(30, 48, 37); color: rgb(236, 242, 234); }
html[data-theme="dark"] .friend-page-host .insight-result-row:hover { border-top-color: rgb(139, 185, 86); border-right-color: rgb(139, 185, 86); border-bottom-color: rgb(139, 185, 86); border-left-color: rgb(139, 185, 86); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 64, 49); }
html[data-theme="dark"] .friend-page-host .insight-result-row > :nth-child(2) { color: rgb(201, 233, 156); }
html[data-theme="dark"] .friend-page-host .insight-result-meta { color: rgb(182, 199, 185); }
@media (width <= 760px) {
.friend-page-host .property-insights-grid > .insight-results { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; scroll-margin-top: 75px; }
.friend-page-host .insight-feature-heading > .insight-feature-count { min-height: 38px; font-size: 13px; }
.friend-page-host .insight-results-head button { min-height: 38px; }
.friend-page-host .insight-results-list { max-height: 52vh; }
.friend-page-host .insight-result-row { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .insight-result-row > :nth-child(2) { text-align: left; }
.friend-page-host .insight-result-meta { grid-column-start: 1; grid-column-end: auto; }
}
.friend-page-host .portfolio-panel > .panel-head { flex-wrap: wrap; }
.friend-page-host .portfolio-panel > .panel-head .insight-year-select { margin-left: auto; }
.friend-page-host .portfolio-panel > .panel-head > a { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .profit-panel > .panel-head { flex-wrap: wrap; }
.friend-page-host .profit-head-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; row-gap: 8px; column-gap: 8px; min-width: 0px; margin-left: auto; }
.friend-page-host .insight-profit-bars { max-height: none; overflow-x: visible; overflow-y: visible; padding-right: 0px; }
.friend-page-host .insight-sales-bars { max-height: none; overflow-x: visible; overflow-y: visible; padding-right: 0px; }
.friend-page-host .insight-profit-row.loss .insight-profit-track-fill { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(198, 109, 93); }
html[data-theme="dark"] .friend-page-host .insight-profit-row.loss .insight-profit-track-fill { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 133, 120); }
.friend-page-host .insight-year-select, .friend-page-host .insight-profit-meta { font-size: 12px; }
.friend-page-host .insight-feature-heading, .friend-page-host .insight-location-heading, .friend-page-host .insight-sales-heading, .friend-page-host .insight-profit-heading, .friend-page-host .insight-location-simple .insight-location-heading > :nth-child(2) { font-size: 13px; }
.friend-page-host .portfolio-insight-preset { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 8px; column-gap: 14px; padding-top: 9px; padding-right: 16px; padding-bottom: 9px; padding-left: 16px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(219, 232, 211); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 237); color: rgb(53, 89, 36); font-size: 13px; }
.friend-page-host .portfolio-insight-preset button { min-height: 32px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(200, 217, 180); border-right-color: rgb(200, 217, 180); border-bottom-color: rgb(200, 217, 180); border-left-color: rgb(200, 217, 180); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(53, 89, 36); font-weight: 750; cursor: pointer; }
.friend-page-host .portfolio-insight-preset button:hover { border-top-color: rgb(125, 167, 63); border-right-color: rgb(125, 167, 63); border-bottom-color: rgb(125, 167, 63); border-left-color: rgb(125, 167, 63); }
html[data-theme="dark"] .friend-page-host .portfolio-insight-preset { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 48, 34); border-top-color: rgb(66, 91, 64); border-right-color: rgb(66, 91, 64); border-bottom-color: rgb(66, 91, 64); border-left-color: rgb(66, 91, 64); color: rgb(211, 232, 189); }
html[data-theme="dark"] .friend-page-host .portfolio-insight-preset button { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(33, 58, 44); border-top-color: rgb(83, 113, 73); border-right-color: rgb(83, 113, 73); border-bottom-color: rgb(83, 113, 73); border-left-color: rgb(83, 113, 73); color: rgb(226, 241, 212); }
.friend-page-host .insight-portfolio-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); row-gap: 15px; column-gap: 8px; min-width: 0px; }
.friend-page-host .insight-portfolio-column { display: grid; grid-template-rows: 112px auto; align-content: start; row-gap: 7px; column-gap: 7px; min-width: 0px; }
.friend-page-host .insight-portfolio-bars { display: flex; align-items: flex-end; justify-content: center; min-width: 0px; height: 112px; padding-top: 22px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(219, 229, 214); }
.friend-page-host .insight-portfolio-bar { position: relative; flex-grow: 0; flex-shrink: 1; flex-basis: 44px; min-width: 22px; max-width: 52px; min-height: 2px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .insight-portfolio-count { position: absolute; bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; justify-content: center; min-width: 26px; min-height: 22px; padding-top: 1px; padding-right: 4px; padding-bottom: 1px; padding-left: 4px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: var(--ink); font-size: 12px; font-weight: 850; line-height: 1.2; white-space-collapse: collapse; text-wrap-mode: nowrap; cursor: pointer; }
.friend-page-host .insight-portfolio-count:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 230); color: rgb(54, 93, 19); }
.friend-page-host .insight-portfolio-count:focus-visible { outline-color: rgb(90, 140, 0); outline-style: solid; outline-width: 2px; outline-offset: 2px; }
.friend-page-host .insight-portfolio-label { min-width: 0px; color: var(--ink); font-size: 11px; font-weight: 700; line-height: 1.3; text-align: center; overflow-wrap: anywhere; }
.friend-page-host .insight-location-chart { display: grid; min-width: 0px; }
.friend-page-host .insight-location-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); row-gap: 16px; column-gap: 10px; min-width: 0px; }
.friend-page-host .insight-location-column { display: grid; grid-template-rows: 168px auto; align-content: start; row-gap: 8px; column-gap: 8px; min-width: 0px; }
.friend-page-host .insight-location-bars { display: flex; align-items: flex-end; justify-content: center; min-width: 0px; height: 168px; padding-top: 22px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(219, 229, 214); }
.friend-page-host .insight-location-bar { position: relative; flex-grow: 0; flex-shrink: 1; flex-basis: 44px; min-width: 22px; max-width: 52px; min-height: 2px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(13, 105, 93); }
.friend-page-host .insight-location-bar.sold { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(13, 105, 93); }
.friend-page-host .insight-location-count { position: absolute; bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); color: var(--ink); font-size: 12px; font-weight: 850; line-height: 1.2; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .insight-location-label { min-width: 0px; color: var(--ink); font-size: 12px; font-weight: 700; line-height: 1.35; text-align: center; overflow-wrap: anywhere; }
.friend-page-host .insight-location-label strong, .friend-page-host .insight-location-label span { display: block; }
.friend-page-host .insight-location-label span { color: var(--muted); font-weight: 500; }
.friend-page-host .insight-portfolio-total { display: inline-block; margin-top: 3px; color: var(--muted); font-size: 12px; font-weight: 700; }
html[data-theme="dark"] .friend-page-host .insight-portfolio-bars, html[data-theme="dark"] .friend-page-host .insight-location-bars { border-top-color: rgb(64, 86, 70); border-right-color: rgb(64, 86, 70); border-bottom-color: rgb(64, 86, 70); border-left-color: rgb(64, 86, 70); }
html[data-theme="dark"] .friend-page-host .insight-portfolio-count:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(40, 66, 56); color: rgb(226, 241, 212); }
html[data-theme="dark"] .friend-page-host .insight-location-bar.sold { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(61, 179, 160); }
@media (width <= 760px) {
.friend-page-host .insight-portfolio-columns { grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); }
.friend-page-host .insight-portfolio-column { grid-template-rows: 92px auto; }
.friend-page-host .insight-portfolio-bars { height: 92px; }
.friend-page-host .insight-location-columns { grid-template-columns: repeat(7, minmax(0px, 1fr)); column-gap: 3px; row-gap: 14px; }
.friend-page-host .insight-location-bars { padding-inline-start: 2px; padding-inline-end: 2px; }
.friend-page-host .insight-location-bar { min-width: 12px; max-width: 28px; }
.friend-page-host .insight-location-count { font-size: 10.5px; }
.friend-page-host .insight-location-label { font-size: 9px; line-height: 1.2; }
.friend-page-host .insight-location-label span { font-size: 8.5px; }
}
.friend-page-host .insight-horizontal-bars { display: grid; align-content: start; row-gap: 0px; column-gap: 0px; min-width: 0px; max-height: none; padding-right: 0px; overflow-x: visible; overflow-y: visible; }
.friend-page-host .insight-horizontal-row { display: grid; grid-template-rows: auto 8px; align-content: center; row-gap: 4px; column-gap: 4px; min-width: 0px; min-height: 44px; padding-top: 5px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; }
.friend-page-host .insight-horizontal-heading { display: flex; align-items: baseline; justify-content: space-between; row-gap: 9px; column-gap: 9px; min-width: 0px; color: var(--ink); font-size: 13px; line-height: 1.2; }
.friend-page-host .insight-horizontal-heading > :first-child { min-width: 0px; overflow-wrap: anywhere; }
.friend-page-host .insight-horizontal-heading > :last-child { flex-grow: 0; flex-shrink: 0; flex-basis: auto; max-width: 55%; font-weight: 850; text-align: right; overflow-wrap: anywhere; }
.friend-page-host .insight-horizontal-track { position: relative; align-self: center; display: block; width: 100%; min-width: 0px; height: 2px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(220, 231, 212); }
.friend-page-host .insight-horizontal-fill { position: absolute; top: 50%; left: 0px; display: block; max-width: 100%; height: 7px; transform: translateY(-50%); border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .insight-horizontal-row.loss .insight-horizontal-fill { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(198, 109, 93); }
.friend-page-host .insight-sales-bars .insight-horizontal-row { grid-template-rows: auto 9px; }
.friend-page-host .insight-sales-bars .insight-horizontal-track, .friend-page-host .insight-sales-bars .insight-horizontal-fill { height: 9px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.friend-page-host .insight-sales-bars .insight-horizontal-heading strong { display: inline-flex; align-items: center; row-gap: 7px; column-gap: 7px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .insight-sales-percentage { min-width: 45px; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 227); color: rgb(52, 92, 23); text-align: center; }
html[data-theme="dark"] .friend-page-host .insight-sales-percentage { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(48, 74, 49); color: rgb(217, 237, 191); }
html[data-theme="dark"] .friend-page-host .insight-horizontal-track { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(64, 83, 68); }
html[data-theme="dark"] .friend-page-host .insight-horizontal-row.loss .insight-horizontal-fill { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 133, 120); }
@media (width <= 390px) {
.friend-page-host .insight-horizontal-heading { row-gap: 6px; column-gap: 6px; font-size: 12px; }
}
.friend-page-host .property-modal .property-listing-field { min-width: 0px; }
.friend-page-host .property-modal .property-listing-options { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 4px; column-gap: 4px; min-height: 46px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 247, 243); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 222, 212); border-right-color: rgb(216, 222, 212); border-bottom-color: rgb(216, 222, 212); border-left-color: rgb(216, 222, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .property-modal .property-listing-options button { min-width: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(107, 117, 111); font-size: 13px; font-weight: 700; transition-behavior: normal, normal, normal, normal; transition-duration: 0.15s, 0.15s, 0.15s, 0.15s; transition-timing-function: ease, ease, ease, ease; transition-delay: 0s, 0s, 0s, 0s; transition-property: background-color, border-color, color, box-shadow; }
.friend-page-host .property-modal .property-listing-options button.active { color: rgb(69, 109, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); border-top-color: rgb(169, 198, 118); border-right-color: rgb(169, 198, 118); border-bottom-color: rgb(169, 198, 118); border-left-color: rgb(169, 198, 118); box-shadow: rgba(36, 67, 0, 0.07) 0px 1px 3px; }
html[data-theme="dark"] .friend-page-host .property-modal .property-listing-options { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 27, 23); border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); }
html[data-theme="dark"] .friend-page-host .property-modal .property-listing-options button { color: rgb(169, 182, 175); }
html[data-theme="dark"] .friend-page-host .property-modal .property-listing-options button.active { color: rgb(213, 237, 155); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 43, 37); border-top-color: rgb(103, 136, 61); border-right-color: rgb(103, 136, 61); border-bottom-color: rgb(103, 136, 61); border-left-color: rgb(103, 136, 61); }
.friend-page-host .transaction-summary .province-summary-card { display: flex; flex-direction: column; min-height: 156px; }
.friend-page-host .transaction-summary .province-summary-card > strong { margin-bottom: 3px; }
.friend-page-host .transaction-summary .province-summary-card > small { color: var(--muted); font-size: 11px !important; }
.friend-page-host .transaction-summary .province-summary-list { display: grid; max-height: 148px; margin-top: 10px; padding-right: 4px; overflow-y: auto; scrollbar-gutter: stable; border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .transaction-summary .province-summary-row { display: grid; grid-template-columns: minmax(74px, 1fr) auto auto; align-items: baseline; row-gap: 5px; column-gap: 9px; min-width: 0px; padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .transaction-summary .province-summary-row:last-child { border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
.friend-page-host .transaction-summary .province-summary-row > span { min-width: 0px; color: var(--ink); font-size: 12px; font-weight: 750; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .transaction-summary .province-summary-row > strong { color: var(--forest); font-size: 12px; font-weight: 850; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .transaction-summary .province-summary-row > small { color: var(--muted); white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 10px !important; }
.friend-page-host .transaction-summary .province-profit-list .province-summary-row { grid-template-columns: minmax(80px, 1fr) auto; }
.friend-page-host .transaction-summary .province-summary-row.loss > strong { color: rgb(179, 72, 54); }
.friend-page-host .transaction-summary .province-summary-empty { color: var(--muted); margin-top: auto; padding-top: 14px; font-size: 12px; }
html[data-theme="dark"] .friend-page-host .transaction-summary .province-summary-row > strong { color: rgb(220, 235, 189); }
html[data-theme="dark"] .friend-page-host .transaction-summary .province-summary-row.loss > strong { color: rgb(255, 154, 135); }
@media (width <= 760px) {
.friend-page-host .transaction-summary .province-summary-card { min-width: 290px; }
}
@media (width <= 420px) {
.friend-page-host .transaction-summary .province-summary-card { min-width: 280px; }
.friend-page-host .transaction-summary .province-summary-row { row-gap: 4px; column-gap: 7px; }
}
.friend-page-host .dashboard-share-note { color: var(--muted,#6f7672); font-size: 11px; line-height: 1.45; margin-top: 8px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; }
.friend-page-host .portfolio-panel .donut { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; isolation: isolate; }
.friend-page-host .portfolio-panel .donut svg { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; overflow-x: visible; overflow-y: visible; }
.friend-page-host .portfolio-panel .donut-track, .friend-page-host .portfolio-panel .donut-slice, .friend-page-host .portfolio-panel .donut-loader { fill: none; stroke-width: 17; }
.friend-page-host .portfolio-panel .donut-track { stroke: rgb(237, 241, 234); }
.friend-page-host .portfolio-panel .donut-slice { stroke-linecap: butt; stroke-dasharray: 1, 1; stroke-dashoffset: 0; animation-duration: 0.72s; animation-timing-function: cubic-bezier(0.18, 0.8, 0.22, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--dashboard-slice-enter; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: var(--slice-delay,0ms); }
.friend-page-host .portfolio-panel .donut-loader { stroke: rgb(143, 174, 107); stroke-linecap: round; stroke-dasharray: 18, 82; opacity: 0.8; transform-origin: center center; transform-box: view-box; animation-duration: 1.25s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--dashboard-ring-loading; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .portfolio-panel .donut.is-ready .donut-center { animation-duration: 0.5s; animation-timing-function: ease-out; animation-delay: 0.22s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--dashboard-donut-center; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .portfolio-panel .donut.is-loading .donut-center strong { font-size: 22px; color: rgb(120, 148, 85); }
.friend-page-host .portfolio-panel .donut.is-loading .donut-center span { font-size: 10px; }
html[data-theme="dark"] .friend-page-host .portfolio-panel .donut-track { stroke: rgb(38, 60, 50); }
html[data-theme="dark"] .friend-page-host .portfolio-panel .donut-loader { stroke: rgb(165, 199, 122); }
@keyframes friend-page--dashboard-slice-enter {
0% { stroke-dashoffset: 1; opacity: 0.35; }
100% { stroke-dashoffset: 0; opacity: 1; }
}
@keyframes friend-page--dashboard-ring-loading {
100% { transform: rotate(360deg); }
}
@keyframes friend-page--dashboard-donut-center {
0% { opacity: 0; transform: scale(0.94); }
100% { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .portfolio-panel .donut .donut-slice, .friend-page-host .portfolio-panel .donut .donut-loader, .friend-page-host .portfolio-panel .donut.is-ready .donut-center { stroke-dashoffset: 0; animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
.friend-page-host .monthly-chart.is-loading .monthly-bar > span i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 232, 213); opacity: 0.55; animation-duration: 1.25s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--monthly-bar-wait; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: var(--bar-delay,0ms); }
.friend-page-host .monthly-chart.is-loading .monthly-bar > strong { visibility: hidden; }
.friend-page-host .monthly-chart.is-ready .monthly-bar > span i { transform-origin: center bottom; animation-duration: 0.68s; animation-timing-function: cubic-bezier(0.18, 0.82, 0.24, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--monthly-bar-enter; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: var(--bar-delay,0ms); }
.friend-page-host .monthly-chart.is-ready .monthly-bar > strong { animation-duration: 0.34s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--monthly-value-enter; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: calc(240ms + var(--bar-delay,0ms)); }
html[data-theme="dark"] .friend-page-host .monthly-chart.is-loading .monthly-bar > span i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(65, 89, 74); }
@keyframes friend-page--monthly-bar-wait {
0%, 100% { opacity: 0.36; transform: scaleY(0.82); }
50% { opacity: 0.72; transform: scaleY(1); }
}
@keyframes friend-page--monthly-bar-enter {
0% { opacity: 0.38; transform: scaleY(0.04); }
100% { opacity: 1; transform: scaleY(1); }
}
@keyframes friend-page--monthly-value-enter {
0% { opacity: 0; transform: translateY(4px); }
100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .monthly-chart .monthly-bar > span i, .friend-page-host .monthly-chart .monthly-bar > strong { opacity: 1; transform: none; animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
.friend-page-host .insight-portfolio-bar, .friend-page-host .insight-location-bar, .friend-page-host .insight-location-bar.sold, html[data-theme="dark"] .friend-page-host .insight-location-bar.sold { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
.friend-page-host .insight-portfolio-bar::before, .friend-page-host .insight-location-bar::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; transform-origin: center bottom; animation-duration: 0.62s; animation-timing-function: cubic-bezier(0.22, 0.8, 0.25, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--insight-column-rise; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: calc(70ms + var(--insight-delay,0ms)); pointer-events: none; }
.friend-page-host .insight-location-bar::before { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(13, 105, 93); }
html[data-theme="dark"] .friend-page-host .insight-location-bar::before { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(61, 179, 160); }
.friend-page-host .insight-portfolio-count, .friend-page-host .insight-location-count { animation-duration: 0.36s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--insight-value-enter; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: calc(280ms + var(--insight-delay,0ms)); }
.friend-page-host .insight-horizontal-fill { transform-origin: left center; animation-duration: 0.65s; animation-timing-function: cubic-bezier(0.22, 0.8, 0.25, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--insight-line-grow; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: calc(70ms + var(--insight-delay,0ms)); transition-behavior: normal; transition-duration: 0.4s; transition-timing-function: ease; transition-delay: 0s; transition-property: width; }
@keyframes friend-page--insight-column-rise {
0% { transform: scaleY(0); opacity: 0.35; }
100% { transform: scaleY(1); opacity: 1; }
}
@keyframes friend-page--insight-value-enter {
0% { opacity: 0; translate: 0px 5px; }
100% { opacity: 1; translate: 0px; }
}
@keyframes friend-page--insight-line-grow {
0% { transform: translateY(-50%) scaleX(0); }
100% { transform: translateY(-50%) scaleX(1); }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .insight-portfolio-bar::before, .friend-page-host .insight-location-bar::before, .friend-page-host .insight-portfolio-count, .friend-page-host .insight-location-count, .friend-page-host .insight-horizontal-fill { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .insight-horizontal-fill { transition-behavior: normal; transition-duration: 0s; transition-timing-function: ease; transition-delay: 0s; transition-property: none; }
}
.friend-page-host .insight-loading-skeleton { min-width: 0px; }
.friend-page-host .insight-skeleton-message { position: absolute; width: 1px; height: 1px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: -1px; margin-right: -1px; margin-bottom: -1px; margin-left: -1px; overflow-x: hidden; overflow-y: hidden; clip: rect(0px, 0px, 0px, 0px); white-space-collapse: collapse; text-wrap-mode: nowrap; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .insight-skeleton-total, .friend-page-host .insight-skeleton-column, .friend-page-host .insight-skeleton-label, .friend-page-host .insight-skeleton-value, .friend-page-host .insight-skeleton-line { display: block; background-image: linear-gradient(90deg, rgb(230, 236, 227) 0%, rgb(243, 246, 240) 50%, rgb(230, 236, 227) 100%); background-position-x: initial; background-position-y: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 200% 100%; animation-duration: 1.6s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--insight-skeleton-shimmer; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .insight-skeleton-total { width: 76px; height: 12px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.friend-page-host .insight-skeleton-column { flex-grow: 0; flex-shrink: 1; flex-basis: 44px; min-width: 22px; max-width: 52px; min-height: 2px; align-self: flex-end; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.friend-page-host .insight-portfolio-column > .insight-skeleton-label { width: 70%; height: 9px; justify-self: center; margin-top: 4px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.friend-page-host .insight-location-column > .insight-skeleton-label { width: 64%; height: 18px; justify-self: center; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.friend-page-host .insight-horizontal-heading .insight-skeleton-label { width: 34%; height: 10px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.friend-page-host .insight-horizontal-heading .insight-skeleton-value { width: 10%; min-width: 30px; height: 10px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.friend-page-host .insight-skeleton-line { position: absolute; top: 50%; left: 0px; height: 7px; transform: translateY(-50%); border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; }
@keyframes friend-page--insight-skeleton-shimmer {
0% { background-position-x: 100%; background-position-y: 0px; }
100% { background-position-x: -100%; background-position-y: 0px; }
}
html[data-theme="dark"] .friend-page-host .insight-skeleton-total, html[data-theme="dark"] .friend-page-host .insight-skeleton-column, html[data-theme="dark"] .friend-page-host .insight-skeleton-label, html[data-theme="dark"] .friend-page-host .insight-skeleton-value, html[data-theme="dark"] .friend-page-host .insight-skeleton-line { background-image: linear-gradient(90deg, rgb(39, 57, 47) 0%, rgb(53, 75, 60) 50%, rgb(39, 57, 47) 100%); }
@media (prefers-reduced-motion: reduce) {
.friend-page-host .insight-skeleton-total, .friend-page-host .insight-skeleton-column, .friend-page-host .insight-skeleton-label, .friend-page-host .insight-skeleton-value, .friend-page-host .insight-skeleton-line { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
.friend-page-host.chart-motion-enabled:not(.chart-motion-lite) .chart-motion-target:not(.chart-motion-visible):not(.is-loading):not(.insight-loading-skeleton) *, .friend-page-host.chart-motion-enabled:not(.chart-motion-lite) .chart-motion-target:not(.chart-motion-visible):not(.is-loading):not(.insight-loading-skeleton) ::before, .friend-page-host.chart-motion-enabled:not(.chart-motion-lite) .chart-motion-target:not(.chart-motion-visible):not(.is-loading):not(.insight-loading-skeleton) ::after { animation-name: none !important; }
.friend-page-host.chart-motion-lite :is(.portfolio-panel .donut, .monthly-chart, .insight-card, .sales-monthly-chart, .sales-location-chart, .sales-type-chart, .finance-overview-donut, .finance-months, .expense-donut, .expense-month-chart, .expense-category-chart), .friend-page-host.chart-motion-lite :is(.portfolio-panel .donut, .monthly-chart, .insight-card, .sales-monthly-chart, .sales-location-chart, .sales-type-chart, .finance-overview-donut, .finance-months, .expense-donut, .expense-month-chart, .expense-category-chart) *, .friend-page-host.chart-motion-lite :is(.portfolio-panel .donut, .monthly-chart, .insight-card, .sales-monthly-chart, .sales-location-chart, .sales-type-chart, .finance-overview-donut, .finance-months, .expense-donut, .expense-month-chart, .expense-category-chart) ::before, .friend-page-host.chart-motion-lite :is(.portfolio-panel .donut, .monthly-chart, .insight-card, .sales-monthly-chart, .sales-location-chart, .sales-type-chart, .finance-overview-donut, .finance-months, .expense-donut, .expense-month-chart, .expense-category-chart) ::after { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; transition-behavior: normal !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-property: none !important; }
@keyframes friend-page--chart-ios-reveal {
0% { opacity: 0.65; transform: translate3d(0px, 5px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@media (prefers-reduced-motion: no-preference) {
.friend-page-host.chart-motion-lite.chart-motion-ios :is(.portfolio-panel .donut.is-ready, .monthly-chart.is-ready, .sales-monthly-chart.is-ready, .sales-location-chart.is-ready, .sales-type-chart.is-ready, .insight-card > .insight-portfolio-columns, .insight-card > .insight-location-chart, .insight-card > .insight-horizontal-bars, .finance-overview-donut:not(.is-loading), .finance-months:not(.is-loading), .expense-donut, .expense-month-chart, .expense-category-chart) { animation-duration: 0.36s !important; animation-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1) !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: both !important; animation-play-state: running !important; animation-name: friend-page--chart-ios-reveal !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
.friend-page-host .sales-insights-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: stretch; row-gap: 14px; column-gap: 14px; margin-bottom: 15px; }
.friend-page-host .sales-insight-card { min-width: 0px; min-height: 338px; padding-top: 19px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; overflow-x: hidden; overflow-y: hidden; border-left-width: ; border-left-style: ; border-left-color: ; }
.friend-page-host .sales-insight-card:nth-child(2) { border-left-color: rgb(13, 105, 93); }
.friend-page-host .sales-insight-card:nth-child(3) { border-left-color: rgb(210, 155, 56); }
.friend-page-host .sales-insight-head { display: flex; align-items: flex-start; justify-content: space-between; row-gap: 12px; column-gap: 12px; min-height: 67px; }
.friend-page-host .sales-insight-head > div { min-width: 0px; }
.friend-page-host .sales-insight-head p { color: var(--green); letter-spacing: 1.25px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 9px; font-weight: 850; }
.friend-page-host .sales-insight-card:nth-child(2) .sales-insight-head p { color: rgb(13, 105, 93); }
.friend-page-host .sales-insight-card:nth-child(3) .sales-insight-head p { color: rgb(155, 106, 8); }
.friend-page-host .sales-insight-head h2 { color: var(--ink); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 17px; font-weight: 760; line-height: 1.2; }
.friend-page-host .sales-insight-head small { color: var(--muted); display: block; margin-top: 5px; font-size: 10px !important; }
.friend-page-host .sales-insight-head > span { color: rgb(63, 98, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 233); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(219, 231, 200); border-right-color: rgb(219, 231, 200); border-bottom-color: rgb(219, 231, 200); border-left-color: rgb(219, 231, 200); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 11px; font-weight: 850; }
.friend-page-host .sales-monthly-chart { display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); align-items: stretch; row-gap: 5px; column-gap: 5px; height: 220px; margin-top: 13px; padding-top: 7px; }
.friend-page-host .sales-month-bar { display: grid; grid-template-rows: 20px minmax(0px, 1fr) 20px; align-items: end; row-gap: 4px; column-gap: 4px; min-width: 0px; }
.friend-page-host .sales-month-bar > strong { color: var(--forest); text-align: center; font-size: 10px; font-weight: 850; line-height: 1; }
.friend-page-host .sales-month-bar > span { position: relative; display: flex; align-items: flex-end; justify-content: center; min-width: 0px; height: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(220, 229, 215); }
.friend-page-host .sales-month-bar > span > i { display: block; width: min(18px, 72%); min-height: 3px; background-image: linear-gradient(rgb(119, 169, 37) 0%, rgb(79, 130, 0) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; transform-origin: center bottom; }
.friend-page-host .sales-month-bar > small { color: rgb(111, 121, 115); text-align: center; white-space-collapse: collapse; text-wrap-mode: nowrap; line-height: 1; font-size: 9px !important; }
.friend-page-host .sales-monthly-chart.is-ready .sales-month-bar > span > i { animation-duration: 0.68s; animation-timing-function: cubic-bezier(0.18, 0.82, 0.24, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--monthly-bar-enter; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: var(--sales-delay,0ms); }
.friend-page-host .sales-monthly-chart.is-ready .sales-month-bar > strong { animation-duration: 0.34s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--monthly-value-enter; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: calc(220ms + var(--sales-delay,0ms)); }
.friend-page-host .sales-monthly-chart.is-loading .sales-month-bar > strong { visibility: hidden; }
.friend-page-host .sales-monthly-chart.is-loading .sales-month-bar > span > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 232, 213); opacity: 0.55; animation-duration: 1.25s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--monthly-bar-wait; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: var(--sales-delay,0ms); }
.friend-page-host .sales-location-chart { display: grid; align-content: start; row-gap: 12px; column-gap: 12px; max-height: 232px; margin-top: 13px; padding-top: 2px; padding-right: 5px; padding-bottom: 3px; padding-left: 0px; overflow-x: auto; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgb(185, 199, 178) transparent; }
.friend-page-host .sales-location-row { display: grid; row-gap: 6px; column-gap: 6px; min-width: 0px; }
.friend-page-host .sales-location-heading { display: flex; align-items: end; justify-content: space-between; row-gap: 10px; column-gap: 10px; min-height: 28px; }
.friend-page-host .sales-location-heading > span { display: grid; min-width: 0px; }
.friend-page-host .sales-location-heading strong { color: var(--ink); overflow-x: hidden; overflow-y: hidden; font-size: 12px; font-weight: 780; line-height: 1.15; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .sales-location-heading small { color: var(--muted); overflow-x: hidden; overflow-y: hidden; margin-top: 2px; line-height: 1.1; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 9px !important; }
.friend-page-host .sales-location-heading > b { color: rgb(13, 105, 93); flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 12px; font-weight: 900; }
.friend-page-host .sales-location-track { position: relative; height: 8px; overflow-x: hidden; overflow-y: hidden; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(229, 236, 225); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.friend-page-host .sales-location-track > i { position: absolute; top: 0px; right: auto; bottom: 0px; left: 0px; display: block; min-width: 4px; background-image: linear-gradient(90deg, rgb(13, 105, 93), rgb(60, 149, 136)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; transform-origin: left center; }
.friend-page-host .sales-location-chart.is-ready .sales-location-track > i { animation-duration: 0.66s; animation-timing-function: cubic-bezier(0.22, 0.8, 0.25, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--sales-location-grow; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: var(--sales-delay,0ms); }
.friend-page-host .sales-location-chart.is-ready .sales-location-heading { animation-duration: 0.34s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--monthly-value-enter; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: calc(170ms + var(--sales-delay,0ms)); }
.friend-page-host .sales-location-chart.is-loading .sales-location-heading > span, .friend-page-host .sales-location-chart.is-loading .sales-location-heading > b, .friend-page-host .sales-location-chart.is-loading .sales-location-track > i { background-image: linear-gradient(90deg, rgb(228, 234, 225) 0%, rgb(242, 245, 239) 50%, rgb(228, 234, 225) 100%); background-position-x: initial; background-position-y: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 200% 100%; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; animation-duration: 1.45s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--sales-chart-pulse; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .sales-location-chart.is-loading .sales-location-heading > span { width: 58%; height: 23px; }
.friend-page-host .sales-location-chart.is-loading .sales-location-heading > b { width: 26px; height: 13px; }
.friend-page-host .sales-location-chart.is-loading .sales-location-track > i { min-width: 0px; }
.friend-page-host .sales-insight-empty { color: var(--muted); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(219, 227, 214); border-right-color: rgb(219, 227, 214); border-bottom-color: rgb(219, 227, 214); border-left-color: rgb(219, 227, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; align-items: center; justify-items: center; min-height: 150px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; text-align: center; font-size: 12px; display: grid; }
.friend-page-host .sales-type-chart { display: grid; grid-template-columns: minmax(132px, 0.9fr) minmax(128px, 1.1fr); align-items: center; row-gap: 13px; column-gap: 13px; min-height: 220px; margin-top: 8px; }
.friend-page-host .sales-type-donut { position: relative; width: min(168px, 100%); aspect-ratio: 1 / 1; justify-self: center; }
.friend-page-host .sales-type-donut svg { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; overflow-x: visible; overflow-y: visible; }
.friend-page-host .sales-type-track, .friend-page-host .sales-type-slice, .friend-page-host .sales-type-loader { fill: none; stroke-width: 16; }
.friend-page-host .sales-type-track { stroke: rgb(237, 241, 234); }
.friend-page-host .sales-type-slice { stroke-linecap: butt; stroke-dasharray: 1, 1; stroke-dashoffset: 0; animation-duration: 0.72s; animation-timing-function: cubic-bezier(0.18, 0.8, 0.22, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--dashboard-slice-enter; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; animation-delay: var(--sales-delay,0ms); }
.friend-page-host .sales-type-loader { stroke: rgb(143, 174, 107); stroke-linecap: round; stroke-dasharray: 18, 82; opacity: 0.8; transform-origin: center center; transform-box: view-box; animation-duration: 1.25s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--dashboard-ring-loading; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .sales-type-center { position: absolute; top: 28%; right: 28%; bottom: 28%; left: 28%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; align-items: center; justify-items: center; align-content: center; text-align: center; display: grid; }
.friend-page-host .sales-type-center strong { color: var(--ink); font-family: Georgia, serif; font-size: 25px; font-weight: 650; line-height: 1; }
.friend-page-host .sales-type-center span { color: var(--muted); margin-top: 5px; font-size: 9px; }
.friend-page-host .sales-type-chart.is-ready .sales-type-center { animation-duration: 0.5s; animation-timing-function: ease-out; animation-delay: 0.22s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--dashboard-donut-center; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .sales-type-legend { display: grid; align-content: center; row-gap: 1px; column-gap: 1px; min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .sales-type-legend li { position: relative; display: flex; align-items: center; justify-content: space-between; row-gap: 8px; column-gap: 8px; min-width: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(216, 223, 212); }
.friend-page-host .sales-type-legend li:last-child { border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
.friend-page-host .sales-type-legend li::before { content: ""; position: absolute; top: 50%; left: -19px; width: 13px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(204, 215, 197); }
.friend-page-host .sales-type-legend li > span { color: rgb(93, 104, 98); display: flex; align-items: center; row-gap: 7px; column-gap: 7px; min-width: 0px; font-size: 11px; }
.friend-page-host .sales-type-legend li > span > i { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 8px; height: 8px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }
.friend-page-host .sales-type-legend li > strong { color: var(--forest); display: flex; align-items: baseline; row-gap: 4px; column-gap: 4px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 13px; }
.friend-page-host .sales-type-legend li > strong > small { color: var(--muted); font-weight: 650; font-size: 9px !important; }
@keyframes friend-page--sales-location-grow {
0% { opacity: 0.35; transform: scaleX(0); }
100% { opacity: 1; transform: scaleX(1); }
}
@keyframes friend-page--sales-chart-pulse {
0% { background-position-x: 100%; background-position-y: 0px; }
100% { background-position-x: -100%; background-position-y: 0px; }
}
html[data-theme="dark"] .friend-page-host .sales-insight-head h2, html[data-theme="dark"] .friend-page-host .sales-month-bar > strong, html[data-theme="dark"] .friend-page-host .sales-location-heading strong, html[data-theme="dark"] .friend-page-host .sales-type-center strong { color: rgb(238, 243, 240); }
html[data-theme="dark"] .friend-page-host .sales-insight-head > span { color: rgb(220, 235, 189); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(34, 51, 30); border-top-color: rgb(64, 85, 47); border-right-color: rgb(64, 85, 47); border-bottom-color: rgb(64, 85, 47); border-left-color: rgb(64, 85, 47); }
html[data-theme="dark"] .friend-page-host .sales-insight-card:nth-child(2) .sales-insight-head p { color: rgb(101, 198, 183); }
html[data-theme="dark"] .friend-page-host .sales-insight-card:nth-child(3) .sales-insight-head p { color: rgb(228, 188, 104); }
html[data-theme="dark"] .friend-page-host .sales-month-bar > span { border-bottom-color: rgb(49, 70, 58); }
html[data-theme="dark"] .friend-page-host .sales-month-bar > small, html[data-theme="dark"] .friend-page-host .sales-type-legend li > span { color: rgb(184, 197, 191); }
html[data-theme="dark"] .friend-page-host .sales-monthly-chart.is-loading .sales-month-bar > span > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(65, 89, 74); }
html[data-theme="dark"] .friend-page-host .sales-location-heading > b { color: rgb(101, 198, 183); }
html[data-theme="dark"] .friend-page-host .sales-location-track { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 60, 50); }
html[data-theme="dark"] .friend-page-host .sales-location-track > i { background-image: linear-gradient(90deg, rgb(59, 157, 143), rgb(112, 200, 186)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
html[data-theme="dark"] .friend-page-host .sales-location-chart.is-loading .sales-location-heading > span, html[data-theme="dark"] .friend-page-host .sales-location-chart.is-loading .sales-location-heading > b, html[data-theme="dark"] .friend-page-host .sales-location-chart.is-loading .sales-location-track > i { background-image: linear-gradient(90deg, rgb(39, 57, 47) 0%, rgb(53, 75, 60) 50%, rgb(39, 57, 47) 100%); }
html[data-theme="dark"] .friend-page-host .sales-insight-empty { border-top-color: rgb(52, 74, 63); border-right-color: rgb(52, 74, 63); border-bottom-color: rgb(52, 74, 63); border-left-color: rgb(52, 74, 63); }
html[data-theme="dark"] .friend-page-host .sales-type-track { stroke: rgb(38, 60, 50); }
html[data-theme="dark"] .friend-page-host .sales-type-loader { stroke: rgb(165, 199, 122); }
html[data-theme="dark"] .friend-page-host .sales-type-legend li { border-bottom-color: rgb(52, 74, 63); }
html[data-theme="dark"] .friend-page-host .sales-type-legend li::before { border-top-color: rgb(64, 85, 74); }
html[data-theme="dark"] .friend-page-host .sales-type-legend li > strong { color: rgb(227, 239, 234); }
@media (width <= 1100px) and (width >= 761px) {
.friend-page-host .sales-insights-grid { row-gap: 9px; column-gap: 9px; }
.friend-page-host .sales-insight-card { padding-top: 16px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px; }
.friend-page-host .sales-insight-head { row-gap: 6px; column-gap: 6px; }
.friend-page-host .sales-insight-head h2 { font-size: 14px; }
.friend-page-host .sales-insight-head > span { padding-top: 5px; padding-right: 6px; padding-bottom: 5px; padding-left: 6px; font-size: 10px; }
.friend-page-host .sales-monthly-chart { row-gap: 2px; column-gap: 2px; }
.friend-page-host .sales-month-bar > small { font-size: 8px !important; }
.friend-page-host .sales-type-chart { grid-template-columns: minmax(0px, 1fr); row-gap: 5px; column-gap: 5px; }
.friend-page-host .sales-type-donut { width: 128px; }
.friend-page-host .sales-type-legend { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .sales-type-legend li { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.friend-page-host .sales-type-legend li::before { display: none; }
}
@media (width <= 760px) {
.friend-page-host .sales-insights-grid { grid-template-columns: minmax(0px, 1fr); row-gap: 12px; column-gap: 12px; }
.friend-page-host .sales-insight-card { min-height: 0px; padding-top: 18px; padding-right: 16px; padding-bottom: 18px; padding-left: 16px; }
.friend-page-host .sales-monthly-chart { height: 220px; row-gap: 4px; column-gap: 4px; }
.friend-page-host .sales-location-chart { max-height: 280px; }
.friend-page-host .sales-type-chart { grid-template-columns: minmax(125px, 0.8fr) minmax(0px, 1.2fr); }
}
@media (width <= 420px) {
.friend-page-host .sales-insight-head { min-height: 72px; }
.friend-page-host .sales-insight-head h2 { font-size: 15px; }
.friend-page-host .sales-monthly-chart { row-gap: 2px; column-gap: 2px; height: 205px; }
.friend-page-host .sales-month-bar > span > i { width: min(14px, 72%); }
.friend-page-host .sales-month-bar > small { font-size: 8px !important; }
.friend-page-host .sales-type-chart { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .sales-type-donut { width: 150px; }
.friend-page-host .sales-type-legend li::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .sales-monthly-chart .sales-month-bar > span > i, .friend-page-host .sales-monthly-chart .sales-month-bar > strong, .friend-page-host .sales-location-chart .sales-location-track > i, .friend-page-host .sales-location-chart .sales-location-heading, .friend-page-host .sales-type-chart .sales-type-slice, .friend-page-host .sales-type-chart .sales-type-loader, .friend-page-host .sales-type-chart .sales-type-center { opacity: 1; transform: none; animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
.friend-page-host #portfolio-list-start, .friend-page-host #directory-list-start, .friend-page-host #sales-list-start, .friend-page-host #power-list-start { scroll-margin-top: 96px; }
.friend-page-host .emlak-pagination { width: 100%; min-width: 0px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; row-gap: 7px; column-gap: 7px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(0, 45, 40, 0.03) 0px 4px 14px; }
.friend-page-host .emlak-pagination > button, .friend-page-host .emlak-page-numbers > button { width: 36px; min-width: 36px; min-height: 36px; display: grid; align-items: center; justify-items: center; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 225, 216); border-right-color: rgb(217, 225, 216); border-bottom-color: rgb(217, 225, 216); border-left-color: rgb(217, 225, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(67, 80, 72); font-size: 12px; font-weight: 800; line-height: 1; }
.friend-page-host .emlak-pagination > button:hover:not(:disabled), .friend-page-host .emlak-page-numbers > button:hover, .friend-page-host .emlak-pagination > button:focus-visible, .friend-page-host .emlak-page-numbers > button:focus-visible { border-top-color: rgb(143, 179, 90); border-right-color: rgb(143, 179, 90); border-bottom-color: rgb(143, 179, 90); border-left-color: rgb(143, 179, 90); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 233); color: rgb(75, 116, 0); }
.friend-page-host .emlak-page-numbers { display: flex; align-items: center; justify-content: center; row-gap: 5px; column-gap: 5px; min-width: 0px; }
.friend-page-host .emlak-page-numbers > button.active { border-top-color: rgb(184, 215, 135); border-right-color: rgb(184, 215, 135); border-bottom-color: rgb(184, 215, 135); border-left-color: rgb(184, 215, 135); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 246, 220); color: rgb(77, 118, 0); box-shadow: none; }
.friend-page-host .emlak-page-gap { min-width: 18px; color: rgb(135, 145, 139); text-align: center; font-style: normal; }
.friend-page-host .emlak-page-direction { width: 36px; white-space-collapse: collapse; text-wrap-mode: nowrap; min-width: 36px !important; padding-inline-start: 0px !important; padding-inline-end: 0px !important; }
.friend-page-host .emlak-pagination > button:disabled { cursor: default; opacity: 0.42; }
.friend-page-host .emlak-pagination > small { color: rgb(126, 137, 130); margin-left: 5px; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 11px !important; }
html[data-theme="dark"] .friend-page-host .emlak-pagination { border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); box-shadow: none; }
html[data-theme="dark"] .friend-page-host .emlak-pagination > button, html[data-theme="dark"] .friend-page-host .emlak-page-numbers > button { border-top-color: rgb(51, 69, 62); border-right-color: rgb(51, 69, 62); border-bottom-color: rgb(51, 69, 62); border-left-color: rgb(51, 69, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 35, 29); color: rgb(229, 235, 232); }
html[data-theme="dark"] .friend-page-host .emlak-pagination > button:hover:not(:disabled), html[data-theme="dark"] .friend-page-host .emlak-page-numbers > button:hover { border-top-color: rgb(102, 141, 60); border-right-color: rgb(102, 141, 60); border-bottom-color: rgb(102, 141, 60); border-left-color: rgb(102, 141, 60); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 42, 24); color: rgb(215, 236, 154); }
html[data-theme="dark"] .friend-page-host .emlak-page-numbers > button.active { border-top-color: rgb(124, 172, 34); border-right-color: rgb(124, 172, 34); border-bottom-color: rgb(124, 172, 34); border-left-color: rgb(124, 172, 34); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 55, 23); color: rgb(215, 236, 154); }
html[data-theme="dark"] .friend-page-host .emlak-pagination > small, html[data-theme="dark"] .friend-page-host .emlak-page-gap { color: rgb(167, 180, 172); }
@media (width <= 600px) {
.friend-page-host .emlak-pagination { display: flex; justify-content: flex-end; row-gap: 5px; column-gap: 5px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .emlak-page-numbers { flex-grow: 0; flex-shrink: 0; flex-basis: auto; overflow-x: visible; overflow-y: visible; }
.friend-page-host .emlak-pagination > button, .friend-page-host .emlak-page-numbers > button { width: 36px; min-width: 36px; min-height: 36px; padding-inline-start: 0px; padding-inline-end: 0px; }
.friend-page-host .emlak-page-direction { width: 36px; min-width: 36px !important; }
}
@media (width <= 760px) {
.friend-page-host .property-modal .form-section > .form-grid:not(.location-deed-grid), .friend-page-host .person-modal .form-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 10px !important; column-gap: 10px !important; }
.friend-page-host .property-modal .form-section > .form-grid:not(.location-deed-grid) > .field, .friend-page-host .person-modal .form-grid > .field { min-width: 0px; grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .property-modal .form-section > .form-grid:not(.location-deed-grid) > .field.full, .friend-page-host .person-modal .form-grid > .field.full { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .property-modal .portfolio-live-calc, .friend-page-host .property-modal .live-calc:not(.portfolio-live-calc) { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; max-width: none !important; }
.friend-page-host .property-modal .live-calc:not(.portfolio-live-calc) > span:last-child:nth-child(2n+1) { grid-column-start: 1; grid-column-end: -1; }
}
@media (width <= 520px) {
.friend-page-host .batch-property-modal .batch-meta-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 10px !important; column-gap: 10px !important; }
.friend-page-host .batch-property-modal .batch-meta-grid > .field { min-width: 0px; grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .batch-property-modal .batch-meta-grid > .field:first-child, .friend-page-host .batch-property-modal .batch-meta-grid > .field.full { grid-column-start: 1 !important; grid-column-end: -1 !important; }
}
.friend-page-host .tkgm-test-page { width: min(100%, 1580px); margin-inline-start: auto; margin-inline-end: auto; row-gap: 18px; column-gap: 18px; }
.friend-page-host .tkgm-test-head { display: flex; align-items: center; justify-content: space-between; row-gap: 24px; column-gap: 24px; padding-top: 24px; padding-right: 26px; padding-bottom: 24px; padding-left: 26px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(223, 230, 225); border-right-color: rgb(223, 230, 225); border-bottom-color: rgb(223, 230, 225); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-left-width: ; border-left-style: ; border-left-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); box-shadow: rgba(19, 53, 41, 0.05) 0px 8px 24px; }
.friend-page-host .tkgm-test-head p, .friend-page-host .tkgm-test-section-head p, .friend-page-host .tkgm-test-result-copy p { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; color: rgb(77, 135, 0); font-size: 11px; font-weight: 800; letter-spacing: 0.11em; }
.friend-page-host .tkgm-test-head p span { margin-right: 6px; }
.friend-page-host .tkgm-test-head h1 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(16, 41, 31); font-size: clamp(23px, 2.2vw, 34px); line-height: 1.1; }
.friend-page-host .tkgm-test-head > button { min-width: 104px; min-height: 42px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 227, 220); border-right-color: rgb(217, 227, 220); border-bottom-color: rgb(217, 227, 220); border-left-color: rgb(217, 227, 220); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(49, 83, 69); font-weight: 700; white-space-collapse: collapse; text-wrap-mode: nowrap; cursor: pointer; }
.friend-page-host .tkgm-test-head > button:hover:not(:disabled) { border-top-color: rgb(127, 172, 52); border-right-color: rgb(127, 172, 52); border-bottom-color: rgb(127, 172, 52); border-left-color: rgb(127, 172, 52); color: rgb(77, 135, 0); }
.friend-page-host .tkgm-test-head > button:disabled { opacity: 0.55; cursor: default; }
.friend-page-host .tkgm-test-progress { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .tkgm-test-grid { display: grid; grid-template-columns: minmax(340px, 0.85fr) minmax(520px, 1.15fr); row-gap: 18px; column-gap: 18px; align-items: start; }
.friend-page-host .tkgm-test-grid > .panel, .friend-page-host .tkgm-test-detail-column > .panel { min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 230, 225); border-right-color: rgb(223, 230, 225); border-bottom-color: rgb(223, 230, 225); border-left-color: rgb(223, 230, 225); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); box-shadow: rgba(19, 53, 41, 0.05) 0px 8px 24px; }
.friend-page-host .tkgm-test-detail-column { display: grid; min-width: 0px; row-gap: 18px; column-gap: 18px; align-content: start; }
.friend-page-host .tkgm-test-detail-column > .tkgm-test-result { width: 100%; min-width: 0px; }
.friend-page-host .tkgm-test-grid > .tkgm-test-results { grid-column-start: 1; grid-column-end: -1; width: 100%; min-width: 0px; }
.friend-page-host .tkgm-test-section-head { display: flex; align-items: center; row-gap: 11px; column-gap: 11px; margin-bottom: 18px; }
.friend-page-host .tkgm-test-section-head > span { display: grid; flex-grow: 0; flex-shrink: 0; flex-basis: 34px; width: 34px; height: 34px; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 223); color: rgb(84, 142, 13); font-size: 12px; font-weight: 800; }
.friend-page-host .tkgm-test-section-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(23, 35, 30); font-size: 18px; line-height: 1.25; }
.friend-page-host .tkgm-test-dropzone { position: relative; display: flex; min-height: 250px; padding-top: 26px; padding-right: 26px; padding-bottom: 26px; padding-left: 26px; overflow-x: hidden; overflow-y: hidden; align-items: center; justify-content: center; flex-direction: column; row-gap: 8px; column-gap: 8px; border-top-width: 1.5px; border-right-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(175, 200, 149); border-right-color: rgb(175, 200, 149); border-bottom-color: rgb(175, 200, 149); border-left-color: rgb(175, 200, 149); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: linear-gradient(145deg, rgb(248, 251, 243), rgb(238, 245, 230)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(49, 83, 69); text-align: center; cursor: pointer; }
.friend-page-host .tkgm-test-dropzone:hover { border-top-color: rgb(99, 157, 20); border-right-color: rgb(99, 157, 20); border-bottom-color: rgb(99, 157, 20); border-left-color: rgb(99, 157, 20); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 235); }
.friend-page-host .tkgm-test-dropzone:focus-within, .friend-page-host .tkgm-test-camera:focus-within { outline-color: ; outline-style: ; outline-width: ; outline-offset: 3px; }
.friend-page-host .tkgm-test-dropzone[aria-disabled="true"], .friend-page-host .tkgm-test-camera[aria-disabled="true"] { opacity: 0.55; cursor: default; pointer-events: none; }
.friend-page-host .tkgm-test-dropzone input, .friend-page-host .tkgm-test-camera input { position: absolute; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden; opacity: 0; pointer-events: none; }
.friend-page-host .tkgm-test-upload-icon { display: grid; width: 58px; height: 58px; margin-bottom: 5px; align-items: center; justify-items: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 224, 181); border-right-color: rgb(204, 224, 181); border-bottom-color: rgb(204, 224, 181); border-left-color: rgb(204, 224, 181); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(87, 144, 0); font-size: 28px; box-shadow: rgba(59, 101, 24, 0.09) 0px 7px 20px; }
.friend-page-host .tkgm-test-dropzone strong { font-size: 15px; }
.friend-page-host .tkgm-test-dropzone small { color: rgb(122, 136, 127); font-size: 12px; }
.friend-page-host .tkgm-test-upload-actions { display: grid; grid-template-columns: 1fr 1fr; row-gap: 10px; column-gap: 10px; margin-top: 12px; }
.friend-page-host .tkgm-test-upload-actions > * { display: flex; min-height: 44px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; align-items: center; justify-content: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 13px; font-weight: 750; cursor: pointer; }
.friend-page-host .tkgm-test-camera { position: relative; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(207, 218, 211); border-right-color: rgb(207, 218, 211); border-bottom-color: rgb(207, 218, 211); border-left-color: rgb(207, 218, 211); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(49, 83, 69); }
.friend-page-host .tkgm-test-camera:hover { border-top-color: rgb(117, 165, 45); border-right-color: rgb(117, 165, 45); border-bottom-color: rgb(117, 165, 45); border-left-color: rgb(117, 165, 45); color: rgb(79, 133, 8); }
.friend-page-host .tkgm-test-upload-actions .primary-btn { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
.friend-page-host .tkgm-test-upload-actions .primary-btn:disabled { opacity: 0.55; cursor: default; }
.friend-page-host .tkgm-test-fields-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 12px; column-gap: 12px; }
.friend-page-host .tkgm-test-field { display: flex; min-width: 0px; flex-direction: column; row-gap: 6px; column-gap: 6px; }
.friend-page-host .tkgm-test-field > span { color: rgb(109, 120, 114); font-size: 11px; font-weight: 750; letter-spacing: 0.025em; text-transform: uppercase; }
.friend-page-host .tkgm-test-field > span b { color: rgb(189, 87, 71); }
.friend-page-host .tkgm-test-field input { width: 100%; min-width: 0px; height: 45px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(215, 223, 218); border-right-color: rgb(215, 223, 218); border-bottom-color: rgb(215, 223, 218); border-left-color: rgb(215, 223, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(24, 43, 35); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; }
.friend-page-host .tkgm-test-field input:focus { border-top-color: rgb(125, 172, 54); border-right-color: rgb(125, 172, 54); border-bottom-color: rgb(125, 172, 54); border-left-color: rgb(125, 172, 54); box-shadow: rgba(113, 157, 44, 0.12) 0px 0px 0px 3px; }
.friend-page-host .tkgm-test-field.is-readonly input { border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 245, 243); color: rgb(99, 113, 106); cursor: default; }
.friend-page-host .tkgm-test-field.is-readonly input:focus { border-top-color: rgb(209, 218, 213); border-right-color: rgb(209, 218, 213); border-bottom-color: rgb(209, 218, 213); border-left-color: rgb(209, 218, 213); box-shadow: none; }
.friend-page-host .tkgm-test-notice { margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; border-left-width: 3px; border-left-style: solid; border-left-color: rgb(124, 173, 46); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 247, 231); color: rgb(69, 102, 25); font-size: 12px; }
.friend-page-host .tkgm-test-confidence { display: flex; margin-top: 14px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; align-items: center; justify-content: space-between; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 247, 245); color: rgb(105, 118, 110); font-size: 12px; }
.friend-page-host .tkgm-test-confidence strong { color: rgb(76, 129, 10); font-size: 14px; }
.friend-page-host .tkgm-test-upload-actions .primary-btn:hover:not(:disabled) { filter: brightness(0.93); }
.friend-page-host .tkgm-test-result { display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; row-gap: 15px; column-gap: 15px; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; align-items: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 228, 223); border-right-color: rgb(220, 228, 223); border-bottom-color: rgb(220, 228, 223); border-left-color: rgb(220, 228, 223); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); box-shadow: rgba(19, 53, 41, 0.04) 0px 8px 24px; }
.friend-page-host .tkgm-test-result.ready { border-top-color: rgb(184, 209, 143); border-right-color: rgb(184, 209, 143); border-bottom-color: rgb(184, 209, 143); border-left-color: rgb(184, 209, 143); background-image: linear-gradient(100deg, rgb(251, 253, 248), rgb(243, 249, 233)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .tkgm-test-result-mark { display: grid; width: 45px; height: 45px; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 242, 239); color: rgb(110, 123, 115); font-size: 20px; font-weight: 800; }
.friend-page-host .tkgm-test-result.ready .tkgm-test-result-mark { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(225, 239, 201); color: rgb(78, 135, 0); }
.friend-page-host .tkgm-test-result-copy { min-width: 0px; }
.friend-page-host .tkgm-test-result-copy h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(22, 48, 38); font-size: 17px; }
.friend-page-host .tkgm-test-result-copy > span { display: block; margin-top: 5px; overflow-x: hidden; overflow-y: hidden; color: rgb(114, 128, 121); font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: 1.45; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .tkgm-test-result-actions { display: flex; row-gap: 8px; column-gap: 8px; }
.friend-page-host .tkgm-test-result-actions button, .friend-page-host .tkgm-test-result-actions a { display: flex; min-height: 42px; padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; align-items: center; justify-content: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 216, 207); border-right-color: rgb(203, 216, 207); border-bottom-color: rgb(203, 216, 207); border-left-color: rgb(203, 216, 207); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(49, 83, 69); font-size: 12px; font-weight: 750; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; cursor: pointer; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .tkgm-test-result-actions a { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); }
.friend-page-host .tkgm-test-result-actions button:hover { border-top-color: rgb(121, 169, 54); border-right-color: rgb(121, 169, 54); border-bottom-color: rgb(121, 169, 54); border-left-color: rgb(121, 169, 54); color: rgb(77, 133, 0); }
.friend-page-host .tkgm-test-result-actions a:hover { filter: brightness(0.93); }
html[data-theme="dark"] .friend-page-host .tkgm-test-head, html[data-theme="dark"] .friend-page-host .tkgm-test-grid > .panel, html[data-theme="dark"] .friend-page-host .tkgm-test-detail-column > .panel, html[data-theme="dark"] .friend-page-host .tkgm-test-result { border-top-color: rgb(49, 70, 61); border-right-color: rgb(49, 70, 61); border-bottom-color: rgb(49, 70, 61); border-left-color: rgb(49, 70, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 28, 23); box-shadow: none; }
html[data-theme="dark"] .friend-page-host .tkgm-test-head h1, html[data-theme="dark"] .friend-page-host .tkgm-test-section-head h2, html[data-theme="dark"] .friend-page-host .tkgm-test-result-copy h2 { color: rgb(239, 244, 241); }
html[data-theme="dark"] .friend-page-host .tkgm-test-dropzone small, html[data-theme="dark"] .friend-page-host .tkgm-test-result-copy > span { color: rgb(157, 175, 165); }
html[data-theme="dark"] .friend-page-host .tkgm-test-head > button, html[data-theme="dark"] .friend-page-host .tkgm-test-camera, html[data-theme="dark"] .friend-page-host .tkgm-test-field input, html[data-theme="dark"] .friend-page-host .tkgm-test-result-actions button { border-top-color: rgb(57, 80, 70); border-right-color: rgb(57, 80, 70); border-bottom-color: rgb(57, 80, 70); border-left-color: rgb(57, 80, 70); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 35, 29); color: rgb(226, 234, 230); }
html[data-theme="dark"] .friend-page-host .tkgm-test-field.is-readonly input { border-top-color: rgb(66, 84, 76); border-right-color: rgb(66, 84, 76); border-bottom-color: rgb(66, 84, 76); border-left-color: rgb(66, 84, 76); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 36, 31); color: rgb(147, 163, 154); }
html[data-theme="dark"] .friend-page-host .tkgm-test-dropzone { border-top-color: rgb(69, 102, 50); border-right-color: rgb(69, 102, 50); border-bottom-color: rgb(69, 102, 50); border-left-color: rgb(69, 102, 50); background-image: linear-gradient(145deg, rgb(19, 32, 25), rgb(24, 40, 29)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(223, 232, 227); }
html[data-theme="dark"] .friend-page-host .tkgm-test-upload-icon, html[data-theme="dark"] .friend-page-host .tkgm-test-section-head > span { border-top-color: rgb(63, 88, 52); border-right-color: rgb(63, 88, 52); border-bottom-color: rgb(63, 88, 52); border-left-color: rgb(63, 88, 52); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(33, 50, 30); }
html[data-theme="dark"] .friend-page-host .tkgm-test-confidence { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 35, 29); color: rgb(157, 175, 165); }
html[data-theme="dark"] .friend-page-host .tkgm-test-notice { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 43, 28); color: rgb(185, 212, 145); }
html[data-theme="dark"] .friend-page-host .tkgm-test-result.ready { border-top-color: rgb(79, 109, 53); border-right-color: rgb(79, 109, 53); border-bottom-color: rgb(79, 109, 53); border-left-color: rgb(79, 109, 53); background-image: linear-gradient(100deg, rgb(16, 28, 23), rgb(23, 37, 26)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
@media (width <= 1200px) {
.friend-page-host .tkgm-test-grid { grid-template-columns: 1fr; }
.friend-page-host .tkgm-test-dropzone { min-height: 250px; }
}
@media (width <= 760px) {
.friend-page-host .tkgm-test-page { row-gap: 12px; column-gap: 12px; }
.friend-page-host .tkgm-test-head { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; align-items: flex-start; }
.friend-page-host .tkgm-test-head h1 { font-size: 24px; }
.friend-page-host .tkgm-test-head > button { min-width: 78px; min-height: 40px; padding-inline-start: 12px; padding-inline-end: 12px; }
.friend-page-host .tkgm-test-grid { row-gap: 12px; column-gap: 12px; }
.friend-page-host .tkgm-test-detail-column { row-gap: 12px; column-gap: 12px; }
.friend-page-host .tkgm-test-grid > .panel { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .tkgm-test-detail-column > .panel { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .tkgm-test-fields-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 10px; column-gap: 10px; }
.friend-page-host .tkgm-test-result { grid-template-columns: auto minmax(0px, 1fr); }
.friend-page-host .tkgm-test-result-actions { grid-column-start: 1; grid-column-end: -1; display: grid; grid-template-columns: 1fr 1fr; }
}
@media (width <= 520px) {
.friend-page-host .tkgm-test-head { row-gap: 10px; column-gap: 10px; }
.friend-page-host .tkgm-test-head > button { min-width: 72px; padding-inline-start: 9px; padding-inline-end: 9px; font-size: 12px; }
.friend-page-host .tkgm-test-dropzone { min-height: 273px; }
.friend-page-host .tkgm-test-upload-actions { grid-template-columns: 1fr 1fr; }
.friend-page-host .tkgm-test-upload-actions > * { padding-inline-start: 8px; padding-inline-end: 8px; font-size: 12px; }
.friend-page-host .tkgm-test-field input { height: 44px; padding-inline-start: 10px; padding-inline-end: 10px; }
.friend-page-host .tkgm-test-result { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .tkgm-test-result-mark { width: 40px; height: 40px; }
.friend-page-host .tkgm-test-result-actions > * { padding-inline-start: 8px !important; padding-inline-end: 8px !important; }
}
.friend-page-host .tkgm-test-dropzone.has-files { min-height: 148px; padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-image: linear-gradient(145deg, rgb(248, 251, 243), rgb(237, 245, 229)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .tkgm-test-dropzone.has-files .tkgm-test-upload-icon { width: 44px; height: 44px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 22px; }
.friend-page-host .tkgm-test-selected-list { display: grid; max-height: 330px; row-gap: 8px; column-gap: 8px; margin-top: 12px; padding-right: 3px; overflow-x: auto; overflow-y: auto; }
.friend-page-host .tkgm-test-selected-item { display: flex; min-width: 0px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; align-items: center; row-gap: 10px; column-gap: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(82, 119, 56, 0.2); border-right-color: rgba(82, 119, 56, 0.2); border-bottom-color: rgba(82, 119, 56, 0.2); border-left-color: rgba(82, 119, 56, 0.2); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); }
.friend-page-host .tkgm-test-selected-item > img { flex-grow: 0; flex-shrink: 0; flex-basis: 52px; width: 52px; height: 52px; object-fit: cover; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(233, 238, 233); }
.friend-page-host .tkgm-test-selected-copy { min-width: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.friend-page-host .tkgm-test-selected-copy strong { display: block; overflow-x: hidden; overflow-y: hidden; color: rgb(40, 73, 59); font-size: 12px; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .tkgm-test-selected-copy small { display: block; margin-top: 3px; color: rgb(122, 136, 127); font-size: 11px; }
.friend-page-host .tkgm-test-remove { display: grid; flex-grow: 0; flex-shrink: 0; flex-basis: 34px; width: 34px; height: 34px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; align-items: center; justify-items: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 216, 212); border-right-color: rgb(223, 216, 212); border-bottom-color: rgb(223, 216, 212); border-left-color: rgb(223, 216, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(161, 79, 66); font-size: 19px; line-height: 1; cursor: pointer; }
.friend-page-host .tkgm-test-remove:hover:not(:disabled) { border-top-color: rgb(207, 141, 129); border-right-color: rgb(207, 141, 129); border-bottom-color: rgb(207, 141, 129); border-left-color: rgb(207, 141, 129); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 247, 245); }
.friend-page-host .tkgm-test-remove:disabled { opacity: 0.5; cursor: default; }
.friend-page-host .tkgm-test-results { display: block; }
.friend-page-host .tkgm-test-result-head { display: flex; align-items: center; row-gap: 14px; column-gap: 14px; }
.friend-page-host .tkgm-test-result-head .tkgm-test-result-copy { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.friend-page-host .tkgm-test-pdf-row { display: flex; justify-content: flex-end; margin-top: 14px; }
.friend-page-host .tkgm-test-pdf-download { min-height: 42px; padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 12px; font-weight: 800; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .tkgm-test-pdf-download:disabled { opacity: 0.6; cursor: wait; }
.friend-page-host .tkgm-test-result-list { display: grid; row-gap: 0px; column-gap: 0px; margin-top: 16px; border-top-width: 1px; border-top-style: dotted; border-top-color: rgba(72, 103, 52, 0.35); }
.friend-page-host .tkgm-test-result-row { display: flex; min-width: 0px; padding-top: 13px; padding-right: 0px; padding-bottom: 13px; padding-left: 0px; align-items: center; row-gap: 14px; column-gap: 14px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgba(72, 103, 52, 0.28); }
.friend-page-host .tkgm-test-result-row:last-child { padding-bottom: 0px; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
.friend-page-host .tkgm-test-result-row.has-location-choice { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 230, 212); border-right-color: rgb(220, 230, 212); border-bottom-color: rgb(220, 230, 212); border-left-color: rgb(220, 230, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .tkgm-test-result-row.is-location-selected { border-top-color: rgb(159, 190, 112); border-right-color: rgb(159, 190, 112); border-bottom-color: rgb(159, 190, 112); border-left-color: rgb(159, 190, 112); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 250, 237); }
.friend-page-host .tkgm-test-location-choice { display: flex; align-items: center; justify-content: space-between; row-gap: 10px; column-gap: 10px; margin-bottom: 8px; }
.friend-page-host .tkgm-test-location-badge { color: rgb(101, 130, 71); font-size: 10px; font-weight: 700; line-height: 1.4; }
.friend-page-host .tkgm-test-location-select { flex-shrink: 0; min-height: 36px; padding-top: 7px; padding-right: 11px; padding-bottom: 7px; padding-left: 11px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(168, 200, 123); border-right-color: rgb(168, 200, 123); border-bottom-color: rgb(168, 200, 123); border-left-color: rgb(168, 200, 123); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(240, 247, 228); color: rgb(80, 119, 0); font-size: 11px; font-weight: 700; cursor: pointer; }
.friend-page-host .tkgm-test-location-select:hover:not(:disabled) { border-top-color: rgb(113, 157, 55); border-right-color: rgb(113, 157, 55); border-bottom-color: rgb(113, 157, 55); border-left-color: rgb(113, 157, 55); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(231, 242, 213); }
.friend-page-host .tkgm-test-location-select:focus-visible { outline-color: rgb(89, 141, 0); outline-style: solid; outline-width: 2px; outline-offset: 3px; }
.friend-page-host .tkgm-test-location-select:disabled { cursor: default; }
.friend-page-host .tkgm-test-location-select:disabled:not([aria-pressed="true"]) { opacity: 0.55; }
.friend-page-host .tkgm-test-result-actions .tkgm-test-location-select { min-height: 42px; padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; border-top-color: rgb(168, 200, 123); border-right-color: rgb(168, 200, 123); border-bottom-color: rgb(168, 200, 123); border-left-color: rgb(168, 200, 123); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(240, 247, 228); color: rgb(80, 119, 0); font-size: 12px; }
.friend-page-host .tkgm-test-location-note { display: block; margin-top: 6px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; color: rgb(109, 125, 113); font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
html[data-theme="dark"] .friend-page-host .tkgm-test-result-row.has-location-choice { border-top-color: rgb(62, 88, 69); border-right-color: rgb(62, 88, 69); border-bottom-color: rgb(62, 88, 69); border-left-color: rgb(62, 88, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 35, 29); }
html[data-theme="dark"] .friend-page-host .tkgm-test-result-row.is-location-selected { border-top-color: rgb(118, 151, 80); border-right-color: rgb(118, 151, 80); border-bottom-color: rgb(118, 151, 80); border-left-color: rgb(118, 151, 80); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 46, 32); }
html[data-theme="dark"] .friend-page-host .tkgm-test-location-badge { color: rgb(186, 211, 145); }
html[data-theme="dark"] .friend-page-host .tkgm-test-location-note { color: rgb(166, 185, 172); }
html[data-theme="dark"] .friend-page-host .tkgm-test-result-actions .tkgm-test-location-select { border-top-color: rgb(105, 139, 69); border-right-color: rgb(105, 139, 69); border-bottom-color: rgb(105, 139, 69); border-left-color: rgb(105, 139, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 53, 28); color: rgb(206, 228, 170); }
.friend-page-host .tkgm-test-result-info { min-width: 220px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.friend-page-host .tkgm-test-result-title { display: block; color: rgb(37, 71, 57); font-size: 13px; line-height: 1.4; }
.friend-page-host .tkgm-test-result-info code { display: block; margin-top: 4px; color: rgb(104, 121, 112); font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: normal; font-stretch: normal; font-size: 11px; line-height: 1.45; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.friend-page-host .tkgm-test-verification-note { display: block; margin-top: 6px; color: rgb(73, 99, 63); font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
html[data-theme="dark"] .friend-page-host .tkgm-test-verification-note { color: rgb(185, 212, 145); }
.friend-page-host .tkgm-test-result-warning { display: block; margin-top: 6px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 246, 231); color: rgb(136, 96, 29); font-size: 11px; line-height: 1.45; }
html[data-theme="dark"] .friend-page-host .tkgm-test-dropzone.has-files { border-top-color: rgb(69, 102, 50); border-right-color: rgb(69, 102, 50); border-bottom-color: rgb(69, 102, 50); border-left-color: rgb(69, 102, 50); background-image: linear-gradient(145deg, rgb(19, 32, 25), rgb(24, 40, 29)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
html[data-theme="dark"] .friend-page-host .tkgm-test-selected-item { border-top-color: rgb(52, 74, 64); border-right-color: rgb(52, 74, 64); border-bottom-color: rgb(52, 74, 64); border-left-color: rgb(52, 74, 64); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 35, 29); }
html[data-theme="dark"] .friend-page-host .tkgm-test-selected-copy strong, html[data-theme="dark"] .friend-page-host .tkgm-test-result-title { color: rgb(227, 235, 231); }
html[data-theme="dark"] .friend-page-host .tkgm-test-selected-copy small, html[data-theme="dark"] .friend-page-host .tkgm-test-result-info code { color: rgb(157, 175, 165); }
html[data-theme="dark"] .friend-page-host .tkgm-test-remove { border-top-color: rgb(88, 62, 57); border-right-color: rgb(88, 62, 57); border-bottom-color: rgb(88, 62, 57); border-left-color: rgb(88, 62, 57); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 41, 36); color: rgb(231, 163, 152); }
html[data-theme="dark"] .friend-page-host .tkgm-test-result-list, html[data-theme="dark"] .friend-page-host .tkgm-test-result-row { border-top-color: rgb(60, 81, 71); border-right-color: rgb(60, 81, 71); border-bottom-color: rgb(60, 81, 71); border-left-color: rgb(60, 81, 71); }
html[data-theme="dark"] .friend-page-host .tkgm-test-result-warning { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(48, 40, 25); color: rgb(224, 193, 131); }
@media (width <= 760px) {
.friend-page-host .tkgm-test-result-head { align-items: flex-start; flex-wrap: wrap; }
.friend-page-host .tkgm-test-pdf-row { width: 100%; }
.friend-page-host .tkgm-test-pdf-download { width: 100%; }
.friend-page-host .tkgm-test-result-row { align-items: flex-start; flex-direction: column; row-gap: 10px; column-gap: 10px; }
.friend-page-host .tkgm-test-result-info { width: 100%; min-width: 0px; }
.friend-page-host .tkgm-test-result-row .tkgm-test-result-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
.friend-page-host .tkgm-test-result-row .tkgm-test-result-actions.has-location-selection { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.friend-page-host .tkgm-test-result-actions.has-location-selection > * { min-width: 0px; padding-inline-start: 8px; padding-inline-end: 8px; white-space-collapse: collapse; text-wrap-mode: wrap; text-align: center; }
}
@media (width <= 520px) {
.friend-page-host .tkgm-test-dropzone.has-files { min-height: 132px; padding-top: 18px; padding-right: 12px; padding-bottom: 18px; padding-left: 12px; }
.friend-page-host .tkgm-test-selected-list { max-height: 290px; }
.friend-page-host .tkgm-test-selected-item { padding-top: 7px; padding-right: 8px; padding-bottom: 7px; padding-left: 8px; }
.friend-page-host .tkgm-test-selected-item > img { flex-basis: 46px; width: 46px; height: 46px; }
.friend-page-host .tkgm-test-result-title { font-size: 12px; }
}
.friend-page-host .tkgm-test-unified-input { min-width: 0px; }
.friend-page-host .tkgm-test-combined-entry { display: grid; min-width: 0px; row-gap: 12px; column-gap: 12px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(207, 221, 193); border-right-color: rgb(207, 221, 193); border-bottom-color: rgb(207, 221, 193); border-left-color: rgb(207, 221, 193); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: linear-gradient(145deg, rgb(248, 251, 243), rgb(241, 246, 235)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .tkgm-test-combined-entry .tkgm-test-dropzone, .friend-page-host .tkgm-test-combined-entry .tkgm-test-dropzone.has-files { min-height: 116px; padding-top: 14px; padding-right: 10px; padding-bottom: 14px; padding-left: 10px; row-gap: 5px; column-gap: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: rgb(181, 203, 157); border-right-color: rgb(181, 203, 157); border-bottom-color: rgb(181, 203, 157); border-left-color: rgb(181, 203, 157); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.45); }
.friend-page-host .tkgm-test-combined-entry .tkgm-test-dropzone:hover { border-top-color: rgb(99, 157, 20); border-right-color: rgb(99, 157, 20); border-bottom-color: rgb(99, 157, 20); border-left-color: rgb(99, 157, 20); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.75); }
.friend-page-host .tkgm-test-combined-entry .tkgm-test-upload-icon { width: 36px; height: 36px; margin-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 20px; }
.friend-page-host .tkgm-test-combined-entry .tkgm-test-dropzone strong { font-size: 14px; line-height: 1.35; }
.friend-page-host .tkgm-test-combined-entry .tkgm-test-dropzone small { font-size: 11px; line-height: 1.5; }
.friend-page-host .tkgm-test-combined-entry .tkgm-test-selected-list { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .tkgm-test-combined-entry .tkgm-test-text-entry { padding-top: 12px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(219, 229, 210); }
.friend-page-host .tkgm-test-text-entry { display: grid; min-width: 0px; row-gap: 7px; column-gap: 7px; }
.friend-page-host .tkgm-test-text-entry > span { color: rgb(109, 120, 114); font-size: 11px; font-weight: 750; letter-spacing: 0.025em; text-transform: uppercase; }
.friend-page-host .tkgm-test-text-entry textarea { width: 100%; min-width: 0px; min-height: 100px; padding-top: 12px; padding-right: 13px; padding-bottom: 12px; padding-left: 13px; resize: vertical; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(215, 223, 218); border-right-color: rgb(215, 223, 218); border-bottom-color: rgb(215, 223, 218); border-left-color: rgb(215, 223, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(24, 43, 35); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; line-height: 1.55; }
.friend-page-host .tkgm-test-text-entry textarea:focus { border-top-color: rgb(125, 172, 54); border-right-color: rgb(125, 172, 54); border-bottom-color: rgb(125, 172, 54); border-left-color: rgb(125, 172, 54); box-shadow: rgba(113, 157, 44, 0.12) 0px 0px 0px 3px; }
.friend-page-host .tkgm-test-text-entry > small { justify-self: end; color: rgb(123, 137, 129); font-size: 11px !important; }
html[data-theme="dark"] .friend-page-host .tkgm-test-combined-entry { border-top-color: rgb(60, 85, 51); border-right-color: rgb(60, 85, 51); border-bottom-color: rgb(60, 85, 51); border-left-color: rgb(60, 85, 51); background-image: linear-gradient(145deg, rgb(20, 37, 27), rgb(25, 44, 29)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
html[data-theme="dark"] .friend-page-host .tkgm-test-combined-entry .tkgm-test-dropzone { border-top-color: rgb(71, 98, 56); border-right-color: rgb(71, 98, 56); border-bottom-color: rgb(71, 98, 56); border-left-color: rgb(71, 98, 56); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 34, 25); }
html[data-theme="dark"] .friend-page-host .tkgm-test-combined-entry .tkgm-test-dropzone:hover { border-top-color: rgb(120, 158, 82); border-right-color: rgb(120, 158, 82); border-bottom-color: rgb(120, 158, 82); border-left-color: rgb(120, 158, 82); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 48, 32); }
html[data-theme="dark"] .friend-page-host .tkgm-test-combined-entry .tkgm-test-text-entry { border-top-color: rgb(60, 85, 51); border-right-color: rgb(60, 85, 51); border-bottom-color: rgb(60, 85, 51); border-left-color: rgb(60, 85, 51); }
html[data-theme="dark"] .friend-page-host .tkgm-test-text-entry > span { color: rgb(173, 187, 178); }
html[data-theme="dark"] .friend-page-host .tkgm-test-text-entry textarea { border-top-color: rgb(57, 80, 70); border-right-color: rgb(57, 80, 70); border-bottom-color: rgb(57, 80, 70); border-left-color: rgb(57, 80, 70); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 35, 29); color: rgb(226, 234, 230); }
@media (width <= 520px) {
.friend-page-host .tkgm-test-combined-entry { padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; row-gap: 10px; column-gap: 10px; }
.friend-page-host .tkgm-test-combined-entry .tkgm-test-dropzone { min-height: 112px; padding-top: 12px; padding-right: 8px; padding-bottom: 12px; padding-left: 8px; }
.friend-page-host .tkgm-test-text-entry textarea { min-height: 108px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 14px; }
}
.friend-page-host #portfolio-list-start > .emlak-pagination, .friend-page-host #directory-list-start > .emlak-pagination, .friend-page-host #sales-list-start > .emlak-pagination, .friend-page-host #power-list-start > .emlak-pagination { border-right-width: 0px; border-right-style: none; border-right-color: currentcolor; border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: none; }
.friend-page-host .list-sort-number, .friend-page-host .record-number-heading { align-self: center; color: rgb(103, 119, 109); font-size: 10px; font-weight: 850; text-align: center; text-transform: uppercase; }
.friend-page-host .record-row-number { display: grid; align-items: center; justify-items: center; width: 32px; min-width: 32px; min-height: 32px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(213, 224, 210); border-right-color: rgb(213, 224, 210); border-bottom-color: rgb(213, 224, 210); border-left-color: rgb(213, 224, 210); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 243, 233); color: rgb(82, 100, 91); font-size: 12px; font-weight: 850; line-height: 1; font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .friend-page-host .record-row-number { border-top-color: rgb(59, 81, 71); border-right-color: rgb(59, 81, 71); border-bottom-color: rgb(59, 81, 71); border-left-color: rgb(59, 81, 71); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); color: rgb(196, 211, 203); }
html[data-theme="dark"] .friend-page-host .list-sort-number, html[data-theme="dark"] .friend-page-host .record-number-heading { color: rgb(172, 188, 174); }
@media (width > 760px) {
.friend-page-host .list-sort-bar--portfolio { background-image: linear-gradient(90deg,transparent 0 63px,#d9e5ca 63px 64px,transparent 64px),linear-gradient(180deg,color-mix(in srgb,var(--green) 8%,#f6f9f3) 0%,#eef2ec 100%); }
.friend-page-host .list-sort-bar--sales { background-image: linear-gradient(90deg, rgb(243, 247, 239) 0px, rgb(243, 247, 239) 63px, rgb(217, 229, 202) 63px, rgb(217, 229, 202) 64px, transparent 64px); }
.friend-page-host .list-sort-bar--portfolio .list-sort-number, .friend-page-host .list-sort-bar--sales .list-sort-number { color: rgb(98, 118, 111); }
.friend-page-host .portfolio-record-list .portfolio-record-row, .friend-page-host .sales-ledger > button { background-image: linear-gradient(90deg, rgb(243, 247, 239) 0px, rgb(243, 247, 239) 63px, rgb(217, 229, 202) 63px, rgb(217, 229, 202) 64px, transparent 64px) !important; }
html[data-theme="dark"] .friend-page-host .list-sort-bar--portfolio { background-image: linear-gradient(90deg,transparent 0 63px,#2a3933 63px 64px,transparent 64px),linear-gradient(180deg,color-mix(in srgb,var(--green) 14%,#101c17),#0e1a15); }
html[data-theme="dark"] .friend-page-host .list-sort-bar--sales { background-image: linear-gradient(90deg, rgb(23, 42, 34) 0px, rgb(23, 42, 34) 63px, rgb(42, 57, 51) 63px, rgb(42, 57, 51) 64px, transparent 64px); }
html[data-theme="dark"] .friend-page-host .portfolio-record-list .portfolio-record-row, html[data-theme="dark"] .friend-page-host .sales-ledger > button { background-image: linear-gradient(90deg, rgb(23, 42, 34) 0px, rgb(23, 42, 34) 63px, rgb(42, 57, 51) 63px, rgb(42, 57, 51) 64px, transparent 64px) !important; }
}
@media (width > 900px) {
.friend-page-host .list-sort-bar--directory { background-image: linear-gradient(90deg,transparent 0 63px,#d9e5ca 63px 64px,transparent 64px),linear-gradient(180deg,color-mix(in srgb,var(--green) 8%,#f6f9f3) 0%,#eef2ec 100%); }
.friend-page-host .list-sort-bar--directory .list-sort-number { color: rgb(98, 118, 111); }
.friend-page-host .directory-list .directory-row { background-image: linear-gradient(90deg, rgb(243, 247, 239) 0px, rgb(243, 247, 239) 63px, rgb(217, 229, 202) 63px, rgb(217, 229, 202) 64px, transparent 64px) !important; }
html[data-theme="dark"] .friend-page-host .list-sort-bar--directory { background-image: linear-gradient(90deg,transparent 0 63px,#2a3933 63px 64px,transparent 64px),linear-gradient(180deg,color-mix(in srgb,var(--green) 14%,#101c17),#0e1a15); }
html[data-theme="dark"] .friend-page-host .directory-list .directory-row { background-image: linear-gradient(90deg, rgb(23, 42, 34) 0px, rgb(23, 42, 34) 63px, rgb(42, 57, 51) 63px, rgb(42, 57, 51) 64px, transparent 64px) !important; }
}
@media (width > 1220px) {
.friend-page-host .list-sort-bar--portfolio, .friend-page-host .portfolio-record-list .portfolio-record-row { grid-template-columns: 36px minmax(160px, 1fr) minmax(280px, 1.5fr) minmax(130px, 0.7fr) minmax(110px, 0.6fr) 20px !important; }
}
@media (width > 760px) and (width <= 1220px) {
.friend-page-host .list-sort-bar--portfolio, .friend-page-host .portfolio-record-list .portfolio-record-row { grid-template-columns: 36px minmax(0px, 1.15fr) minmax(0px, 1fr) minmax(150px, 0.65fr) 22px !important; }
.friend-page-host .portfolio-record-row .portfolio-record-owner { grid-column-start: 2 !important; grid-column-end: -2 !important; }
.friend-page-host .portfolio-record-row .portfolio-record-price { grid-row-start: 1 !important; grid-column-start: 4 !important; grid-row-end: auto !important; grid-column-end: auto !important; }
.friend-page-host .portfolio-record-row > b { grid-row-start: 1 !important; grid-column-start: 5 !important; grid-row-end: auto !important; grid-column-end: auto !important; }
}
@media (width > 900px) {
.friend-page-host .list-sort-bar--directory, .friend-page-host .directory-list .directory-row { grid-template-columns: 36px 46px minmax(170px, 0.9fr) minmax(220px, 1.05fr) minmax(290px, 1.25fr) 22px !important; }
}
@media (width > 760px) and (width <= 900px) {
.friend-page-host .list-sort-bar--directory .list-sort-number { display: none; }
.friend-page-host .directory-list .directory-row { grid-template-columns: 36px 46px minmax(0px, 1fr) 22px !important; }
.friend-page-host .directory-list .directory-person { grid-column-start: 3 !important; grid-column-end: auto !important; }
.friend-page-host .directory-list .directory-contact { grid-column-start: 3 !important; grid-column-end: -1 !important; }
.friend-page-host .directory-list .directory-metrics { grid-column-start: 2 !important; grid-column-end: -1 !important; }
.friend-page-host .directory-list .directory-row > b { grid-column-start: 4 !important; grid-column-end: auto !important; }
}
@media (width > 760px) {
.friend-page-host .sales-ledger-panel { --sales-ledger-columns: 36px 145px minmax(240px,1.25fr) minmax(180px,.9fr) minmax(180px,.9fr) 140px 140px; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales, .friend-page-host .sales-ledger-panel .sales-ledger-head, .friend-page-host .sales-ledger-panel .sales-ledger > button { grid-template-columns: var(--sales-ledger-columns) !important; }
.friend-page-host .sales-ledger-panel .list-sort-bar--sales, .friend-page-host .sales-ledger-panel .sales-ledger-head, .friend-page-host .sales-ledger-panel .sales-ledger > button { min-width: 1090px; }
}
.friend-page-host .power-group > header { justify-content: flex-start !important; }
.friend-page-host .power-group > header > .power-group-index { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .power-group > header > .power-group-header-actions { margin-left: auto; }
@media (width <= 760px) {
.friend-page-host .list-sort-bar--portfolio .list-sort-number, .friend-page-host .list-sort-bar--directory .list-sort-number, .friend-page-host .list-sort-bar--sales .list-sort-number { display: none; }
.friend-page-host .portfolio-record-list .portfolio-record-row { grid-template-columns: 28px minmax(0px, 1fr) auto 16px !important; }
.friend-page-host .portfolio-record-row > .record-row-number { width: 26px; min-width: 26px; min-height: 26px; grid-column-start: 1 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; }
.friend-page-host .portfolio-record-row .portfolio-record-main { grid-column-start: 2 !important; grid-column-end: 4 !important; grid-row-start: 1 !important; grid-row-end: auto !important; }
.friend-page-host .portfolio-record-row > b { grid-column-start: 4 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; }
.friend-page-host .portfolio-record-row .portfolio-record-metrics { grid-column-start: 1 !important; grid-column-end: -1 !important; grid-row-start: 2 !important; grid-row-end: auto !important; }
.friend-page-host .portfolio-record-row .portfolio-record-owner { grid-column-start: 1 !important; grid-column-end: 3 !important; grid-row-start: 3 !important; grid-row-end: auto !important; }
.friend-page-host .portfolio-record-row .portfolio-record-price { grid-column-start: 3 !important; grid-column-end: -1 !important; grid-row-start: 3 !important; grid-row-end: auto !important; }
.friend-page-host .directory-list .directory-row { grid-template-columns: 28px 34px minmax(0px, 1fr) 16px !important; }
.friend-page-host .directory-row > .record-row-number { width: 26px; min-width: 26px; min-height: 26px; grid-column-start: 1 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; }
.friend-page-host .directory-row .directory-avatar { grid-column-start: 2 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; }
.friend-page-host .directory-row .directory-person { grid-column-start: 3 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; }
.friend-page-host .directory-row .directory-contact { grid-column-start: 1 !important; grid-column-end: -1 !important; grid-row-start: 2 !important; grid-row-end: auto !important; }
.friend-page-host .directory-row .directory-metrics { grid-column-start: 1 !important; grid-column-end: -1 !important; grid-row-start: 3 !important; grid-row-end: auto !important; }
.friend-page-host .directory-row > b { grid-column-start: 4 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; }
.friend-page-host .sales-ledger > button { position: relative; padding-left: 43px !important; }
.friend-page-host .sales-ledger > button > .record-row-number { position: absolute; top: 10px; left: 8px; width: 28px; min-width: 28px; min-height: 28px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .power-group > header > .power-group-index { width: 26px; min-width: 26px; min-height: 26px; }
}
.friend-page-host .security-log-list article { grid-template-columns: 36px auto minmax(0px, 1fr) auto; }
.friend-page-host .security-log-list article > .log-row-number { display: grid; align-items: center; justify-items: center; width: 32px; min-height: 32px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(213, 224, 210); border-right-color: rgb(213, 224, 210); border-bottom-color: rgb(213, 224, 210); border-left-color: rgb(213, 224, 210); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 243, 233); color: rgb(82, 100, 91); font-size: 12px; font-weight: 850; font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .friend-page-host .security-log-list article > .log-row-number { border-top-color: rgb(59, 81, 71); border-right-color: rgb(59, 81, 71); border-bottom-color: rgb(59, 81, 71); border-left-color: rgb(59, 81, 71); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); color: rgb(196, 211, 203); }
.friend-page-host .log-pagination.is-bottom { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(228, 233, 227); border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; margin-top: 14px; margin-bottom: 0px; padding-top: 14px; padding-bottom: 0px; }
html[data-theme="dark"] .friend-page-host .log-pagination.is-bottom { border-top-color: rgb(42, 57, 51); }
@media (width <= 760px) {
.friend-page-host .security-log-list article { grid-template-columns: 32px auto minmax(0px, 1fr) !important; }
.friend-page-host .security-log-list article > .log-row-number { grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; width: 28px; min-height: 28px; }
.friend-page-host .security-log-list article > .log-level { grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .security-log-list article > div { grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .security-log-list article > time { grid-column-start: 3; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; }
}
@media (width <= 420px) {
.friend-page-host .security-log-list article > .log-row-number { grid-row-start: 1; grid-row-end: 4; }
.friend-page-host .security-log-list article > div { grid-column-start: 2; grid-column-end: -1; grid-row-start: 2; grid-row-end: auto; }
.friend-page-host .security-log-list article > time { grid-column-start: 2; grid-column-end: -1; grid-row-start: 3; grid-row-end: auto; }
}
.friend-page-host .list-sort-bar--portfolio :is(.list-sort-kind, .list-sort-deed), .friend-page-host .portfolio-record-row :is(.portfolio-record-kind, .portfolio-record-deed) { min-width: 0px; }
.friend-page-host .list-sort-bar--portfolio :is(.list-sort-kind, .list-sort-deed) .list-sort-col { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(213, 227, 194); padding-left: 8px; }
.friend-page-host .portfolio-record-row :is(.portfolio-record-kind, .portfolio-record-deed) { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(228, 233, 227); padding-left: 9px; }
.friend-page-host .portfolio-record-row :is(.portfolio-record-kind, .portfolio-record-deed) small { display: block; color: rgb(130, 141, 134); font-size: 8px; }
.friend-page-host .portfolio-record-row :is(.portfolio-record-kind, .portfolio-record-deed) strong { display: block; margin-top: 3px; color: rgb(52, 66, 57); font-size: 10px; line-height: 1.3; overflow-wrap: anywhere; }
html[data-theme="dark"] .friend-page-host .list-sort-bar--portfolio :is(.list-sort-kind, .list-sort-deed) .list-sort-col { border-left-color: rgb(49, 70, 61); }
html[data-theme="dark"] .friend-page-host .portfolio-record-row :is(.portfolio-record-kind, .portfolio-record-deed) { border-left-color: rgb(42, 57, 51); }
html[data-theme="dark"] .friend-page-host .portfolio-record-row :is(.portfolio-record-kind, .portfolio-record-deed) strong { color: rgb(238, 243, 240); }
@media (width > 1350px) {
.friend-page-host .list-sort-bar--portfolio, .friend-page-host .portfolio-record-list .portfolio-record-row { row-gap: 9px; column-gap: 9px; grid-template-columns: 36px minmax(0px, 1.45fr) minmax(78px, 0.55fr) minmax(105px, 0.75fr) minmax(0px, 2.5fr) minmax(105px, 0.76fr) minmax(125px, 0.84fr) 20px !important; }
.friend-page-host .list-sort-bar--portfolio .list-sort-metrics, .friend-page-host .portfolio-record-metrics { grid-template-columns: minmax(0px, 0.7fr) minmax(0px, 0.8fr) minmax(0px, 1fr) minmax(0px, 1.15fr); }
.friend-page-host .portfolio-record-row .portfolio-record-owner { padding-left: 8px; }
.friend-page-host .portfolio-record-row .portfolio-record-main > span { display: none; }
}
@media (width > 760px) and (width <= 1350px) {
.friend-page-host .list-sort-bar--portfolio { flex-wrap: wrap; align-items: center; row-gap: 6px; column-gap: 6px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; background-image: linear-gradient(180deg,color-mix(in srgb,var(--green) 8%,#f6f9f3),#eef2ec); display: flex !important; }
html[data-theme="dark"] .friend-page-host .list-sort-bar--portfolio { background-image: linear-gradient(180deg,color-mix(in srgb,var(--green) 14%,#101c17),#0e1a15); }
.friend-page-host .list-sort-bar--portfolio :is(.list-sort-number, .list-sort-main, .list-sort-owner, .list-sort-chevron) { display: none !important; }
.friend-page-host .list-sort-bar--portfolio :is(.list-sort-kind, .list-sort-deed, .list-sort-metrics, .list-sort-price) { display: contents; }
.friend-page-host .list-sort-bar--portfolio .list-sort-col, .friend-page-host .list-sort-bar--portfolio :is(.list-sort-kind, .list-sort-deed, .list-sort-metrics) .list-sort-col { width: auto; min-height: 32px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; font-size: 10px; letter-spacing: 0px; }
.friend-page-host .portfolio-record-list .portfolio-record-row { row-gap: 8px; column-gap: 12px; grid-template-columns: 36px repeat(3, minmax(0px, 1fr)) 20px !important; }
.friend-page-host .portfolio-record-row > .record-row-number { grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .portfolio-record-row .portfolio-record-main { grid-column-start: 2; grid-column-end: 4; grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .portfolio-record-row .portfolio-record-main > span { display: none; }
.friend-page-host .portfolio-record-row .portfolio-record-price { grid-column-start: 4 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; }
.friend-page-host .portfolio-record-row > b { grid-column-start: 5; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .portfolio-record-row .portfolio-record-metrics { grid-column-start: 2; grid-column-end: 5; grid-row-start: 2; grid-row-end: auto; grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.friend-page-host .portfolio-record-row .portfolio-record-kind { grid-column-start: 2; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; }
.friend-page-host .portfolio-record-row .portfolio-record-deed { grid-column-start: 3; grid-column-end: auto; grid-row-start: 3; grid-row-end: auto; }
.friend-page-host .portfolio-record-row .portfolio-record-owner { grid-column-start: 4 !important; grid-column-end: auto !important; grid-row-start: 3 !important; grid-row-end: auto !important; }
}
@media (width <= 760px) {
.friend-page-host .list-sort-bar--portfolio :is(.list-sort-kind, .list-sort-deed) { display: contents; }
.friend-page-host .portfolio-record-row .portfolio-record-kind { display: none; }
.friend-page-host .portfolio-record-row .portfolio-record-deed { border-top-width: ; border-top-style: ; border-top-color: ; border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; grid-column-start: 1 !important; grid-column-end: -1 !important; grid-row-start: 3 !important; grid-row-end: auto !important; }
.friend-page-host .portfolio-record-row .portfolio-record-owner { grid-row-start: 4 !important; grid-row-end: auto !important; }
.friend-page-host .portfolio-record-row .portfolio-record-price { grid-row-start: 4 !important; grid-row-end: auto !important; }
.friend-page-host .portfolio-record-row .portfolio-record-deed small { font-size: 8px; }
.friend-page-host .portfolio-record-row .portfolio-record-deed strong { font-size: 11px; }
}
@media (width > 760px) {
.friend-page-host .portfolio-record-list .portfolio-record-row .portfolio-record-main { padding-left: 6px; }
}
@media (width > 760px) {
.friend-page-host .detail-drawer:not(.person-drawer) { width: min(448.5px, 96vw); }
}
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head { position: relative; display: block; padding-top: 20px; padding-right: 22px; padding-bottom: 18px; padding-left: 22px; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head > .property-drawer-title { width: 100%; min-width: 0px; display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; column-gap: 10px; }
.friend-page-host .detail-drawer:not(.person-drawer) .property-drawer-title > p { grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; min-height: 36px; padding-right: 56px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(203, 226, 63); font-size: 10px; font-weight: 850; letter-spacing: 0.12em; line-height: 1.2; align-items: center; display: flex; }
.friend-page-host .detail-drawer:not(.person-drawer) .property-drawer-title > h2 { grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; min-width: 0px; overflow-wrap: anywhere; margin-top: 7px; font-size: 20px; line-height: 1.16; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head-meta { grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; min-width: 0px; margin-top: 7px; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head-badges { display: flex; align-items: center; justify-content: flex-end; row-gap: 8px; column-gap: 8px; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head-badges .status { flex-grow: 0; flex-shrink: 1; flex-basis: auto; max-width: 100%; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; font-size: 11px; line-height: 1.2; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head-badges > strong { flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: rgb(255, 255, 255); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.08); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.18); border-right-color: rgba(255, 255, 255, 0.18); border-bottom-color: rgba(255, 255, 255, 0.18); border-left-color: rgba(255, 255, 255, 0.18); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; font-size: 14px; font-variant-numeric: tabular-nums; font-weight: 850; line-height: 1.2; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head > button { position: absolute; top: 6px; right: max(15px,env(safe-area-inset-right)); flex-grow: 0; flex-shrink: 0; flex-basis: 32px; width: 32px; min-width: 32px; height: 32px; min-height: 32px; font-size: 18px; line-height: 1; align-self: auto; }
@media (width <= 760px) {
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head { padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head > .property-drawer-title { column-gap: 6px; }
.friend-page-host .detail-drawer:not(.person-drawer) .property-drawer-title > h2 { font-size: 20px; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head-meta { margin-top: 7px; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head-badges { row-gap: 6px; column-gap: 6px; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head-badges .status { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 10px; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head-badges > strong { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 12px; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-head > button { top: 4px; right: max(12px,env(safe-area-inset-right)); flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 40px !important; width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; font-size: 19px !important; }
}
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-actions:has(> .complete-sale-btn):has(> .complete-sale-archive-btn) { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-actions:has(> .complete-sale-btn):has(> .complete-sale-archive-btn) > :is(.danger-btn, .complete-sale-btn) { grid-column-start: span 3 !important; grid-column-end: auto !important; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-actions:has(> .complete-sale-btn):has(> .complete-sale-archive-btn) > :is(.property-archive-btn, .property-edit-btn, .complete-sale-archive-btn) { grid-column-start: span 2 !important; grid-column-end: auto !important; }
.friend-page-host .detail-drawer:not(.person-drawer) .drawer-actions > button:not(.danger-btn) { color: rgb(75, 112, 0) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(241, 246, 232) !important; border-top-color: rgb(175, 199, 138) !important; border-right-color: rgb(175, 199, 138) !important; border-bottom-color: rgb(175, 199, 138) !important; border-left-color: rgb(175, 199, 138) !important; box-shadow: none !important; }
.friend-page-host .tkgm-zoning-panel { min-width: 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .tkgm-zoning-toggle { display: grid; grid-template-columns: 42px minmax(0px, 1fr) auto; row-gap: 10px; column-gap: 10px; align-items: center; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; color: var(--text,#174b3d); cursor: pointer; list-style-position: initial; list-style-image: initial; list-style-type: none; user-select: none; }
.friend-page-host .tkgm-zoning-toggle::-webkit-details-marker { display: none; }
.friend-page-host .tkgm-zoning-toggle::marker { content: ""; }
.friend-page-host .tkgm-zoning-toggle > b { width: 42px; height: 42px; display: grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: color-mix(in srgb, rgb(13, 75, 61) 12%, transparent 88%); color: rgb(13, 75, 61); }
.friend-page-host .tkgm-zoning-toggle > span { display: flex; flex-direction: column; row-gap: 3px; column-gap: 3px; min-width: 0px; }
.friend-page-host .tkgm-zoning-toggle strong { font-size: 13px; font-weight: 600; line-height: 1.35; }
.friend-page-host .tkgm-zoning-toggle small { color: var(--muted,#73817a); font-size: 11px; line-height: 1.4; }
.friend-page-host .tkgm-zoning-toggle > em { font-style: normal; font-size: 16px; line-height: 1; opacity: 0.6; transition-behavior: normal; transition-duration: 0.15s; transition-timing-function: ease; transition-delay: 0s; transition-property: transform; }
.friend-page-host .tkgm-zoning-panel[open] > .tkgm-zoning-toggle { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: color-mix(in srgb, rgb(13, 75, 61) 4%, transparent 96%); }
.friend-page-host .tkgm-zoning-panel[open] > .tkgm-zoning-toggle > em { transform: rotate(180deg); }
.friend-page-host .tkgm-zoning-toggle:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: color-mix(in srgb, rgb(13, 75, 61) 6%, transparent 94%); }
.friend-page-host .tkgm-zoning-toggle:focus-visible { outline-color: ; outline-style: ; outline-width: ; outline-offset: -3px; }
.friend-page-host .tkgm-zoning-body { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; min-width: 0px; }
.friend-page-host .tkgm-zoning-select { display: grid; row-gap: 6px; column-gap: 6px; margin-bottom: 14px; min-width: 0px; }
.friend-page-host .tkgm-zoning-select > span { font-size: 11px; font-weight: 650; color: var(--muted,#73817a); }
.friend-page-host .tkgm-zoning-select > select { width: 100%; min-width: 0px; min-height: 44px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--text,#174b3d); padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; }
.friend-page-host .tkgm-zoning-empty { margin-top: 0px; margin-right: 0px; margin-bottom: 14px; margin-left: 0px; color: var(--muted,#73817a); font-size: 12px; line-height: 1.6; }
.friend-page-host .tkgm-zoning-cards { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 14px; column-gap: 14px; }
.friend-page-host .tkgm-zoning-card { display: flex; flex-direction: column; row-gap: 14px; column-gap: 14px; min-width: 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .tkgm-zoning-card.is-ready { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; }
.friend-page-host .tkgm-zoning-card-head { display: flex; align-items: flex-start; justify-content: space-between; row-gap: 10px; column-gap: 10px; }
.friend-page-host .tkgm-zoning-card-head > div { min-width: 0px; }
.friend-page-host .tkgm-zoning-card-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 15px; line-height: 1.4; font-weight: 650; color: var(--text,#174b3d); }
.friend-page-host .tkgm-zoning-card-head p { margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; line-height: 1.4; color: var(--muted,#73817a); }
.friend-page-host .tkgm-zoning-status { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--muted,#73817a); font-size: 10px; font-weight: 650; line-height: 1.2; }
.friend-page-host .tkgm-zoning-status.ready { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 218); color: rgb(86, 127, 0); }
.friend-page-host .tkgm-zoning-fields { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 12px; column-gap: 10px; }
.friend-page-host .tkgm-zoning-field { display: grid; row-gap: 5px; column-gap: 5px; min-width: 0px; }
.friend-page-host .tkgm-zoning-field:nth-child(3) { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .tkgm-zoning-field > span { font-size: 10px; font-weight: 600; color: var(--muted,#73817a); line-height: 1.3; }
.friend-page-host .tkgm-zoning-field > input { width: 100%; min-width: 0px; height: 40px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--text,#174b3d); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; }
.friend-page-host .tkgm-zoning-field > input::placeholder { color: var(--muted,#73817a); opacity: 0.7; }
.friend-page-host .tkgm-zoning-ineligible { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--muted,#73817a); font-size: 11px; line-height: 1.5; }
.friend-page-host .tkgm-zoning-submit { width: 100%; min-height: 42px; margin-top: auto; font-size: 12px !important; }
.friend-page-host .tkgm-zoning-submit:disabled { cursor: default; opacity: 0.5; box-shadow: none; }
.friend-page-host .tkgm-zoning-parcels { display: grid; row-gap: 10px; column-gap: 10px; min-width: 0px; }
.friend-page-host .tkgm-zoning-parcel { display: grid; row-gap: 10px; column-gap: 10px; min-width: 0px; }
.friend-page-host .tkgm-zoning-parcel.is-multiple { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .tkgm-zoning-selection { display: flex; align-items: center; justify-content: space-between; row-gap: 10px; column-gap: 10px; font-size: 11px; color: var(--muted,#73817a); }
.friend-page-host .tkgm-zoning-selection > label, .friend-page-host .tkgm-zoning-parcel-head > label { display: flex; align-items: center; row-gap: 9px; column-gap: 9px; min-width: 0px; cursor: pointer; }
.friend-page-host .tkgm-zoning-selection input, .friend-page-host .tkgm-zoning-parcel-head input { width: 17px; height: 17px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; accent-color: var(--green,#639500); }
.friend-page-host .tkgm-zoning-parcel-head { display: flex; justify-content: space-between; align-items: flex-start; row-gap: 10px; column-gap: 10px; min-width: 0px; }
.friend-page-host .tkgm-zoning-parcel-head > label > span { display: grid; row-gap: 4px; column-gap: 4px; min-width: 0px; overflow-wrap: anywhere; }
.friend-page-host .tkgm-zoning-parcel-head strong { font-size: 12px; line-height: 1.4; font-weight: 650; color: var(--text,#174b3d); }
.friend-page-host .tkgm-zoning-parcel-head small { font-size: 10px; line-height: 1.4; color: var(--muted,#73817a); }
.friend-page-host .tkgm-zoning-parcel-status { flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 10px; line-height: 1.4; color: var(--muted,#73817a); }
.friend-page-host .tkgm-zoning-parcel-submit { justify-self: end; min-height: 34px; padding-top: 6px; padding-right: 11px; padding-bottom: 6px; padding-left: 11px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--text,#174b3d); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11px; cursor: pointer; }
.friend-page-host .tkgm-zoning-parcel-submit:disabled { cursor: default; opacity: 0.5; }
.friend-page-host .tkgm-zoning-progress { display: flex; flex-wrap: wrap; align-items: center; row-gap: 8px; column-gap: 8px; font-size: 11px; color: var(--muted,#73817a); }
.friend-page-host .tkgm-zoning-progress > progress { width: 100%; height: 7px; accent-color: var(--green,#639500); order: 1; }
.friend-page-host .tkgm-zoning-progress > button { margin-left: auto; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--text,#174b3d); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11px; cursor: pointer; }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-parcel.is-multiple { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 35, 26); border-top-color: rgb(58, 81, 68); border-right-color: rgb(58, 81, 68); border-bottom-color: rgb(58, 81, 68); border-left-color: rgb(58, 81, 68); }
html[data-theme="dark"] .friend-page-host :is(.tkgm-zoning-parcel-submit, .tkgm-zoning-progress > button) { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(21, 40, 31); border-top-color: rgb(58, 81, 68); border-right-color: rgb(58, 81, 68); border-bottom-color: rgb(58, 81, 68); border-left-color: rgb(58, 81, 68); color: rgb(226, 234, 230); }
@media (width <= 480px) {
.friend-page-host .tkgm-zoning-parcel-head { flex-wrap: wrap; }
.friend-page-host .tkgm-zoning-parcel-status { padding-left: 26px; }
.friend-page-host .tkgm-zoning-card-head { flex-wrap: wrap; }
}
.friend-page-host .tkgm-zoning-note { margin-top: 13px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; line-height: 1.5; color: var(--muted,#73817a); }
.friend-page-host .tkgm-zoning-result { display: grid; row-gap: 7px; column-gap: 7px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(212, 229, 183); border-right-color: rgb(212, 229, 183); border-bottom-color: rgb(212, 229, 183); border-left-color: rgb(212, 229, 183); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 237); color: rgb(66, 105, 0); overflow-wrap: anywhere; }
.friend-page-host .tkgm-zoning-result > strong { font-size: 12px; }
.friend-page-host .tkgm-zoning-result > p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; line-height: 1.5; }
.friend-page-host .tkgm-zoning-result > a { justify-self: start; color: rgb(66, 105, 0); font-size: 12px; font-weight: 650; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-underline-offset: 3px; }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-panel { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(18, 35, 28); border-top-color: rgb(48, 70, 59); border-right-color: rgb(48, 70, 59); border-bottom-color: rgb(48, 70, 59); border-left-color: rgb(48, 70, 59); }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-toggle { color: rgb(226, 234, 230); }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-toggle > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 72, 58); color: rgb(176, 207, 139); }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-toggle small, html[data-theme="dark"] .friend-page-host :is(.tkgm-zoning-select > span, .tkgm-zoning-empty, .tkgm-zoning-card-head p, .tkgm-zoning-field > span, .tkgm-zoning-ineligible, .tkgm-zoning-note) { color: rgb(162, 180, 169); }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(21, 40, 31); border-top-color: rgb(58, 81, 68); border-right-color: rgb(58, 81, 68); border-bottom-color: rgb(58, 81, 68); border-left-color: rgb(58, 81, 68); }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-card.is-ready { border-top-color: rgb(87, 121, 59); border-right-color: rgb(87, 121, 59); border-bottom-color: rgb(87, 121, 59); border-left-color: rgb(87, 121, 59); }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-card-head h2 { color: rgb(226, 234, 230); }
html[data-theme="dark"] .friend-page-host :is(.tkgm-zoning-field > input, .tkgm-zoning-select > select) { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 35, 26); color: rgb(226, 234, 230); border-top-color: rgb(58, 81, 68); border-right-color: rgb(58, 81, 68); border-bottom-color: rgb(58, 81, 68); border-left-color: rgb(58, 81, 68); }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-status { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(37, 60, 48); color: rgb(162, 180, 169); }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-status.ready { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(45, 70, 32); color: rgb(190, 219, 145); }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-result { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(33, 51, 27); border-top-color: rgb(71, 100, 55); border-right-color: rgb(71, 100, 55); border-bottom-color: rgb(71, 100, 55); border-left-color: rgb(71, 100, 55); color: rgb(195, 220, 157); }
html[data-theme="dark"] .friend-page-host .tkgm-zoning-result > a { color: rgb(195, 220, 157); }
@media (width <= 1000px) {
.friend-page-host .tkgm-zoning-cards { grid-template-columns: 1fr; }
}
@media (width <= 760px) {
.friend-page-host .tkgm-zoning-toggle { grid-template-columns: 38px minmax(0px, 1fr) auto; row-gap: 8px; column-gap: 8px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; }
.friend-page-host .tkgm-zoning-toggle > b { width: 38px; height: 38px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .tkgm-zoning-toggle strong { font-size: 13px; }
.friend-page-host .tkgm-zoning-toggle small { font-size: 10px; }
.friend-page-host .tkgm-zoning-body { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .tkgm-zoning-card { padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; row-gap: 12px; column-gap: 12px; }
.friend-page-host .tkgm-zoning-card-head h2 { font-size: 14px; }
.friend-page-host .tkgm-zoning-select > select { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .tkgm-zoning-toggle > em { transition-behavior: normal; transition-duration: 0s; transition-timing-function: ease; transition-delay: 0s; transition-property: none; }
}
.friend-page-host .backup-export-grid > .backup-card:only-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .settings-backup.settings-backup .backup-workspace { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); align-items: stretch; row-gap: 15px; column-gap: 15px; min-width: 0px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace > .backup-export-grid { display: grid; min-width: 0px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace :is(.backup-card, .backup-restore) { min-width: 0px; min-height: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-card { display: grid; grid-template-columns: 42px minmax(0px, 1fr); align-content: start; align-items: start; row-gap: 14px; column-gap: 14px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-icon { width: 42px; height: 42px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-card > div > span { min-height: 0px; margin-top: 6px; font-size: 12px; line-height: 1.55; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-card > button { grid-column-start: 1; grid-column-end: -1; align-self: end; min-height: 42px; margin-top: 0px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-card { grid-template-rows: auto 1fr; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore { display: flex; flex-direction: column; row-gap: 8px; column-gap: 8px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore > .panel-head { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; min-height: 0px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore > .panel-head p { margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; font-size: 11px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore > .panel-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 21px; line-height: 1.2; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .restore-warning { display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; border-left-width: 3px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .restore-warning strong { display: none; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .restore-warning span { font-size: 11px; line-height: 1.5; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore form { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: stretch; row-gap: 10px; column-gap: 10px; margin-top: auto; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-picker { min-width: 0px; min-height: 50px; padding-top: 8px; padding-right: 11px; padding-bottom: 8px; padding-left: 11px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-picker > span { font-size: 12px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-picker > small { font-size: 9px; line-height: 1.4; overflow-wrap: anywhere; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore form > button { min-height: 42px; align-self: stretch; padding-top: 9px; padding-right: 13px; padding-bottom: 9px; padding-left: 13px; font-size: 11px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-operation-progress { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-result { margin-top: 0px; }
@media (width <= 1050px) {
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore form { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore form > button { width: 100%; }
}
@media (width <= 700px) {
.friend-page-host .settings-backup.settings-backup .backup-workspace { grid-template-columns: minmax(0px, 1fr); row-gap: 12px; column-gap: 12px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace :is(.backup-card, .backup-restore) { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-card { grid-template-rows: auto auto; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore form { grid-template-columns: minmax(0px, 1fr) auto; }
}
@media (width <= 430px) {
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore form { grid-template-columns: minmax(0px, 1fr); }
}
.friend-page-host .settings-backup.settings-backup > .backup-hero { padding-top: 16px !important; padding-right: 20px !important; padding-bottom: 16px !important; padding-left: 20px !important; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-card { min-height: 0px !important; padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important; grid-template-columns: 42px minmax(0px, 1fr) !important; grid-template-rows: auto 1fr !important; row-gap: 12px !important; column-gap: 12px !important; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore > .panel-head { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .restore-warning { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 7px !important; padding-right: 9px !important; padding-bottom: 7px !important; padding-left: 9px !important; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore form { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: stretch !important; row-gap: 10px !important; column-gap: 10px !important; }
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-picker { min-height: 50px !important; padding-top: 8px !important; padding-right: 11px !important; padding-bottom: 8px !important; padding-left: 11px !important; }
@media (width <= 430px) {
.friend-page-host .settings-backup.settings-backup .backup-workspace .backup-restore form { grid-template-columns: minmax(0px, 1fr) !important; }
}
.friend-page-host #power-list-start .power-documents { row-gap: 10px; column-gap: 10px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; overflow-x: visible; overflow-y: visible; }
.friend-page-host #power-list-start .power-documents > .power-record { display: block; width: 100%; min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host #power-list-start .power-record-main { display: flex; align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 16px; padding-right: 18px; padding-bottom: 16px; padding-left: 18px; min-width: 0px; }
.friend-page-host #power-list-start .power-record-index { flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-width: 22px; color: var(--muted); font-size: 12px; font-weight: 700; text-align: center; }
.friend-page-host #power-list-start .power-record-owner { display: flex; align-items: center; row-gap: 12px; column-gap: 12px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; min-width: 0px; width: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: var(--ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-align: left; cursor: pointer; }
.friend-page-host #power-list-start .power-record-avatar { display: grid; align-items: center; justify-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: 42px; width: 42px; height: 42px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); color: rgb(78, 117, 0); font-size: 12px; font-weight: 850; }
.friend-page-host #power-list-start .power-record-name { display: block; min-width: 0px; font-size: 16px; font-weight: 800; line-height: 1.4; overflow-wrap: anywhere; }
.friend-page-host #power-list-start .power-record-name small { display: block; margin-bottom: 3px; color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: 0.06em; }
.friend-page-host #power-list-start .power-record-name strong { display: block; font-size: inherit; font-weight: 800; }
.friend-page-host #power-list-start .power-record-meta { display: flex; align-items: center; justify-content: flex-end; row-gap: 24px; column-gap: 24px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-width: 0px; }
.friend-page-host #power-list-start .power-record-type { display: inline-flex; align-items: center; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); color: rgb(76, 115, 0); font-size: 12px; font-weight: 750; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host #power-list-start .power-record-date { display: grid; row-gap: 3px; column-gap: 3px; min-width: 115px; font-size: 13px; font-weight: 700; line-height: 1.4; }
.friend-page-host #power-list-start .power-record-date small { color: var(--muted); font-size: 11px; font-weight: 500; }
.friend-page-host #power-list-start .power-record-footer { display: flex; align-items: center; flex-wrap: wrap; row-gap: 10px; column-gap: 10px; padding-top: 10px; padding-right: 18px; padding-bottom: 10px; padding-left: 18px; border-top-width: ; border-top-style: ; border-top-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 249, 245); }
.friend-page-host #power-list-start .power-record-file { display: flex; align-items: center; row-gap: 9px; column-gap: 9px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; color: var(--muted); font-size: 12px; }
.friend-page-host #power-list-start .power-record-file b { display: inline-grid; align-items: center; justify-items: center; min-height: 25px; padding-top: 0px; padding-right: 7px; padding-bottom: 0px; padding-left: 7px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 228, 203); border-right-color: rgb(217, 228, 203); border-bottom-color: rgb(217, 228, 203); border-left-color: rgb(217, 228, 203); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(76, 115, 0); font-size: 10px; letter-spacing: 0.04em; }
.friend-page-host #power-list-start .power-record-actions, .friend-page-host #power-list-start .power-record-source-actions { display: flex; align-items: center; row-gap: 6px; column-gap: 6px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: auto; min-width: 0px; }
.friend-page-host #power-list-start :is(.power-record-actions, .power-record-source-actions) :is(a, button) { display: inline-flex; align-items: center; justify-content: center; min-height: 35px; width: auto; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 223, 214); border-right-color: rgb(217, 223, 214); border-bottom-color: rgb(217, 223, 214); border-left-color: rgb(217, 223, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(77, 102, 86); font-family: inherit; font-size: 12px; font-weight: 700; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; white-space-collapse: collapse; text-wrap-mode: nowrap; cursor: pointer; }
.friend-page-host #power-list-start .power-record-actions a:first-child { border-top-color: rgb(0, 80, 60); border-right-color: rgb(0, 80, 60); border-bottom-color: rgb(0, 80, 60); border-left-color: rgb(0, 80, 60); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 80, 60); color: rgb(255, 255, 255); }
.friend-page-host #power-list-start :is(.power-record-actions, .power-record-source-actions) :is(a, button):hover { filter: brightness(0.96); }
.friend-page-host #power-list-start :is(.power-record-owner, .power-record-actions a, .power-record-actions button, .power-record-details summary, .power-record-source-actions button):focus-visible { outline-color: ; outline-style: ; outline-width: ; outline-offset: 3px; }
.friend-page-host #power-list-start .power-record-details { flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-width: 0px; margin-left: 2px; color: var(--muted); font-size: 12px; }
.friend-page-host #power-list-start .power-record-details > summary { padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; cursor: pointer; list-style-position: initial; list-style-image: initial; list-style-type: none; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host #power-list-start .power-record-details > summary::-webkit-details-marker { display: none; }
.friend-page-host #power-list-start .power-record-details > summary::after { content: "⌄"; display: inline-block; margin-left: 6px; font-size: 13px; }
.friend-page-host #power-list-start .power-record-details[open] { flex-basis: 100%; margin-left: 0px; }
.friend-page-host #power-list-start .power-record-details[open] > summary::after { transform: rotate(180deg); }
.friend-page-host #power-list-start .power-record-source-list { display: grid; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host #power-list-start .power-record-source { display: flex; align-items: center; justify-content: space-between; row-gap: 16px; column-gap: 16px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; min-width: 0px; }
.friend-page-host #power-list-start .power-record-source + .power-record-source { border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host #power-list-start .power-record-source-info { display: grid; row-gap: 3px; column-gap: 3px; min-width: 0px; }
.friend-page-host #power-list-start .power-record-source-info strong { color: var(--ink); font-size: 12px; font-weight: 600; overflow-wrap: anywhere; }
.friend-page-host #power-list-start .power-record-source-info small { font-size: 11px; }
.friend-page-host #power-list-start .power-record-source-actions button:last-child { color: rgb(155, 77, 64); border-top-color: rgb(236, 212, 207); border-right-color: rgb(236, 212, 207); border-bottom-color: rgb(236, 212, 207); border-left-color: rgb(236, 212, 207); }
.friend-page-host #power-list-start button:disabled { cursor: default; opacity: 0.55; }
html[data-theme="dark"] .friend-page-host #power-list-start .power-record-footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(22, 39, 32); }
html[data-theme="dark"] .friend-page-host #power-list-start .power-record-avatar, html[data-theme="dark"] .friend-page-host #power-list-start .power-record-type { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 59, 33); color: rgb(194, 211, 82); }
html[data-theme="dark"] .friend-page-host #power-list-start .power-record-file b { border-top-color: rgb(66, 84, 58); border-right-color: rgb(66, 84, 58); border-bottom-color: rgb(66, 84, 58); border-left-color: rgb(66, 84, 58); color: rgb(194, 211, 82); }
html[data-theme="dark"] .friend-page-host #power-list-start :is(.power-record-actions, .power-record-source-actions) :is(a, button) { border-top-color: rgb(59, 76, 66); border-right-color: rgb(59, 76, 66); border-bottom-color: rgb(59, 76, 66); border-left-color: rgb(59, 76, 66); color: rgb(220, 231, 223); }
html[data-theme="dark"] .friend-page-host #power-list-start .power-record-actions a:first-child { border-top-color: rgb(56, 119, 87); border-right-color: rgb(56, 119, 87); border-bottom-color: rgb(56, 119, 87); border-left-color: rgb(56, 119, 87); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 87, 64); color: rgb(255, 255, 255); }
html[data-theme="dark"] .friend-page-host #power-list-start .power-record-source-actions button:last-child { border-top-color: rgb(112, 76, 67); border-right-color: rgb(112, 76, 67); border-bottom-color: rgb(112, 76, 67); border-left-color: rgb(112, 76, 67); color: rgb(237, 179, 166); }
@media (max-width: 900px) {
.friend-page-host #power-list-start .power-record-main { row-gap: 10px; column-gap: 10px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }
.friend-page-host #power-list-start .power-record-meta { row-gap: 14px; column-gap: 14px; }
.friend-page-host #power-list-start .power-record-footer { padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; }
}
@media (max-width: 640px) {
.friend-page-host #power-list-start .power-documents { row-gap: 10px; column-gap: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host #power-list-start .power-record-main { display: grid; grid-template-columns: 20px minmax(0px, 1fr); row-gap: 10px; column-gap: 10px; }
.friend-page-host #power-list-start .power-record-owner { width: 100%; }
.friend-page-host #power-list-start .power-record-avatar { flex-basis: 36px; width: 36px; height: 36px; font-size: 11px; }
.friend-page-host #power-list-start .power-record-name { font-size: 15px; }
.friend-page-host #power-list-start .power-record-meta { grid-column-start: 2; grid-column-end: auto; justify-content: space-between; row-gap: 12px; column-gap: 12px; flex-wrap: wrap; }
.friend-page-host #power-list-start .power-record-date { min-width: 0px; font-size: 12px; }
.friend-page-host #power-list-start .power-record-type { font-size: 11px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; }
.friend-page-host #power-list-start .power-record-file { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; }
.friend-page-host #power-list-start .power-record-actions { display: flex; flex-wrap: wrap; flex-grow: 1; flex-shrink: 1; flex-basis: auto; row-gap: 6px; column-gap: 6px; }
.friend-page-host #power-list-start .power-record-actions :is(a, button) { min-height: 38px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; font-size: 11px; }
.friend-page-host #power-list-start .power-record-details { margin-left: 0px; }
.friend-page-host #power-list-start .power-record-source { align-items: flex-start; flex-wrap: wrap; row-gap: 8px; column-gap: 8px; }
.friend-page-host #power-list-start .power-record-source-actions { margin-left: auto; }
}

/* public/360/assets/project-font.css */
.friend-page-host, .friend-page-host { --korfez-project-font: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --font-sans: var(--korfez-project-font) !important; --default-font-family: var(--korfez-project-font) !important; }
.friend-page-host, .friend-page-host, .friend-page-host, .friend-page-host .app-shell, .friend-page-host .twin-app-shell { font-synthesis-weight: none; font-synthesis-style: none; font-synthesis-small-caps: none; font-family: var(--korfez-project-font) !important; }
.friend-page-host :not(code):not(pre):not(kbd):not(samp), .friend-page-host button, .friend-page-host input, .friend-page-host select, .friend-page-host textarea, .friend-page-host option, .friend-page-host optgroup { font-family: var(--korfez-project-font) !important; }

/* public/360/assets/project-shell.css */
.friend-page-host { --sidebar-width: 254px; --korfez-shell-bg: #0d4b3d; --korfez-nav-text: #d5e3dd; --korfez-nav-muted: #9eb5ad; --korfez-nav-accent: #c2d352; --korfez-nav-divider: rgba(145,190,91,.3); --korfez-nav-divider-soft: rgba(194,211,82,.14); }
.friend-page-host .tkgm-test-page .tkgm-history-panel { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; min-width: 0px; overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .tkgm-history-head { display: flex; align-items: center; justify-content: space-between; row-gap: 16px; column-gap: 16px; padding-top: 20px; padding-right: 22px; padding-bottom: 20px; padding-left: 22px; border-left-width: ; border-left-style: ; border-left-color: ; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .tkgm-history-head > div:first-child { min-width: 0px; }
.friend-page-host .tkgm-history-head p { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; color: var(--green,#639500); font-size: 10px; font-weight: 650; letter-spacing: 1.2px; }
.friend-page-host .tkgm-history-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--text,#174b3d); font-size: 20px; font-weight: 600; line-height: 1.35; }
.friend-page-host .tkgm-history-head > div > span { display: block; margin-top: 6px; color: var(--muted,#73817a); font-size: 11px; line-height: 1.5; }
.friend-page-host .tkgm-history-tools { display: flex; align-items: center; row-gap: 9px; column-gap: 9px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .tkgm-history-tools .tkgm-history-count { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 224); color: rgb(86, 127, 0); font-weight: 650; font-size: 11px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .tkgm-history-tools button, .friend-page-host .tkgm-history-error button, .friend-page-host .tkgm-history-restore, .friend-page-host .tkgm-history-save-warning button { min-height: 36px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(202, 218, 184); border-right-color: rgb(202, 218, 184); border-bottom-color: rgb(202, 218, 184); border-left-color: rgb(202, 218, 184); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 246, 232); color: rgb(82, 123, 0); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 11px; font-weight: 600; cursor: pointer; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .tkgm-history-tools button:disabled, .friend-page-host .tkgm-history-restore:disabled, .friend-page-host .tkgm-history-save-warning button:disabled { opacity: 0.55; cursor: default; }
.friend-page-host .tkgm-history-status, .friend-page-host .tkgm-history-empty { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; padding-right: 22px; padding-bottom: 20px; padding-left: 22px; font-size: 12px; color: var(--muted,#73817a); line-height: 1.6; }
.friend-page-host .tkgm-history-error { display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; margin-top: 14px; margin-right: 18px; margin-bottom: 14px; margin-left: 18px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(239, 201, 195); border-right-color: rgb(239, 201, 195); border-bottom-color: rgb(239, 201, 195); border-left-color: rgb(239, 201, 195); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 243, 241); color: rgb(161, 66, 55); font-size: 12px; line-height: 1.5; }
.friend-page-host .tkgm-history-days { padding-top: 14px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; display: grid; row-gap: 12px; column-gap: 12px; min-width: 0px; }
.friend-page-host .tkgm-history-footer { display: flex; flex-direction: column; align-items: center; row-gap: 10px; column-gap: 10px; padding-top: 0px; padding-right: 18px; padding-bottom: 20px; padding-left: 18px; text-align: center; }
.friend-page-host .tkgm-history-footer > span { font-size: 11px; color: var(--muted,#73817a); line-height: 1.5; }
.friend-page-host .tkgm-history-load-more { min-height: 40px; padding-top: 10px; padding-right: 24px; padding-bottom: 10px; padding-left: 24px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(202, 218, 184); border-right-color: rgb(202, 218, 184); border-bottom-color: rgb(202, 218, 184); border-left-color: rgb(202, 218, 184); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 246, 232); color: rgb(82, 123, 0); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.friend-page-host .tkgm-history-load-more:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(231, 239, 217); }
.friend-page-host .tkgm-history-load-more:disabled { opacity: 0.55; cursor: default; }
.friend-page-host .tkgm-history-day { min-width: 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .tkgm-history-day-toggle, .friend-page-host .tkgm-history-entry-toggle { display: flex; align-items: center; row-gap: 12px; column-gap: 12px; list-style-position: initial; list-style-image: initial; list-style-type: none; cursor: pointer; min-width: 0px; }
.friend-page-host .tkgm-history-day-toggle::-webkit-details-marker, .friend-page-host .tkgm-history-entry-toggle::-webkit-details-marker { display: none; }
.friend-page-host .tkgm-history-day-toggle::marker, .friend-page-host .tkgm-history-entry-toggle::marker { content: ""; }
.friend-page-host .tkgm-history-day-toggle { padding-top: 13px; padding-right: 15px; padding-bottom: 13px; padding-left: 15px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--text,#174b3d); }
.friend-page-host .tkgm-history-day-toggle strong { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; font-size: 13px; font-weight: 600; line-height: 1.5; }
.friend-page-host .tkgm-history-day-toggle > span:not(.tkgm-history-chevron) { font-size: 11px; color: var(--muted,#73817a); white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .tkgm-history-chevron { flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 15px; color: var(--muted,#73817a); transition-behavior: normal; transition-duration: 0.15s; transition-timing-function: ease; transition-delay: 0s; transition-property: transform; }
.friend-page-host .tkgm-history-day[open] > .tkgm-history-day-toggle > .tkgm-history-chevron, .friend-page-host .tkgm-history-entry[open] > .tkgm-history-entry-toggle > .tkgm-history-chevron { transform: rotate(180deg); }
.friend-page-host .tkgm-history-day-entries { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: grid; row-gap: 8px; column-gap: 8px; border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .tkgm-history-entry { min-width: 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .tkgm-history-entry-toggle { padding-top: 12px; padding-right: 13px; padding-bottom: 12px; padding-left: 13px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--text,#174b3d); }
.friend-page-host .tkgm-history-entry-toggle > time { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 44px; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }
.friend-page-host .tkgm-history-entry-title { display: grid; row-gap: 4px; column-gap: 4px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; }
.friend-page-host .tkgm-history-entry-title > strong { font-size: 12px; font-weight: 600; overflow-wrap: anywhere; line-height: 1.5; }
.friend-page-host .tkgm-history-entry-title > span { font-size: 10px; color: var(--muted,#73817a); line-height: 1.5; }
.friend-page-host .tkgm-history-entry-body { display: grid; row-gap: 12px; column-gap: 12px; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; border-top-width: ; border-top-style: ; border-top-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .tkgm-history-restore { justify-self: end; }
.friend-page-host .tkgm-history-properties { display: grid; row-gap: 8px; column-gap: 8px; min-width: 0px; }
.friend-page-host .tkgm-history-property { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; min-width: 0px; }
.friend-page-host .tkgm-history-property-heading { display: flex; align-items: center; row-gap: 10px; column-gap: 10px; min-width: 0px; }
.friend-page-host .tkgm-history-property-number { display: grid; align-items: center; justify-items: center; width: 27px; height: 27px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 224); color: rgb(82, 123, 0); font-size: 11px; font-weight: 650; }
.friend-page-host .tkgm-history-property-heading > div { display: grid; row-gap: 4px; column-gap: 4px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; }
.friend-page-host .tkgm-history-property-heading strong { font-size: 12px; font-weight: 600; color: var(--text,#174b3d); overflow-wrap: anywhere; line-height: 1.5; }
.friend-page-host .tkgm-history-property-heading > div > span { font-size: 11px; color: var(--muted,#73817a); line-height: 1.5; }
.friend-page-host .tkgm-history-property-heading > a, .friend-page-host .tkgm-history-municipality > a { flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: center; color: rgb(82, 123, 0); font-size: 11px; font-weight: 600; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-underline-offset: 3px; line-height: 1.5; }
.friend-page-host .tkgm-history-facts, .friend-page-host .tkgm-history-note, .friend-page-host .tkgm-history-warning { margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; color: var(--muted,#73817a); }
.friend-page-host .tkgm-history-warning { color: rgb(168, 107, 25); }
.friend-page-host .tkgm-history-municipalities { display: grid; row-gap: 8px; column-gap: 8px; }
.friend-page-host .tkgm-history-municipalities > h3 { margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px; font-weight: 600; color: var(--text,#174b3d); }
.friend-page-host .tkgm-history-municipality { display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(212, 229, 183); border-right-color: rgb(212, 229, 183); border-bottom-color: rgb(212, 229, 183); border-left-color: rgb(212, 229, 183); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 237); min-width: 0px; }
.friend-page-host .tkgm-history-municipality > div { display: grid; row-gap: 4px; column-gap: 4px; min-width: 0px; }
.friend-page-host .tkgm-history-municipality strong { color: var(--text,#174b3d); font-size: 12px; font-weight: 600; line-height: 1.5; }
.friend-page-host .tkgm-history-municipality span, .friend-page-host .tkgm-history-municipality p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--muted,#73817a); font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.friend-page-host .tkgm-history-save-warning { display: grid; row-gap: 7px; column-gap: 7px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 211, 169); border-right-color: rgb(227, 211, 169); border-bottom-color: rgb(227, 211, 169); border-left-color: rgb(227, 211, 169); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 250, 235); color: rgb(138, 102, 37); font-size: 11px; line-height: 1.5; }
.friend-page-host .tkgm-history-save-warning p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .tkgm-history-save-warning button { justify-self: start; }
.friend-page-host .tkgm-history-day-toggle:hover, .friend-page-host .tkgm-history-entry-toggle:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .tkgm-history-panel :is(summary, button, a):focus-visible, .friend-page-host .tkgm-history-save-warning button:focus-visible { outline-color: ; outline-style: ; outline-width: ; outline-offset: 2px; }
html[data-theme="dark"] .friend-page-host .tkgm-history-panel { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 37, 29); border-top-color: rgb(48, 70, 59); border-right-color: rgb(48, 70, 59); border-bottom-color: rgb(48, 70, 59); border-left-color: rgb(48, 70, 59); }
html[data-theme="dark"] .friend-page-host :is(.tkgm-history-count, .tkgm-history-property-number) { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(45, 70, 32); color: rgb(190, 219, 145); }
html[data-theme="dark"] .friend-page-host :is(.tkgm-history-tools button, .tkgm-history-restore, .tkgm-history-error button, .tkgm-history-save-warning button) { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 57, 28); border-top-color: rgb(71, 100, 55); border-right-color: rgb(71, 100, 55); border-bottom-color: rgb(71, 100, 55); border-left-color: rgb(71, 100, 55); color: rgb(195, 220, 157); }
html[data-theme="dark"] .friend-page-host .tkgm-history-municipality { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(33, 51, 27); border-top-color: rgb(71, 100, 55); border-right-color: rgb(71, 100, 55); border-bottom-color: rgb(71, 100, 55); border-left-color: rgb(71, 100, 55); }
html[data-theme="dark"] .friend-page-host :is(.tkgm-history-property-heading > a, .tkgm-history-municipality > a) { color: rgb(195, 220, 157); }
html[data-theme="dark"] .friend-page-host .tkgm-history-warning { color: rgb(224, 182, 108); }
html[data-theme="dark"] .friend-page-host .tkgm-history-error { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(57, 36, 31); border-top-color: rgb(108, 65, 56); border-right-color: rgb(108, 65, 56); border-bottom-color: rgb(108, 65, 56); border-left-color: rgb(108, 65, 56); color: rgb(237, 177, 168); }
html[data-theme="dark"] .friend-page-host .tkgm-history-save-warning { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(52, 45, 26); border-top-color: rgb(101, 83, 45); border-right-color: rgb(101, 83, 45); border-bottom-color: rgb(101, 83, 45); border-left-color: rgb(101, 83, 45); color: rgb(224, 195, 141); }
html[data-theme="dark"] .friend-page-host .tkgm-history-load-more { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 57, 28); border-top-color: rgb(71, 100, 55); border-right-color: rgb(71, 100, 55); border-bottom-color: rgb(71, 100, 55); border-left-color: rgb(71, 100, 55); color: rgb(195, 220, 157); }
html[data-theme="dark"] .friend-page-host .tkgm-history-load-more:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(48, 73, 38); }
@media (max-width: 600px) {
.friend-page-host .tkgm-history-head { padding-top: 16px; padding-right: 14px; padding-bottom: 16px; padding-left: 14px; row-gap: 10px; column-gap: 10px; align-items: flex-start; }
.friend-page-host .tkgm-history-head h2 { font-size: 18px; }
.friend-page-host .tkgm-history-head > div > span { font-size: 10px; }
.friend-page-host .tkgm-history-tools { flex-direction: column; row-gap: 6px; column-gap: 6px; }
.friend-page-host .tkgm-history-tools button { min-height: 32px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; font-size: 10px; }
.friend-page-host .tkgm-history-days { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; row-gap: 9px; column-gap: 9px; }
.friend-page-host .tkgm-history-day-toggle { padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; row-gap: 8px; column-gap: 8px; }
.friend-page-host .tkgm-history-day-toggle strong { font-size: 12px; }
.friend-page-host .tkgm-history-day-entries { padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; }
.friend-page-host .tkgm-history-entry-toggle { padding-top: 11px; padding-right: 9px; padding-bottom: 11px; padding-left: 9px; row-gap: 8px; column-gap: 8px; align-items: flex-start; }
.friend-page-host .tkgm-history-entry-toggle > time { width: 38px; font-size: 12px; line-height: 1.5; }
.friend-page-host .tkgm-history-entry-title > strong { font-size: 11px; }
.friend-page-host .tkgm-history-entry-body { padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; row-gap: 10px; column-gap: 10px; }
.friend-page-host .tkgm-history-property { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .tkgm-history-property-heading { flex-wrap: wrap; row-gap: 8px; column-gap: 8px; }
.friend-page-host .tkgm-history-property-heading > div { flex-basis: calc(100% - 36px); }
.friend-page-host .tkgm-history-property-heading > a { margin-left: 35px; }
.friend-page-host .tkgm-history-municipality { display: grid; row-gap: 8px; column-gap: 8px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .tkgm-history-municipality > a { justify-self: start; }
.friend-page-host .tkgm-history-error { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .tkgm-history-chevron { transition-behavior: normal; transition-duration: 0s; transition-timing-function: ease; transition-delay: 0s; transition-property: none; }
}
html[data-theme="dark"] .friend-page-host { --korfez-shell-bg: #111917; --korfez-nav-text: #c5d0ca; --korfez-nav-muted: #91a39b; --korfez-nav-accent: #b7d73b; --korfez-nav-divider: rgba(255,255,255,.1); --korfez-nav-divider-soft: rgba(255,255,255,.05); }
.friend-page-host .sidebar, .friend-page-host .twin-sidebar.unified-sidebar { box-sizing: border-box !important; width: var(--sidebar-width) !important; padding-top: 24px !important; padding-right: 20px !important; padding-bottom: 20px !important; padding-left: 20px !important; overflow-x: hidden !important; overflow-y: hidden !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; background-image: none !important; border-right-width: 1px !important; border-right-style: solid !important; border-right-color: rgba(194, 211, 82, 0.28) !important; box-shadow: rgba(0, 39, 32, 0.08) 8px 0px 28px !important; color: rgb(255, 255, 255) !important; }
.friend-page-host .workspace > .topbar, .friend-page-host .twin-workspace > .topbar, .friend-page-host .settings-shell > .settings-topbar { background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; background-image: none !important; border-bottom-color: var(--korfez-nav-divider) !important; box-shadow: rgba(0, 32, 27, 0.18) 0px 8px 24px !important; backdrop-filter: none !important; }
.friend-page-host .sidebar, .friend-page-host .sidebar :not(code):not(pre):not(kbd):not(samp), .friend-page-host .twin-sidebar.unified-sidebar, .friend-page-host .twin-sidebar.unified-sidebar :not(code):not(pre):not(kbd):not(samp), .friend-page-host .workspace > .topbar, .friend-page-host .workspace > .topbar :not(code):not(pre):not(kbd):not(samp), .friend-page-host .twin-workspace > .topbar, .friend-page-host .twin-workspace > .topbar :not(code):not(pre):not(kbd):not(samp), .friend-page-host .settings-shell > .settings-topbar, .friend-page-host .settings-shell > .settings-topbar :not(code):not(pre):not(kbd):not(samp) { font-family: var(--korfez-project-font,"KorfezEmlakSatoshi",Satoshi,Arial,sans-serif) !important; font-synthesis-weight: none !important; font-synthesis-style: none !important; font-synthesis-small-caps: none !important; }
.friend-page-host .twin-workspace .top-search.global-search, .friend-page-host .twin-workspace [data-global-search-open], .friend-page-host .twin-app-shell ~ .global-search-backdrop { display: none !important; }
html[data-theme="dark"] .friend-page-host .sidebar, html[data-theme="dark"] .friend-page-host .twin-sidebar.unified-sidebar { background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; background-image: none !important; border-right-color: rgb(42, 57, 51) !important; box-shadow: rgba(0, 0, 0, 0.2) 8px 0px 28px !important; }
html[data-theme="dark"] .friend-page-host .workspace > .topbar, html[data-theme="dark"] .friend-page-host .twin-workspace > .topbar, html[data-theme="dark"] .friend-page-host .settings-shell > .settings-topbar { background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; background-image: none !important; border-bottom-color: var(--korfez-nav-divider) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 24px !important; }
.friend-page-host .sidebar > .brand, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak { box-sizing: border-box !important; display: block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 25px !important; padding-left: 0px !important; color: rgb(255, 255, 255) !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; }
.friend-page-host .sidebar > .brand .brand-logo, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak img { display: block !important; width: 100% !important; max-width: none !important; height: 82px !important; object-fit: contain !important; object-position: left center !important; }
.friend-page-host .sidebar > .brand .brand-product-name, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak .brand-product-name { display: inline-block !important; margin-top: 2px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 4px !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: 0.2px !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
.friend-page-host .sidebar > .brand .brand-version, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak em { display: inline-block !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 8px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; color: var(--korfez-nav-accent) !important; font-size: 10px !important; font-style: normal !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: 0.35px !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; }
.friend-page-host .sidebar > .side-nav, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav { display: grid !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; min-height: 0px !important; align-content: start !important; row-gap: 0px !important; column-gap: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 3px !important; padding-right: 3px !important; padding-bottom: 3px !important; padding-left: 0px !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: contain !important; scrollbar-width: thin !important; scrollbar-color: rgba(255, 255, 255, 0.18) transparent !important; }
.friend-page-host .sidebar > .side-nav::-webkit-scrollbar, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav::-webkit-scrollbar { width: 4px; }
.friend-page-host .sidebar > .side-nav::-webkit-scrollbar-thumb, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav::-webkit-scrollbar-thumb { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.18); }
.friend-page-host .mobile-menu-section-label { display: none !important; }
.friend-page-host .sidebar > .side-nav > button, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item { position: relative !important; box-sizing: border-box !important; display: flex !important; grid-template-columns: none !important; align-items: center !important; width: 100% !important; min-height: 51px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 12px !important; padding-right: 13px !important; padding-bottom: 12px !important; padding-left: 13px !important; row-gap: 13px !important; column-gap: 13px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: var(--korfez-nav-text) !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; text-align: left !important; font-family: var(--korfez-project-font,"KorfezEmlakSatoshi",Satoshi,Arial,sans-serif) !important; font-size: 15px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.35 !important; letter-spacing: normal !important; font-variation-settings: normal !important; transition-behavior: normal, normal, normal, normal !important; transition-duration: 0.18s, 0.18s, 0.18s, 0.18s !important; transition-timing-function: ease, ease, ease, ease !important; transition-delay: 0s, 0s, 0s, 0s !important; transition-property: background-color, color, box-shadow, transform !important; }
.friend-page-host .sidebar > .side-nav .muhasebe-nav-link strong, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item b { min-width: 0px !important; font-style: inherit !important; font-variant-ligatures: inherit !important; font-variant-caps: inherit !important; font-variant-numeric: inherit !important; font-variant-east-asian: inherit !important; font-variant-alternates: inherit !important; font-variant-position: inherit !important; font-variant-emoji: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; }
.friend-page-host .sidebar > .side-nav > button + button::before, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link::before, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item + .project-nav-item::before { content: "" !important; position: absolute !important; top: 0px !important; right: 14px !important; left: 14px !important; height: 0px !important; border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; background-image: none !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; pointer-events: none !important; }
.friend-page-host .sidebar > .side-nav > button:hover:not(.active), .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active), .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover:not(.active) { color: rgb(255, 255, 255) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(32, 95, 78) !important; box-shadow: rgba(0, 35, 28, 0.12) 0px 7px 18px !important; transform: translateX(2px) !important; }
.friend-page-host .sidebar > .side-nav > button.active, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link.active, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active { color: rgb(255, 255, 255) !important; background-image: linear-gradient(90deg, rgb(33, 105, 77) 0%, rgb(30, 88, 60) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: inset 3px 0 var(--korfez-nav-accent),inset 0 0 0 1px rgba(194,211,82,.34),0 7px 18px rgba(0,35,28,.15) !important; }
html[data-theme="dark"] .friend-page-host .sidebar > .side-nav > button.active, html[data-theme="dark"] .friend-page-host .sidebar > .side-nav .muhasebe-nav-link.active, html[data-theme="dark"] .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active { background-image: linear-gradient(90deg, rgb(38, 55, 47) 0%, rgb(26, 40, 35) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: inset 3px 0 var(--korfez-nav-accent),inset 0 0 0 1px #3a4d44,0 7px 18px rgba(0,0,0,.24) !important; }
@media (hover: hover) {
html[data-theme="dark"] .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active) { color: rgb(255, 255, 255) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(31, 48, 42) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 18px !important; }
}
.friend-page-host .sidebar > .side-nav > button:hover::before, .friend-page-host .sidebar > .side-nav > button.active::before, .friend-page-host .sidebar > .side-nav > button:hover + button::before, .friend-page-host .sidebar > .side-nav > button.active + button::before, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active)::before, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active) + .muhasebe-nav-link::before, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link.active::before, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link.active + .muhasebe-nav-link::before, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover::before, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active::before, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover + .project-nav-item::before, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active + .project-nav-item::before { border-top-color: var(--korfez-nav-divider-soft) !important; }
.friend-page-host .sidebar > .side-nav > button .nav-icon, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link .nav-icon, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item > span { display: block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 20px !important; width: 20px !important; min-width: 20px !important; color: var(--korfez-nav-accent) !important; text-align: center !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important; }
.friend-page-host .twin-workspace .top-search.global-search label { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; border-top-color: rgb(255, 255, 255) !important; border-right-color: rgb(255, 255, 255) !important; border-bottom-color: rgb(255, 255, 255) !important; border-left-color: rgb(255, 255, 255) !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; color: rgb(140, 140, 140) !important; }
.friend-page-host .twin-workspace .top-search.global-search label:focus-within { border-top-color: rgb(194, 211, 82) !important; border-right-color: rgb(194, 211, 82) !important; border-bottom-color: rgb(194, 211, 82) !important; border-left-color: rgb(194, 211, 82) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; box-shadow: rgba(194, 211, 82, 0.18) 0px 0px 0px 3px !important; }
.friend-page-host .twin-workspace .top-search.global-search input, html[data-theme="dark"] .friend-page-host .twin-workspace .top-search.global-search input { color: rgb(23, 27, 24) !important; font-family: var(--korfez-project-font,"KorfezEmlakSatoshi",Satoshi,Arial,sans-serif) !important; }
.friend-page-host .twin-workspace .top-search.global-search input::placeholder, html[data-theme="dark"] .friend-page-host .twin-workspace .top-search.global-search input::placeholder { color: rgb(140, 140, 140) !important; }
.friend-page-host .twin-workspace .top-search.global-search > form { width: 100% !important; }
.friend-page-host .project-mobile-brand img, .friend-page-host .workspace > .topbar .mobile-brand img, .friend-page-host .workspace > .topbar .mobile-brand-logo, .friend-page-host .workspace > .topbar a.mobile-brand > img { display: block !important; width: auto !important; max-width: min(168px, 52vw) !important; height: auto !important; max-height: 32px !important; object-fit: contain !important; object-position: left center !important; flex-shrink: 0 !important; }
@media (max-width: 760px) {
.friend-page-host .workspace > .topbar .mobile-brand, .friend-page-host .workspace > .topbar a.mobile-brand, .friend-page-host .workspace > .topbar .project-mobile-brand { min-width: 0px !important; max-width: min(168px, 52vw) !important; overflow-x: visible !important; overflow-y: visible !important; }
}
@media (max-width: 900px) {
.friend-page-host .mobile-menu-sheet > nav > button, .friend-page-host .mobile-menu-sheet > nav > a, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link { box-sizing: border-box !important; display: grid !important; grid-template-columns: 44px minmax(0px, 1fr) !important; align-items: center !important; min-width: 0px !important; min-height: 78px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 11px !important; padding-right: 11px !important; padding-bottom: 11px !important; padding-left: 11px !important; row-gap: 10px !important; column-gap: 10px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(255, 255, 255, 0.12) !important; border-right-color: rgba(255, 255, 255, 0.12) !important; border-bottom-color: rgba(255, 255, 255, 0.12) !important; border-left-color: rgba(255, 255, 255, 0.12) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.055) !important; color: rgb(255, 255, 255) !important; text-align: left !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; box-shadow: none !important; font-family: var(--korfez-project-font,"KorfezEmlakSatoshi",Satoshi,Arial,sans-serif) !important; }
.friend-page-host .mobile-menu-sheet > nav > button > span, .friend-page-host .mobile-menu-sheet > nav > a > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link > span { display: grid !important; align-items: center !important; justify-items: center !important; width: 44px !important; height: 44px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(198, 220, 63) !important; color: rgb(7, 59, 49) !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1 !important; }
.friend-page-host .mobile-menu-sheet > nav strong { display: block !important; min-width: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 750 !important; line-height: 1.25 !important; }
.friend-page-host .mobile-menu-sheet > nav small { display: block !important; min-width: 0px !important; margin-top: 2px !important; color: rgb(158, 184, 174) !important; font-size: 11px !important; line-height: 1.25 !important; }
.friend-page-host .mobile-menu-sheet > nav > button.active, .friend-page-host .mobile-menu-sheet > nav > a.active, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link.is-portal-active { border-top-color: rgba(198, 220, 63, 0.52) !important; border-right-color: rgba(198, 220, 63, 0.52) !important; border-bottom-color: rgba(198, 220, 63, 0.52) !important; border-left-color: rgba(198, 220, 63, 0.52) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(198, 220, 63, 0.1) !important; box-shadow: rgba(198, 220, 63, 0.12) 0px 0px 0px 1px inset !important; }
}
@media (max-width: 380px) {
.friend-page-host .mobile-menu-sheet > nav > button, .friend-page-host .mobile-menu-sheet > nav > a, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link { min-height: 72px !important; grid-template-columns: 40px minmax(0px, 1fr) !important; row-gap: 8px !important; column-gap: 8px !important; padding-top: 9px !important; padding-right: 9px !important; padding-bottom: 9px !important; padding-left: 9px !important; }
.friend-page-host .mobile-menu-sheet > nav > button > span, .friend-page-host .mobile-menu-sheet > nav > a > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-muhasebe-link > span, .friend-page-host .mobile-menu-sheet > nav > a.mobile-settings-link > span { width: 40px !important; height: 40px !important; font-size: 17px !important; }
.friend-page-host .mobile-menu-sheet > nav strong { font-size: 12px !important; }
.friend-page-host .mobile-menu-sheet > nav small { font-size: 10px !important; }
}
.friend-page-host .sidebar > .profile-mini, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; margin-top: 0px !important; padding-top: 16px !important; }
.friend-page-host .sidebar > .profile-mini, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile { box-sizing: border-box !important; display: grid !important; grid-template-columns: 34px minmax(0px, 1fr) 36px !important; align-items: center !important; row-gap: 10px !important; column-gap: 10px !important; width: 100% !important; padding-top: 15px !important; padding-right: 4px !important; padding-bottom: 0px !important; padding-left: 4px !important; border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; }
.friend-page-host .sidebar > .profile-mini > span, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile > span { display: grid !important; align-items: center !important; justify-items: center !important; width: 34px !important; height: 34px !important; border-top-left-radius: min(5px, 50%) !important; border-top-right-radius: min(5px, 50%) !important; border-bottom-right-radius: min(5px, 50%) !important; border-bottom-left-radius: min(5px, 50%) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(90, 140, 0) !important; color: rgb(255, 255, 255) !important; font-size: 11px !important; font-weight: 800 !important; }
.friend-page-host .sidebar > .profile-mini strong, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile strong { display: block !important; color: rgb(255, 255, 255) !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.35 !important; }
.friend-page-host .sidebar > .profile-mini small, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile small { display: block !important; margin-top: 2px !important; color: var(--korfez-nav-muted) !important; font-size: 11px !important; line-height: 1.35 !important; }
.friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile form { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .sidebar > .profile-mini button, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile button { display: grid !important; align-items: center !important; justify-items: center !important; width: 36px !important; height: 36px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: rgb(168, 189, 181) !important; font-style: inherit !important; font-variant-ligatures: inherit !important; font-variant-caps: inherit !important; font-variant-numeric: inherit !important; font-variant-east-asian: inherit !important; font-variant-alternates: inherit !important; font-variant-position: inherit !important; font-variant-emoji: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; cursor: pointer !important; }
@media (min-width: 901px) {
.friend-page-host .sidebar > .side-nav > button, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item { font-size: 14px !important; font-weight: 650 !important; line-height: 1.28 !important; letter-spacing: 0.003em !important; }
.friend-page-host .sidebar > .side-nav > button.active, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link.active, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active { font-weight: 700 !important; }
.friend-page-host .workspace > .topbar, .friend-page-host .twin-workspace > .topbar { height: 76px !important; min-height: 76px !important; max-height: 76px !important; }
.friend-page-host .twin-sidebar.unified-sidebar { display: flex !important; transform: none !important; visibility: visible !important; }
.friend-page-host .twin-workspace { width: calc(100% - var(--sidebar-width)) !important; margin-left: var(--sidebar-width) !important; }
.friend-page-host .twin-workspace .topbar-inner { grid-template-columns: minmax(0px, 1fr) auto !important; }
.friend-page-host .twin-workspace .mobile-brand, .friend-page-host .twin-workspace .header-actions-mobile { display: none !important; }
.friend-page-host .twin-workspace .top-utility-nav { display: flex !important; grid-column-start: 2 !important; grid-column-end: auto !important; }
}
@media (max-width: 900px) {
.friend-page-host .twin-sidebar.unified-sidebar { display: none !important; }
.friend-page-host .twin-workspace { width: 100% !important; margin-left: 0px !important; }
.friend-page-host .twin-workspace .mobile-brand, .friend-page-host .twin-workspace .header-actions-mobile { display: flex !important; }
.friend-page-host .twin-workspace .top-utility-nav { display: none !important; }
.friend-page-host .mobile-more-layer:not([hidden]) { position: fixed !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; z-index: 120 !important; display: block !important; }
.friend-page-host .mobile-more-backdrop { position: absolute !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(0, 31, 27, 0.71) !important; backdrop-filter: blur(4px) !important; }
.friend-page-host .mobile-more-panel { opacity: 0; position: absolute !important; top: var(--mobile-topbar-total-height,64px) !important; right: 0px !important; bottom: auto !important; left: 50% !important; box-sizing: border-box !important; width: min(520px, 100%) !important; max-height: calc(100dvh - var(--mobile-topbar-total-height,64px) - 12px) !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; overflow-y: auto !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-right-color: rgb(216, 224, 217) !important; border-bottom-color: rgb(216, 224, 217) !important; border-left-color: rgb(216, 224, 217) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-width: 0px !important; border-top-style: none !important; border-top-color: currentcolor !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; color: rgb(51, 65, 57) !important; box-shadow: rgba(0, 28, 24, 0.24) 0px 18px 60px !important; transform: translate(-50%, -10px) !important; transition-behavior: normal, normal !important; transition-duration: 0.18s, 0.18s !important; transition-timing-function: ease, ease !important; transition-delay: 0s, 0s !important; transition-property: transform, opacity !important; }
.friend-page-host .mobile-more-layer.is-open .mobile-more-panel { transform: translate(-50%, 0px) !important; opacity: 1; }
.friend-page-host .mobile-more-panel > header { display: flex !important; align-items: center !important; justify-content: space-between !important; row-gap: 16px !important; column-gap: 16px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 13px !important; padding-left: 0px !important; }
.friend-page-host .mobile-more-panel > header p { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 3px !important; margin-left: 0px !important; color: rgb(90, 140, 0) !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 1.1px !important; }
.friend-page-host .mobile-more-panel > header h2 { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; color: rgb(23, 33, 28) !important; font-size: 21px !important; }
.friend-page-host .mobile-more-header-actions { display: flex !important; align-items: center !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .mobile-more-primary, .friend-page-host .mobile-more-secondary { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 8px !important; column-gap: 8px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .mobile-more-secondary { margin-top: 8px !important; }
.friend-page-host .mobile-more-primary > a, .friend-page-host .mobile-more-secondary > a, .friend-page-host .mobile-more-logout > button { box-sizing: border-box !important; display: grid !important; grid-template-columns: 38px minmax(0px, 1fr) !important; align-items: center !important; min-width: 0px !important; min-height: 58px !important; padding-top: 9px !important; padding-right: 10px !important; padding-bottom: 9px !important; padding-left: 10px !important; row-gap: 0px !important; column-gap: 9px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(223, 229, 223) !important; border-right-color: rgb(223, 229, 223) !important; border-bottom-color: rgb(223, 229, 223) !important; border-left-color: rgb(223, 229, 223) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(248, 250, 247) !important; color: rgb(51, 65, 57) !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; text-align: left !important; }
.friend-page-host .mobile-more-primary > a > span, .friend-page-host .mobile-more-secondary > a > span, .friend-page-host .mobile-more-logout > button > span:first-child { grid-row-start: 1 !important; grid-row-end: 3 !important; display: grid !important; align-items: center !important; justify-items: center !important; width: 38px !important; height: 38px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(234, 242, 222) !important; color: rgb(80, 121, 0) !important; font-size: 19px !important; }
.friend-page-host .mobile-more-primary b, .friend-page-host .mobile-more-secondary b, .friend-page-host .mobile-more-logout b { min-width: 0px !important; color: inherit !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.25 !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; }
.friend-page-host .mobile-more-secondary small, .friend-page-host .mobile-more-logout small { min-width: 0px !important; color: rgb(116, 128, 120) !important; font-size: 10px !important; line-height: 1.3 !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; }
.friend-page-host .mobile-more-primary > a.active, .friend-page-host .mobile-more-secondary > a.active { border-top-color: rgb(142, 182, 70) !important; border-right-color: rgb(142, 182, 70) !important; border-bottom-color: rgb(142, 182, 70) !important; border-left-color: rgb(142, 182, 70) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(243, 248, 233) !important; box-shadow: rgb(90, 140, 0) 3px 0px inset !important; }
.friend-page-host .mobile-more-header-logout { display: none !important; }
.friend-page-host .mobile-more-logout { display: block !important; margin-top: 8px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .mobile-more-close { display: grid !important; align-items: center !important; justify-items: center !important; width: 40px !important; min-width: 40px !important; height: 40px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(217, 224, 218) !important; border-right-color: rgb(217, 224, 218) !important; border-bottom-color: rgb(217, 224, 218) !important; border-left-color: rgb(217, 224, 218) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(245, 247, 243) !important; color: rgb(51, 67, 58) !important; font-size: 23px !important; }
html[data-theme="dark"] .friend-page-host .mobile-more-backdrop { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(0, 11, 9, 0.78) !important; }
html[data-theme="dark"] .friend-page-host .mobile-more-panel { border-top-color: rgb(42, 57, 51) !important; border-right-color: rgb(42, 57, 51) !important; border-bottom-color: rgb(42, 57, 51) !important; border-left-color: rgb(42, 57, 51) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(20, 34, 29) !important; color: rgb(232, 239, 235) !important; }
html[data-theme="dark"] .friend-page-host .mobile-more-panel > header h2 { color: rgb(245, 247, 246) !important; }
html[data-theme="dark"] .friend-page-host .mobile-more-primary > a, html[data-theme="dark"] .friend-page-host .mobile-more-secondary > a, html[data-theme="dark"] .friend-page-host .mobile-more-logout > button, html[data-theme="dark"] .friend-page-host .mobile-more-close { border-top-color: rgb(51, 68, 61) !important; border-right-color: rgb(51, 68, 61) !important; border-bottom-color: rgb(51, 68, 61) !important; border-left-color: rgb(51, 68, 61) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(15, 27, 23) !important; color: rgb(232, 239, 235) !important; }
html[data-theme="dark"] .friend-page-host .mobile-more-primary > a > span, html[data-theme="dark"] .friend-page-host .mobile-more-secondary > a > span, html[data-theme="dark"] .friend-page-host .mobile-more-logout > button > span:first-child { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(29, 44, 34) !important; color: rgb(183, 215, 127) !important; }
html[data-theme="dark"] .friend-page-host .mobile-more-primary > a.active, html[data-theme="dark"] .friend-page-host .mobile-more-secondary > a.active { border-top-color: rgb(111, 143, 53) !important; border-right-color: rgb(111, 143, 53) !important; border-bottom-color: rgb(111, 143, 53) !important; border-left-color: rgb(111, 143, 53) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(28, 44, 25) !important; }
}
@media (min-width: 761px) and (max-width: 900px) {
.friend-page-host .workspace > .topbar { box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(145px, 180px) minmax(190px, 1fr) auto repeat(3, 40px) !important; row-gap: 10px !important; column-gap: 10px !important; min-height: 72px !important; height: 72px !important; padding-top: 10px !important; padding-right: 18px !important; padding-bottom: 10px !important; padding-left: 18px !important; }
.friend-page-host .workspace > .topbar .mobile-brand { grid-column-start: 1 !important; grid-column-end: auto !important; display: flex !important; }
.friend-page-host .workspace > .topbar .global-search { grid-column-start: 2 !important; grid-column-end: auto !important; width: 100% !important; }
.friend-page-host .workspace > .topbar .topbar-date { grid-column-start: 3 !important; grid-column-end: auto !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .workspace > .topbar > .theme-toggle { grid-column-start: 4 !important; grid-column-end: auto !important; }
.friend-page-host .workspace > .topbar .settings-shortcut { grid-column-start: 5 !important; grid-column-end: auto !important; }
.friend-page-host .workspace > .topbar .mobile-nav-trigger { grid-column-start: 6 !important; grid-column-end: auto !important; display: grid !important; align-items: center !important; justify-items: center !important; width: 40px !important; height: 40px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(255, 255, 255, 0.22) !important; border-right-color: rgba(255, 255, 255, 0.22) !important; border-bottom-color: rgba(255, 255, 255, 0.22) !important; border-left-color: rgba(255, 255, 255, 0.22) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.06) !important; color: rgb(255, 255, 255) !important; }
.friend-page-host .workspace > .topbar .mobile-nav-trigger.active, .friend-page-host .workspace > .topbar .mobile-nav-trigger[aria-expanded="true"] { border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; color: var(--korfez-nav-accent) !important; }
.friend-page-host .workspace .mobile-nav { display: none !important; }
.friend-page-host .workspace .page-content { padding-bottom: 42px !important; }
.friend-page-host:has(.friend-page-host > .app-shell > .mobile-menu-backdrop) { overflow-x: hidden; overflow-y: hidden; }
.friend-page-host > .app-shell > .mobile-menu-backdrop { align-items: flex-start !important; justify-content: center !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet { width: min(620px, 100%) !important; max-height: calc(100dvh - var(--project-header-height,56px) - 20px) !important; }
.friend-page-host .twin-workspace > .topbar { height: 72px !important; min-height: 72px !important; }
.friend-page-host .twin-workspace .topbar-inner { height: 72px !important; grid-template-columns: minmax(0px, 1fr) auto !important; padding-top: 0px !important; padding-right: 18px !important; padding-bottom: 0px !important; padding-left: 18px !important; }
.friend-page-host .twin-workspace .project-mobile-brand { grid-column-start: 1 !important; grid-column-end: auto !important; }
.friend-page-host .twin-workspace .header-actions-mobile { grid-column-start: 2 !important; grid-column-end: auto !important; }
.friend-page-host .twin-workspace .page-content { padding-top: 22px !important; }
.friend-page-host .twin-workspace .mobile-more-panel { top: 72px !important; max-height: calc(100dvh - 84px) !important; width: min(620px, 100% - 32px) !important; }
}
@media (max-width: 380px) {
.friend-page-host .mobile-more-primary, .friend-page-host .mobile-more-secondary { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .sidebar > .side-nav > button, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > a { transition-behavior: normal !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-property: none !important; }
}
.friend-page-host[data-soft-nav="1"]::before, .friend-page-host[data-cross-nav="1"]::before { content: ""; position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100%; height: 2px; background-image: linear-gradient(90deg, rgb(156, 204, 58), rgb(86, 141, 0) 55%, rgb(156, 204, 58)); background-position-x: initial; background-position-y: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 200% 100%; animation-duration: 0.7s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--muhasebe-soft-nav-progress; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; pointer-events: none; }
@keyframes friend-page--muhasebe-soft-nav-progress {
0% { background-position-x: 100%; background-position-y: 0px; }
100% { background-position-x: -100%; background-position-y: 0px; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host[data-soft-nav="1"]::before, .friend-page-host[data-cross-nav="1"]::before { animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; opacity: 0.85; }
}
.friend-page-host .app-shell .workspace.has-module-portal, .friend-page-host .workspace.has-module-portal { position: relative !important; }
.friend-page-host .project-module-portal { position: absolute; top: 0px; right: auto; bottom: 0px; left: var(--sidebar-width, 254px); z-index: 6; min-height: 240px; box-sizing: border-box; display: block; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; width: calc(100% - var(--sidebar-width, 254px)) !important; max-width: none !important; height: 100% !important; }
@media (max-width: 900px) {
.friend-page-host .project-module-portal { left: 0px; width: 100% !important; }
}
.friend-page-host .project-module-portal[hidden] { display: none !important; }
.friend-page-host[data-module="muhasebe"] .workspace > .page-content { visibility: hidden !important; pointer-events: none !important; }
.friend-page-host[data-module="muhasebe"] .sidebar > .side-nav > button.active, .friend-page-host[data-module="muhasebe"] .mobile-menu-sheet > nav > button.active, .friend-page-host[data-module="muhasebe"] .mobile-nav button.active, .friend-page-host[data-module="muhasebe"] .mobile-drawer button.active { color: rgb(191, 208, 202) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; transform: none !important; }
.friend-page-host[data-module="muhasebe"] .sidebar > .side-nav > button.active::before, .friend-page-host[data-module="muhasebe"] .sidebar > .side-nav > button.active + button::before { border-top-color: rgba(255, 255, 255, 0.08) !important; }
.friend-page-host[data-module="muhasebe"] a.muhasebe-nav-link.is-portal-active, .friend-page-host[data-module="muhasebe"] a.mobile-muhasebe-link.is-portal-active { color: rgb(255, 255, 255) !important; background-image: linear-gradient(90deg, rgb(33, 105, 77) 0%, rgb(30, 88, 60) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: inset 3px 0 var(--korfez-nav-accent),inset 0 0 0 1px rgba(194,211,82,.34),0 7px 18px rgba(0,35,28,.15) !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; }
html[data-theme="dark"] .friend-page-host[data-module="muhasebe"] a.muhasebe-nav-link.is-portal-active, html[data-theme="dark"] .friend-page-host[data-module="muhasebe"] a.mobile-muhasebe-link.is-portal-active { background-image: linear-gradient(90deg, rgb(38, 55, 47) 0%, rgb(26, 40, 35) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: inset 3px 0 var(--korfez-nav-accent),inset 0 0 0 1px #3a4d44,0 7px 18px rgba(0,0,0,.24) !important; }
.friend-page-host[data-module="muhasebe"] a.muhasebe-nav-link.is-portal-active .nav-icon, .friend-page-host[data-module="muhasebe"] a.mobile-muhasebe-link.is-portal-active > span:first-child { color: var(--korfez-nav-accent) !important; }
.friend-page-host.emlak-embed-body, .friend-page-host[data-emlak-embed="1"] .friend-page-host { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 100%; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
.friend-page-host .emlak-embed-shell, .friend-page-host .emlak-embed-workspace { min-height: 100%; width: 100%; }
.friend-page-host .emlak-embed-workspace > .page-content { padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; max-width: none !important; box-sizing: border-box !important; }
@media (width <= 760px) {
.friend-page-host .emlak-embed-workspace > .page-content { padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; }
}
.friend-page-host[data-emlak-embed="1"], .friend-page-host[data-emlak-embed="1"] .friend-page-host { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; }
.friend-page-host[data-emlak-embed="1"] .friend-page-host.emlak-embed-body { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-bottom: 0px !important; }
.friend-page-host[data-emlak-embed="1"] .emlak-embed-shell, .friend-page-host[data-emlak-embed="1"] .emlak-embed-workspace { width: 100% !important; max-width: none !important; min-width: 0px !important; margin-left: 0px !important; padding-left: 0px !important; transform: none !important; }
.friend-page-host[data-emlak-embed="1"] .emlak-embed-workspace > .page-content { width: 100% !important; max-width: none !important; min-width: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host[data-emlak-embed="1"] #muhasebe-modal-root { width: 100%; min-width: 0px; }
.friend-page-host[data-emlak-embed="1"] dialog { max-width: calc(-28px + 100vw) !important; box-sizing: border-box !important; }
@media (max-width: 760px) {
.friend-page-host[data-emlak-embed="1"] dialog { max-width: calc(-16px + 100vw) !important; }
}
.friend-page-host, .friend-page-host, .friend-page-host .twin-app-shell, .friend-page-host .twin-workspace, .friend-page-host .twin-workspace > .page-content { view-transition-name: none !important; }
@media (min-width: 901px) {
.friend-page-host .twin-workspace .topbar-inner { grid-template-columns: minmax(320px, 520px) minmax(0px, 1fr) auto !important; }
.friend-page-host .twin-workspace .top-search.global-search { display: block !important; grid-column-start: 1 !important; grid-column-end: auto !important; width: min(520px, 100%) !important; max-width: 520px !important; }
.friend-page-host .twin-workspace .top-utility-nav { grid-column-start: 3 !important; grid-column-end: auto !important; }
}
@media (max-width: 900px) {
.friend-page-host .twin-workspace .top-search.global-search:not(.is-mobile-open) { display: none !important; }
.friend-page-host .twin-workspace .header-actions-mobile .mobile-search-action { display: grid !important; align-items: center !important; justify-items: center !important; }
}
.friend-page-host[data-muhasebe-navigating="1"] .twin-workspace > .topbar::after { content: ""; position: absolute; right: 0px; bottom: -1px; left: 0px; height: 3px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; opacity: 0.9; }
@media (max-width: 900px) {
.friend-page-host .twin-workspace .top-search.global-search.is-mobile-open { display: block !important; }
}
.friend-page-host[data-muhasebe-navigating="1"] .twin-workspace > .topbar::after { transform-origin: left center; animation-duration: 1.05s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--muhasebe-nav-progress; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
@keyframes friend-page--muhasebe-nav-progress {
0% { transform: scaleX(0.12); opacity: 0.42; }
55% { transform: scaleX(0.72); opacity: 0.9; }
100% { transform: scaleX(1); opacity: 0.3; }
}
@supports (content-visibility:auto) {
.friend-page-host .twin-workspace > .page-content > .panel, .friend-page-host .twin-workspace > .page-content > .track-panel, .friend-page-host .twin-workspace > .page-content > .credit-category-block, .friend-page-host .twin-workspace > .page-content > .settings-group-shell, .friend-page-host .twin-workspace > .page-content > .expense-category-group { content-visibility: auto; contain-intrinsic-width: auto 320px; contain-intrinsic-height: auto 320px; }
}
@media (max-width: 900px) {
.friend-page-host .mobile-more-backdrop, .friend-page-host .global-search-backdrop, .friend-page-host dialog::backdrop { backdrop-filter: none !important; }
.friend-page-host .twin-workspace > .topbar { backdrop-filter: none !important; }
}
@media (hover: none), (pointer: coarse) {
.friend-page-host .twin-workspace .btn:hover, .friend-page-host .twin-workspace .project-nav-item:hover, .friend-page-host .twin-workspace .top-utility-btn:hover, .friend-page-host .twin-workspace .icon-action:hover { transform: none !important; }
}
.friend-page-host .global-search-backdrop { position: fixed !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; z-index: 74 !important; width: 100% !important; height: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(18, 24, 22, 0.58) !important; backdrop-filter: blur(7px) !important; cursor: default !important; }
.friend-page-host.global-search-active .twin-workspace > .topbar, .friend-page-host.global-search-active .twin-workspace > .topbar { z-index: 75 !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; }
.friend-page-host.global-search-active .twin-workspace > .topbar .topbar-inner > :not(.global-search), .friend-page-host.global-search-active .twin-workspace > .topbar .topbar-inner > :not(.global-search) { opacity: 0.28 !important; filter: blur(5px) !important; pointer-events: none !important; user-select: none !important; }
.friend-page-host .twin-workspace .top-search.global-search.is-focus-mode { position: relative !important; z-index: 76 !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 22, 18, 0.3) 0px 18px 55px !important; }
.friend-page-host .twin-workspace .top-search.global-search.is-focus-mode > form > label { border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; box-shadow: none !important; }
.friend-page-host .twin-workspace .top-search.global-search .global-search-results:not([hidden]) { border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(220, 228, 218) !important; border-right-color: rgb(220, 228, 218) !important; border-bottom-color: rgb(220, 228, 218) !important; border-left-color: rgb(220, 228, 218) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 35, 29, 0.24) 0px 22px 64px !important; padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important; }
.friend-page-host .twin-workspace .global-search-group { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 1px !important; border-top-style: solid !important; border-top-color: rgb(237, 240, 236) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; }
.friend-page-host .twin-workspace .global-search-group:first-child { border-top-width: 0px !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.friend-page-host .twin-workspace .global-search-group > header { min-height: 38px !important; padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 6px !important; padding-left: 8px !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .twin-workspace .global-search-group > header > span { width: 24px !important; height: 24px !important; display: grid !important; align-items: center !important; justify-items: center !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(237, 244, 225) !important; color: rgb(79, 126, 0) !important; font-size: 11px !important; font-weight: 950 !important; }
.friend-page-host .twin-workspace .global-search-group > header > b { color: rgb(66, 80, 73) !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0% !important; font-size: 10px !important; font-weight: 950 !important; letter-spacing: 0.045em !important; }
.friend-page-host .twin-workspace .global-search-group > header > small { min-width: 0px !important; height: auto !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; padding-top: 4px !important; padding-right: 7px !important; padding-bottom: 4px !important; padding-left: 7px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(241, 244, 240) !important; color: rgb(113, 128, 120) !important; font-size: 9px !important; }
.friend-page-host .twin-workspace .global-search-group > div { row-gap: 0px !important; column-gap: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 4px !important; padding-left: 0px !important; }
.friend-page-host .twin-workspace .global-search-group a { min-height: 54px !important; padding-top: 7px !important; padding-right: 6px !important; padding-bottom: 7px !important; padding-left: 6px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; border-top-width: 1px !important; border-top-style: solid !important; border-top-color: rgb(237, 240, 236) !important; grid-template-columns: 36px minmax(0px, 1fr) 16px !important; row-gap: 9px !important; column-gap: 9px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host .twin-workspace .global-search-group a:first-child { border-top-color: transparent !important; }
.friend-page-host .twin-workspace .global-search-group a:hover, .friend-page-host .twin-workspace .global-search-group a:focus-visible, .friend-page-host .twin-workspace .global-search-group a.is-active { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(245, 248, 241) !important; border-top-color: transparent !important; }
.friend-page-host .twin-workspace .global-search-item-icon { width: 35px !important; height: 35px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(13, 75, 61) !important; color: rgb(255, 255, 255) !important; font-size: 11px !important; }
.friend-page-host .twin-workspace .global-search-group a strong { color: rgb(23, 37, 31) !important; font-size: 12px !important; font-weight: 900 !important; }
.friend-page-host .twin-workspace .global-search-group a small { color: rgb(116, 128, 120) !important; font-size: 9.5px !important; font-weight: 650 !important; }
.friend-page-host .twin-workspace .global-search-group a > b { color: rgb(103, 144, 0) !important; font-size: 18px !important; }
html[data-theme="dark"] .friend-page-host .twin-workspace .top-search.global-search.is-focus-mode, html[data-theme="dark"] .friend-page-host .twin-workspace .top-search.global-search.is-focus-mode > form > label, html[data-theme="dark"] .friend-page-host .twin-workspace .top-search.global-search .global-search-results:not([hidden]), html[data-theme="dark"] .friend-page-host .twin-workspace .global-search-group { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(17, 29, 24) !important; border-top-color: rgb(48, 65, 57) !important; border-right-color: rgb(48, 65, 57) !important; border-bottom-color: rgb(48, 65, 57) !important; border-left-color: rgb(48, 65, 57) !important; }
html[data-theme="dark"] .friend-page-host .twin-workspace .global-search-group a { border-top-color: rgb(38, 54, 47) !important; border-right-color: rgb(38, 54, 47) !important; border-bottom-color: rgb(38, 54, 47) !important; border-left-color: rgb(38, 54, 47) !important; }
html[data-theme="dark"] .friend-page-host .twin-workspace .global-search-group a:hover, html[data-theme="dark"] .friend-page-host .twin-workspace .global-search-group a:focus-visible, html[data-theme="dark"] .friend-page-host .twin-workspace .global-search-group a.is-active { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(24, 39, 32) !important; }
html[data-theme="dark"] .friend-page-host .twin-workspace .global-search-group a strong { color: rgb(237, 244, 240) !important; }
html[data-theme="dark"] .friend-page-host .twin-workspace .global-search-group a small { color: rgb(166, 181, 173) !important; }
@supports (content-visibility:auto) {
.friend-page-host .twin-workspace > .page-content > .panel, .friend-page-host .twin-workspace > .page-content > .track-panel, .friend-page-host .twin-workspace > .page-content > .credit-category-block, .friend-page-host .twin-workspace > .page-content > .settings-group-shell, .friend-page-host .twin-workspace > .page-content > .expense-category-group { content-visibility: visible !important; contain-intrinsic-width: none !important; contain-intrinsic-height: none !important; }
}
.friend-page-host[data-muhasebe-navigating="1"] .twin-workspace > .topbar::after { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; transform: none !important; opacity: 0.9 !important; }
@media (max-width: 900px) {
.friend-page-host .global-search-backdrop { backdrop-filter: blur(7px) !important; }
.friend-page-host.global-search-active .twin-workspace > .topbar .topbar-inner > :not(.global-search), .friend-page-host.global-search-active .twin-workspace > .topbar .topbar-inner > :not(.global-search) { opacity: 0.22 !important; filter: blur(4px) !important; }
}
@media (max-width: 900px) {
.friend-page-host .workspace > .topbar .mobile-rates-shortcut, .friend-page-host .workspace > .topbar .settings-shortcut, .friend-page-host .twin-workspace > .topbar .mobile-rates-shortcut, .friend-page-host .twin-workspace > .topbar .settings-shortcut { display: none !important; }
}
@media (max-width: 760px) {
.friend-page-host .workspace > .topbar { grid-template-columns: minmax(0px, 1fr) auto repeat(3, 36px) !important; }
.friend-page-host .workspace > .topbar .topbar-date { grid-column-start: 2 !important; grid-column-end: auto !important; }
.friend-page-host .workspace > .topbar > .theme-toggle { grid-column-start: 3 !important; grid-column-end: auto !important; }
.friend-page-host .workspace > .topbar .mobile-search-shortcut { grid-column-start: 4 !important; grid-column-end: auto !important; }
.friend-page-host .workspace > .topbar .mobile-nav-trigger { grid-column-start: 5 !important; grid-column-end: auto !important; }
}
@media (min-width: 761px) and (max-width: 900px) {
.friend-page-host .workspace > .topbar { grid-template-columns: minmax(145px, 180px) minmax(190px, 1fr) auto repeat(2, 40px) !important; }
.friend-page-host .workspace > .topbar .mobile-nav-trigger { grid-column-start: 5 !important; grid-column-end: auto !important; }
}
@media (min-width: 901px) {
.friend-page-host .sidebar > .side-nav, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav { row-gap: 4px !important; column-gap: 4px !important; padding-top: 4px !important; padding-right: 3px !important; padding-bottom: 4px !important; padding-left: 0px !important; }
.friend-page-host .sidebar > .side-nav > button, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item { position: relative !important; isolation: isolate !important; min-height: 49px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 8px !important; padding-right: 10px !important; padding-bottom: 8px !important; padding-left: 10px !important; row-gap: 10px !important; column-gap: 10px !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; color: rgb(213, 227, 221) !important; transform: none !important; transition-behavior: normal, normal, normal, normal, normal !important; transition-duration: 0.18s, 0.18s, 0.18s, 0.18s, 0.18s !important; transition-timing-function: ease, ease, ease, ease, ease !important; transition-delay: 0s, 0s, 0s, 0s, 0s !important; transition-property: background-color, border-color, color, box-shadow, transform !important; }
.friend-page-host .sidebar > .side-nav > button::before, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link::before, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item::before { content: "" !important; display: block !important; position: absolute !important; z-index: 0 !important; right: 10px !important; bottom: 0px !important; left: 52px !important; height: 1px !important; background-image: linear-gradient(90deg, rgba(214, 231, 224, 0.14), rgba(214, 231, 224, 0.035)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; opacity: 0.8 !important; pointer-events: none !important; }
.friend-page-host .sidebar > .side-nav .muhasebe-nav-link:last-child::before, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:last-child::before { opacity: 0 !important; }
.friend-page-host .sidebar > .side-nav > button::after, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link::after, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item::after { content: ""; position: absolute; z-index: 2; top: 50%; right: 6px; width: 3px; height: 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(208, 233, 53, 0.48) 0px 0px 12px; opacity: 0; transform: translateY(-50%) scaleY(0.35); transition-behavior: normal, normal; transition-duration: 0.18s, 0.18s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: opacity, transform; pointer-events: none; }
.friend-page-host .sidebar > .side-nav > button .nav-icon, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link .nav-icon, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item > span { box-sizing: border-box !important; display: grid !important; align-items: center !important; justify-items: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 32px !important; width: 32px !important; min-width: 32px !important; height: 32px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(208, 233, 53, 0.14) !important; border-right-color: rgba(208, 233, 53, 0.14) !important; border-bottom-color: rgba(208, 233, 53, 0.14) !important; border-left-color: rgba(208, 233, 53, 0.14) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.055) !important; color: rgb(207, 227, 79) !important; font-size: 16px !important; line-height: 1 !important; transition-behavior: normal, normal, normal, normal, normal !important; transition-duration: 0.18s, 0.18s, 0.18s, 0.18s, 0.18s !important; transition-timing-function: ease, ease, ease, ease, ease !important; transition-delay: 0s, 0s, 0s, 0s, 0s !important; transition-property: background-color, border-color, color, transform, box-shadow !important; }
.friend-page-host:not([data-module="muhasebe"]) .sidebar > .side-nav > button.active, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active), .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active { border-top-color: rgba(208, 233, 53, 0.32) !important; border-right-color: rgba(208, 233, 53, 0.32) !important; border-bottom-color: rgba(208, 233, 53, 0.32) !important; border-left-color: rgba(208, 233, 53, 0.32) !important; background-image: linear-gradient(105deg, rgba(208, 233, 53, 0.16) 0%, rgba(255, 255, 255, 0.086) 56%, rgba(255, 255, 255, 0.043) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 30, 24, 0.17) 0px 9px 24px, rgba(255, 255, 255, 0.07) 0px 1px inset !important; font-weight: 750 !important; }
.friend-page-host:not([data-module="muhasebe"]) .sidebar > .side-nav > button.active::after, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active)::after, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active::after { opacity: 1; transform: translateY(-50%) scaleY(1); }
.friend-page-host:not([data-module="muhasebe"]) .sidebar > .side-nav > button.active .nav-icon, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active) .nav-icon, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active > span { border-top-color: rgba(208, 233, 53, 0.32) !important; border-right-color: rgba(208, 233, 53, 0.32) !important; border-bottom-color: rgba(208, 233, 53, 0.32) !important; border-left-color: rgba(208, 233, 53, 0.32) !important; background-image: linear-gradient(145deg, rgba(208, 233, 53, 0.25), rgba(208, 233, 53, 0.1)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(227, 243, 111) !important; box-shadow: rgba(7, 36, 24, 0.18) 0px 6px 14px !important; }
@media (hover: hover) and (pointer: fine) {
.friend-page-host .sidebar > .side-nav > button:hover:not(.active), .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active):not(.is-portal-active), .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover:not(.active) { border-top-color: rgba(255, 255, 255, 0.12) !important; border-right-color: rgba(255, 255, 255, 0.12) !important; border-bottom-color: rgba(255, 255, 255, 0.12) !important; border-left-color: rgba(255, 255, 255, 0.12) !important; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.055)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 30, 24, 0.12) 0px 8px 20px !important; transform: translateX(3px) !important; }
.friend-page-host .sidebar > .side-nav > button:hover:not(.active) .nav-icon, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active):not(.is-portal-active) .nav-icon, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover:not(.active) > span { border-top-color: rgba(208, 233, 53, 0.28) !important; border-right-color: rgba(208, 233, 53, 0.28) !important; border-bottom-color: rgba(208, 233, 53, 0.28) !important; border-left-color: rgba(208, 233, 53, 0.28) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(208, 233, 53, 0.13) !important; transform: translateY(-1px) !important; box-shadow: rgba(0, 28, 22, 0.15) 0px 5px 12px !important; }
}
html[data-theme="dark"] .friend-page-host:not([data-module="muhasebe"]) .sidebar > .side-nav > button.active, html[data-theme="dark"] .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active), html[data-theme="dark"] .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active { border-top-color: rgba(190, 218, 91, 0.24) !important; border-right-color: rgba(190, 218, 91, 0.24) !important; border-bottom-color: rgba(190, 218, 91, 0.24) !important; border-left-color: rgba(190, 218, 91, 0.24) !important; background-image: linear-gradient(105deg, rgba(190, 218, 91, 0.13), rgba(255, 255, 255, 0.055)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: rgba(0, 0, 0, 0.23) 0px 9px 24px, rgba(255, 255, 255, 0.05) 0px 1px inset !important; }
}
@media (min-width: 901px) {
.friend-page-host .sidebar > .side-nav, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav { row-gap: clamp(1px, 0.2vh, 2px) !important; column-gap: clamp(1px, 0.2vh, 2px) !important; padding-top: 2px !important; padding-right: 3px !important; padding-bottom: 2px !important; padding-left: 0px !important; align-content: space-between !important; overflow-y: hidden !important; overscroll-behavior-x: none !important; overscroll-behavior-y: none !important; scrollbar-width: none !important; }
.friend-page-host .sidebar > .side-nav::-webkit-scrollbar, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav::-webkit-scrollbar { display: none !important; width: 0px !important; height: 0px !important; }
.friend-page-host .sidebar > .side-nav > button, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link { height: clamp(36px, 7.69231dvh - 19.0769px, 49px) !important; min-height: 0px !important; padding-top: 3px !important; padding-right: 10px !important; padding-bottom: 3px !important; padding-left: 10px !important; }
.friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item { height: clamp(36px, 7.69231dvh - 20.2308px, 49px) !important; min-height: 0px !important; padding-top: 3px !important; padding-right: 10px !important; padding-bottom: 3px !important; padding-left: 10px !important; }
}
@media (min-width: 901px) and (max-height: 740px) {
.friend-page-host .sidebar, .friend-page-host .twin-sidebar.unified-sidebar { padding-top: 12px !important; padding-bottom: 10px !important; }
.friend-page-host .sidebar > .brand, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak { padding-bottom: 10px !important; }
.friend-page-host .sidebar > .brand .brand-logo, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak img { height: 58px !important; }
.friend-page-host .sidebar > .side-nav > button, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link { height: clamp(32px, 7.69231dvh - 13.4615px, 49px) !important; }
.friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item { height: clamp(32px, 7.69231dvh - 13.9231px, 49px) !important; }
.friend-page-host .sidebar > .profile-mini, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot { padding-top: 7px !important; }
.friend-page-host .sidebar > .profile-mini, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile { padding-top: 7px !important; }
}
.friend-page-host .project-feedback-toast { position: fixed !important; z-index: 130 !important; inset-inline-start: 50% !important; inset-inline-end: auto !important; bottom: max(18px,env(safe-area-inset-bottom)) !important; width: min(430px, -36px + 100vw) !important; box-sizing: border-box !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 13px !important; padding-right: 15px !important; padding-bottom: 13px !important; padding-left: 15px !important; display: flex !important; align-items: center !important; row-gap: 10px !important; column-gap: 10px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(205, 234, 82, 0.48) !important; border-right-color: rgba(205, 234, 82, 0.48) !important; border-bottom-color: rgba(205, 234, 82, 0.48) !important; border-left-color: rgba(205, 234, 82, 0.48) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: linear-gradient(135deg, rgb(11, 81, 67), rgb(7, 63, 53)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 42, 34, 0.24) 0px 18px 44px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important; transform: translateX(-50%) !important; pointer-events: none !important; animation-duration: 0.2s, 0.22s !important; animation-timing-function: ease-out, ease !important; animation-delay: 0s, 4.4s !important; animation-iteration-count: 1, 1 !important; animation-direction: normal, normal !important; animation-fill-mode: none, forwards !important; animation-play-state: running, running !important; animation-name: friend-page--project-feedback-in, friend-page--project-feedback-out !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .project-feedback-toast::before { content: "✓"; display: grid; flex-grow: 0; flex-shrink: 0; flex-basis: 26px; width: 26px; height: 26px; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(208, 233, 53); color: rgb(7, 60, 49); font-size: 14px; font-weight: 900; }
.friend-page-host .project-feedback-toast[hidden] { display: none !important; }
.friend-page-host .project-feedback-toast:is(.warning, .is-warning)::before { content: "i"; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 207, 98); color: rgb(79, 57, 0); }
.friend-page-host .project-feedback-toast:is(.warning, .is-warning) { border-top-color: rgba(243, 207, 98, 0.62) !important; border-right-color: rgba(243, 207, 98, 0.62) !important; border-bottom-color: rgba(243, 207, 98, 0.62) !important; border-left-color: rgba(243, 207, 98, 0.62) !important; background-image: linear-gradient(135deg, rgb(114, 85, 11), rgb(89, 64, 6)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; }
.friend-page-host .project-feedback-toast:is(.error, .is-error) { border-top-color: rgba(255, 160, 147, 0.58) !important; border-right-color: rgba(255, 160, 147, 0.58) !important; border-bottom-color: rgba(255, 160, 147, 0.58) !important; border-left-color: rgba(255, 160, 147, 0.58) !important; background-image: linear-gradient(135deg, rgb(124, 40, 30), rgb(95, 31, 25)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; }
.friend-page-host .project-feedback-toast:is(.error, .is-error)::before { content: "!"; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 214, 207); color: rgb(123, 36, 27); }
.friend-page-host .project-feedback-toast.is-busy { animation-duration: 0.2s !important; animation-timing-function: ease-out !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: friend-page--project-feedback-in !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .project-feedback-toast.is-busy::before { content: "…"; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 244, 221); color: rgb(49, 93, 22); }
.friend-page-host .project-feedback-toast.project-progress-toast { display: grid !important; row-gap: 8px !important; column-gap: 8px !important; overflow-x: hidden !important; }
.friend-page-host .project-feedback-toast.project-progress-toast::before { display: none !important; }
.friend-page-host .project-feedback-toast.project-progress-toast .progress-status { color: rgb(255, 255, 255) !important; }
.friend-page-host .project-feedback-toast.project-progress-toast .progress-status small { color: rgba(255, 255, 255, 0.76) !important; }
.friend-page-host .project-feedback-toast.project-progress-toast progress { width: 100% !important; }
.friend-page-host .analysis-progress:not(.project-feedback-toast) { position: fixed !important; z-index: 130 !important; inset-inline-start: 50% !important; inset-inline-end: auto !important; bottom: max(18px,env(safe-area-inset-bottom)) !important; width: min(430px, -36px + 100vw) !important; max-height: min(220px, 100dvh - 120px) !important; box-sizing: border-box !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; overflow-x: hidden !important; overflow-y: auto !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; transform: translateX(-50%) !important; box-shadow: rgba(0, 42, 34, 0.22) 0px 18px 44px !important; animation-duration: 0.2s !important; animation-timing-function: ease-out !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: friend-page--project-feedback-in !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .analysis-progress.tkgm-test-progress:not(.project-feedback-toast) { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .project-feedback-toast :is(button, a) { pointer-events: auto !important; }
.friend-page-host .project-feedback-toast > span:first-child { display: none !important; }
@keyframes friend-page--project-feedback-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes friend-page--project-feedback-out {
100% { opacity: 0; visibility: hidden; }
}
@media (max-width: 760px) {
.friend-page-host .project-feedback-toast, .friend-page-host .analysis-progress:not(.project-feedback-toast) { inset-inline-start: 50% !important; inset-inline-end: auto !important; top: calc(max(var(--project-header-height,64px),var(--mobile-topbar-total-height,64px)) + 10px) !important; bottom: auto !important; width: min(430px, -24px + 100vw) !important; max-height: min(200px,calc(100dvh - max(var(--project-header-height,64px),var(--mobile-topbar-total-height,64px)) - 24px)) !important; overflow-x: hidden !important; overflow-y: auto !important; padding-top: 11px !important; padding-right: 13px !important; padding-bottom: 11px !important; padding-left: 13px !important; transform: translateX(-50%) !important; box-shadow: rgba(0, 42, 34, 0.2) 0px 10px 28px !important; }
.friend-page-host .project-feedback-toast:not(.project-progress-toast):not(.is-busy) { animation-duration: 0.2s, 0.22s !important; animation-timing-function: ease-out, ease !important; animation-delay: 0s, 4.4s !important; animation-iteration-count: 1, 1 !important; animation-direction: normal, normal !important; animation-fill-mode: none, forwards !important; animation-play-state: running, running !important; animation-name: friend-page--project-feedback-in, friend-page--project-feedback-out !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .toast { position: fixed !important; z-index: 130 !important; inset-inline-start: 50% !important; inset-inline-end: auto !important; top: calc(max(var(--project-header-height,64px),var(--mobile-topbar-total-height,64px)) + 10px) !important; bottom: auto !important; width: min(430px, -24px + 100vw) !important; max-width: 430px !important; max-height: min(200px,calc(100dvh - max(var(--project-header-height,64px),var(--mobile-topbar-total-height,64px)) - 24px)) !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; overflow-y: auto !important; transform: translateX(-50%) !important; animation-duration: 0.2s !important; animation-timing-function: ease-out !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: friend-page--project-feedback-in !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
@media print {
.friend-page-host .project-feedback-toast, .friend-page-host .analysis-progress { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .project-feedback-toast { animation-duration: 0.01ms !important; animation-timing-function: linear !important; animation-delay: 4.4s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: forwards !important; animation-play-state: running !important; animation-name: friend-page--project-feedback-out !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
.friend-page-host .project-feedback-toast:not(.project-progress-toast):not(.is-busy) { animation-duration: 0.01ms !important; animation-timing-function: linear !important; animation-delay: 4.4s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: forwards !important; animation-play-state: running !important; animation-name: friend-page--project-feedback-out !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .toast { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
@media (min-width: 901px) and (max-height: 650px) {
.friend-page-host .sidebar > .side-nav > button, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item { padding-block-start: 2px !important; padding-block-end: 2px !important; }
.friend-page-host .sidebar > .side-nav > button .nav-icon, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link .nav-icon, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item > span { flex-basis: 28px !important; width: 28px !important; min-width: 28px !important; height: 28px !important; }
}
@media (min-width: 901px) {
.friend-page-host .sidebar, .friend-page-host .twin-sidebar.unified-sidebar { background-image: radial-gradient(circle at -8% 2%, rgba(211, 232, 72, 0.17), transparent 25%), radial-gradient(circle at 108% 94%, rgba(21, 139, 105, 0.2), transparent 31%), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.016) 0px, rgba(255, 255, 255, 0.016) 1px, transparent 1px, transparent 48px), linear-gradient(rgb(16, 87, 68) 0%, rgb(10, 72, 59) 48%, rgb(6, 60, 52) 100%) !important; background-position-x: initial, initial, initial, initial !important; background-position-y: initial, initial, initial, initial !important; background-size: initial, initial, initial, initial !important; background-repeat: initial, initial, initial, initial !important; background-attachment: initial, initial, initial, initial !important; background-origin: initial, initial, initial, initial !important; background-clip: initial, initial, initial, initial !important; background-color: initial !important; border-right-width: 1px !important; border-right-style: solid !important; border-right-color: rgba(207, 226, 76, 0.25) !important; box-shadow: rgba(255, 255, 255, 0.035) -1px 0px inset, rgba(0, 40, 32, 0.11) 10px 0px 34px !important; }
html[data-theme="dark"] .friend-page-host .sidebar, html[data-theme="dark"] .friend-page-host .twin-sidebar.unified-sidebar { background-image: radial-gradient(circle at -8% 2%, rgba(183, 215, 59, 0.1), transparent 25%), radial-gradient(circle at 108% 94%, rgba(32, 100, 81, 0.14), transparent 31%), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.01) 0px, rgba(255, 255, 255, 0.01) 1px, transparent 1px, transparent 48px), linear-gradient(rgb(23, 32, 29) 0%, rgb(17, 25, 23) 100%) !important; background-position-x: initial, initial, initial, initial !important; background-position-y: initial, initial, initial, initial !important; background-size: initial, initial, initial, initial !important; background-repeat: initial, initial, initial, initial !important; background-attachment: initial, initial, initial, initial !important; background-origin: initial, initial, initial, initial !important; background-clip: initial, initial, initial, initial !important; background-color: initial !important; border-right-color: rgba(190, 218, 91, 0.15) !important; }
.friend-page-host .sidebar > .brand, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak { position: relative !important; padding-bottom: 20px !important; }
.friend-page-host .sidebar > .brand::after, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak::after { content: ""; position: absolute; right: 4px; bottom: 8px; left: 4px; height: 1px; background-image: linear-gradient(90deg, rgba(208, 233, 53, 0.5), rgba(255, 255, 255, 0.07) 62%, transparent); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; pointer-events: none; }
.friend-page-host .sidebar > .brand .brand-logo, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak img { filter: drop-shadow(rgba(0, 28, 22, 0.2) 0px 8px 14px); }
.friend-page-host .sidebar > .side-nav, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav { position: relative !important; isolation: isolate !important; row-gap: clamp(1px, 0.2vh, 2px) !important; column-gap: clamp(1px, 0.2vh, 2px) !important; padding-top: 2px !important; padding-right: 3px !important; padding-bottom: 2px !important; padding-left: 0px !important; align-content: space-between !important; }
.friend-page-host .sidebar > .side-nav > button, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item { z-index: 1 !important; height: clamp(34px, 7.69231dvh - 20.9231px, 49px) !important; min-height: 0px !important; padding-top: 3px !important; padding-right: 9px !important; padding-bottom: 3px !important; padding-left: 9px !important; row-gap: 11px !important; column-gap: 11px !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.024), transparent 72%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(206, 221, 215) !important; box-shadow: none !important; font-weight: 620 !important; letter-spacing: 0.005em !important; transform: none !important; }
.friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item { height: clamp(34px, 7.69231dvh - 22.0769px, 49px) !important; }
.friend-page-host .sidebar > .side-nav > button::before, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link::before, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item::before { right: 8px !important; bottom: 0px !important; left: 52px !important; height: 1px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: linear-gradient(90deg, rgba(214, 231, 224, 0.13), rgba(214, 231, 224, 0.024) 82%, transparent) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; opacity: 1 !important; }
.friend-page-host .sidebar > .side-nav > button::after, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link::after, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item::after { top: 50% !important; right: 10px !important; width: 6px !important; height: 6px !important; border-top-left-radius: min(5px, 50%) !important; border-top-right-radius: min(5px, 50%) !important; border-bottom-right-radius: min(5px, 50%) !important; border-bottom-left-radius: min(5px, 50%) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(222, 242, 76) !important; box-shadow: rgba(208, 233, 53, 0.1) 0px 0px 0px 5px, rgba(208, 233, 53, 0.55) 0px 0px 15px !important; opacity: 0 !important; transform: translateY(-50%) scale(0.35) !important; }
.friend-page-host .sidebar > .side-nav > button .nav-icon, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link .nav-icon, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item > span { position: relative !important; z-index: 2 !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 32px !important; width: 32px !important; min-width: 32px !important; height: 32px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(208, 233, 53, 0.19) !important; border-right-color: rgba(208, 233, 53, 0.19) !important; border-bottom-color: rgba(208, 233, 53, 0.19) !important; border-left-color: rgba(208, 233, 53, 0.19) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.024)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(212, 231, 80) !important; box-shadow: rgba(255, 255, 255, 0.043) 0px 1px inset, rgba(0, 30, 24, 0.08) 0px 4px 10px !important; }
.friend-page-host .sidebar > .side-nav > button > span + *, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link strong, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item b { position: relative !important; z-index: 2 !important; transition-behavior: normal, normal !important; transition-duration: 0.18s, 0.18s !important; transition-timing-function: ease, ease !important; transition-delay: 0s, 0s !important; transition-property: color, transform !important; }
.friend-page-host:not([data-module="muhasebe"]) .sidebar > .side-nav > button.active, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active), .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active { border-top-color: rgba(219, 238, 82, 0.4) !important; border-right-color: rgba(219, 238, 82, 0.4) !important; border-bottom-color: rgba(219, 238, 82, 0.4) !important; border-left-color: rgba(219, 238, 82, 0.4) !important; background-image: radial-gradient(circle at 14% 50%, rgba(222, 242, 76, 0.16), transparent 31%), linear-gradient(100deg, rgba(208, 233, 53, 0.15), rgba(255, 255, 255, 0.086) 62%, rgba(255, 255, 255, 0.035)) !important; background-position-x: initial, initial !important; background-position-y: initial, initial !important; background-size: initial, initial !important; background-repeat: initial, initial !important; background-attachment: initial, initial !important; background-origin: initial, initial !important; background-clip: initial, initial !important; background-color: initial !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 28, 22, 0.2) 0px 10px 25px, rgba(255, 255, 255, 0.1) 0px 1px inset, rgba(222, 242, 76, 0.9) 3px 0px inset !important; font-weight: 760 !important; }
.friend-page-host:not([data-module="muhasebe"]) .sidebar > .side-nav > button.active::after, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active)::after, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active::after { opacity: 1 !important; transform: translateY(-50%) scale(1) !important; }
.friend-page-host:not([data-module="muhasebe"]) .sidebar > .side-nav > button.active .nav-icon, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active) .nav-icon, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active > span { border-top-color: rgb(230, 244, 127) !important; border-right-color: rgb(230, 244, 127) !important; border-bottom-color: rgb(230, 244, 127) !important; border-left-color: rgb(230, 244, 127) !important; background-image: linear-gradient(145deg, rgb(220, 239, 84), rgb(183, 213, 44)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(7, 59, 48) !important; box-shadow: rgba(157, 185, 24, 0.22) 0px 7px 17px, rgba(255, 255, 255, 0.62) 0px 1px inset !important; transform: translateY(-1px) !important; }
@media (hover: hover) and (pointer: fine) {
.friend-page-host .sidebar > .side-nav > button:hover:not(.active), .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active):not(.is-portal-active), .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover:not(.active) { border-top-color: rgba(255, 255, 255, 0.13) !important; border-right-color: rgba(255, 255, 255, 0.13) !important; border-bottom-color: rgba(255, 255, 255, 0.13) !important; border-left-color: rgba(255, 255, 255, 0.13) !important; background-image: linear-gradient(98deg, rgba(255, 255, 255, 0.106), rgba(255, 255, 255, 0.035)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(0, 29, 23, 0.13) 0px 8px 19px, rgba(255, 255, 255, 0.055) 0px 1px inset !important; transform: translateX(2px) !important; }
.friend-page-host .sidebar > .side-nav > button:hover:not(.active) .nav-icon, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active):not(.is-portal-active) .nav-icon, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover:not(.active) > span { border-top-color: rgba(224, 241, 91, 0.42) !important; border-right-color: rgba(224, 241, 91, 0.42) !important; border-bottom-color: rgba(224, 241, 91, 0.42) !important; border-left-color: rgba(224, 241, 91, 0.42) !important; background-image: linear-gradient(145deg, rgba(216, 237, 75, 0.21), rgba(216, 237, 75, 0.08)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(231, 245, 116) !important; box-shadow: rgba(0, 28, 22, 0.17) 0px 6px 15px !important; transform: translateY(-1px) scale(1.03) !important; }
.friend-page-host .sidebar > .side-nav > button:hover:not(.active) > span + *, .friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active):not(.is-portal-active) strong, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover:not(.active) b { transform: translateX(2px) !important; }
}
.friend-page-host .sidebar > .profile-mini, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile { min-height: 50px !important; padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(213, 232, 82, 0.16) !important; border-right-color: rgba(213, 232, 82, 0.16) !important; border-bottom-color: rgba(213, 232, 82, 0.16) !important; border-left-color: rgba(213, 232, 82, 0.16) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: linear-gradient(115deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.024)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: rgba(0, 29, 23, 0.13) 0px 9px 22px, rgba(255, 255, 255, 0.05) 0px 1px inset !important; }
.friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot { padding-top: 9px !important; }
.friend-page-host .sidebar > .profile-mini > span, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile > span { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: linear-gradient(145deg, rgb(207, 230, 63), rgb(121, 170, 9)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(8, 61, 49) !important; box-shadow: rgba(115, 155, 9, 0.22) 0px 5px 13px, rgba(255, 255, 255, 0.48) 0px 1px inset !important; }
}
@media (min-width: 901px) and (max-height: 740px) {
.friend-page-host .sidebar > .brand, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak { padding-bottom: 10px !important; }
.friend-page-host .sidebar > .brand::after, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak::after { bottom: 3px; }
.friend-page-host .sidebar > .profile-mini, .friend-page-host .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile { min-height: 44px !important; padding-top: 5px !important; padding-right: 7px !important; padding-bottom: 5px !important; padding-left: 7px !important; }
}
@media (min-width: 901px) and (min-height: 741px) {
.friend-page-host .sidebar, .friend-page-host .twin-sidebar.unified-sidebar { padding-top: 16px !important; }
.friend-page-host .sidebar > .brand, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak { padding-bottom: 28px !important; }
.friend-page-host .sidebar > .brand .brand-logo, .friend-page-host .twin-sidebar.unified-sidebar > .twin-brand-emlak img { object-position: center center !important; }
}
@media (min-width: 901px) {
.friend-page-host :is(.sidebar > .side-nav, .twin-sidebar.unified-sidebar > .twin-side-nav) { row-gap: 0px !important; column-gap: 0px !important; grid-auto-rows: minmax(34px, 1fr) !important; align-content: stretch !important; padding-top: 2px !important; padding-right: 0px !important; padding-bottom: 2px !important; padding-left: 0px !important; overflow-y: auto !important; scrollbar-width: thin !important; }
.friend-page-host :is(.sidebar > .side-nav > a, .sidebar > .side-nav > button, .sidebar > .side-nav .muhasebe-nav-link, .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item) { position: relative !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; width: 100% !important; height: 100% !important; min-height: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 3px !important; padding-right: 13px !important; padding-bottom: 3px !important; padding-left: 7px !important; row-gap: 12px !important; column-gap: 12px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; color: rgb(210, 225, 218) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.25 !important; transform: none !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; transition-behavior: normal, normal !important; transition-duration: 0.16s, 0.16s !important; transition-timing-function: ease, ease !important; transition-delay: 0s, 0s !important; transition-property: background-color, color !important; }
.friend-page-host :is(.sidebar > .side-nav > a, .sidebar > .side-nav > button, .sidebar > .side-nav .muhasebe-nav-link, .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item)::before { content: "" !important; position: absolute !important; top: auto !important; right: 8px !important; bottom: 0px !important; left: 43px !important; width: auto !important; height: 1px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: linear-gradient(90deg, rgba(218, 235, 226, 0.16), rgba(218, 235, 226, 0.04) 83%, transparent) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; opacity: 1 !important; pointer-events: none !important; }
.friend-page-host :is(.sidebar > .side-nav > a, .sidebar > .side-nav > button, .sidebar > .side-nav .muhasebe-nav-link, .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item)::after { content: "" !important; position: absolute !important; top: 50% !important; right: auto !important; left: 0px !important; width: 3px !important; height: 21px !important; border-top-left-radius: 1px !important; border-top-right-radius: 1px !important; border-bottom-right-radius: 1px !important; border-bottom-left-radius: 1px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(212, 229, 77) !important; box-shadow: none !important; opacity: 0 !important; transform: translateY(-50%) !important; pointer-events: none !important; }
.friend-page-host :is(.sidebar > .side-nav > a .nav-icon, .sidebar > .side-nav > button .nav-icon, .sidebar > .side-nav .muhasebe-nav-link .nav-icon, .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item > span) { display: grid !important; align-items: center !important; justify-items: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 27px !important; width: 27px !important; min-width: 27px !important; height: 30px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; color: rgb(196, 217, 84) !important; font-size: 17px !important; line-height: 1 !important; transform: none !important; }
.friend-page-host :is(.sidebar > .side-nav > a.active, .sidebar > .side-nav > button.active, .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active), .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active) { border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: linear-gradient(90deg, transparent, rgba(213, 234, 78, 0.09) 17%, rgba(213, 234, 78, 0.23) 50%, rgba(213, 234, 78, 0.09) 83%, transparent) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; font-weight: 750 !important; }
.friend-page-host :is(.sidebar > .side-nav > a.active, .sidebar > .side-nav > button.active, .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active), .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active)::after { opacity: 0 !important; transform: translateY(-50%) !important; }
.friend-page-host :is(.sidebar > .side-nav > a.active .nav-icon, .sidebar > .side-nav > button.active .nav-icon, .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active) .nav-icon, .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active > span) { border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; color: rgb(227, 242, 108) !important; transform: none !important; }
@media (hover: hover) and (pointer: fine) {
.friend-page-host :is(.sidebar > .side-nav > a, .sidebar > .side-nav > button, .sidebar > .side-nav .muhasebe-nav-link, .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item):hover:not(.active):not(.is-portal-active) { border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.035) 18%, rgba(255, 255, 255, 0.086) 50%, rgba(255, 255, 255, 0.035) 82%, transparent) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; transform: none !important; }
.friend-page-host :is(.sidebar > .side-nav > a, .sidebar > .side-nav > button, .sidebar > .side-nav .muhasebe-nav-link, .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item):hover .nav-icon, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover > span { border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; color: rgb(228, 239, 123) !important; transform: none !important; }
.friend-page-host .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active):not(.is-portal-active) .nav-icon, .friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover:not(.active) > span { border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; color: rgb(228, 239, 123) !important; transform: none !important; }
.friend-page-host .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover:not(.active) b { transform: none !important; }
}
.friend-page-host :is(.sidebar > .side-nav > a, .sidebar > .side-nav > button, .sidebar > .side-nav .muhasebe-nav-link, .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item):focus-visible { outline-color: rgb(212, 229, 77) !important; outline-style: solid !important; outline-width: 2px !important; outline-offset: -2px !important; }
html[data-theme="dark"] .friend-page-host :is(.sidebar > .side-nav > a.active, .sidebar > .side-nav > button.active, .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active), .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active) { background-image: linear-gradient(90deg, transparent, rgba(199, 222, 76, 0.07) 17%, rgba(199, 222, 76, 0.19) 50%, rgba(199, 222, 76, 0.07) 83%, transparent) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; box-shadow: none !important; }
.friend-page-host :is(.sidebar > .side-nav > a:hover:not(.active), .sidebar > .side-nav > button:hover:not(.active), .sidebar > .side-nav .muhasebe-nav-link:hover:not(.active):not(.is-portal-active), .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item:hover:not(.active)) { background-size: 100% calc(100% - 12px) !important; background-position-x: center !important; background-position-y: center !important; background-repeat: no-repeat !important; background-origin: border-box !important; background-clip: border-box !important; }
.friend-page-host :is(.sidebar > .side-nav > a.active, .sidebar > .side-nav > button.active, .sidebar > .side-nav .muhasebe-nav-link:is(.active, .is-portal-active), .twin-sidebar.unified-sidebar > .twin-side-nav > .project-nav-item.active) { background-size: 100% 100% !important; background-position-x: center !important; background-position-y: center !important; background-repeat: no-repeat !important; background-origin: border-box !important; background-clip: border-box !important; }
.friend-page-host :is(.sidebar > .profile-mini, .twin-sidebar.unified-sidebar > .twin-sidebar-foot > .twin-profile) { margin-top: 8px !important; padding-top: 10px !important; padding-right: 4px !important; padding-bottom: 2px !important; padding-left: 4px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-width: 1px !important; border-top-style: solid !important; border-top-color: rgba(208, 233, 53, 0.22) !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; }
}
.friend-page-host .auth-ip-details { display: inline-flex; align-items: center; justify-content: flex-end; row-gap: 8px; column-gap: 8px; min-width: 0px; }
.friend-page-host .auth-ip-details > .auth-ip-province { color: var(--green-2); font-size: 12px; font-weight: 700; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .auth-ip-details > strong { border-left-width: ; border-left-style: ; border-left-color: ; padding-left: 8px; white-space-collapse: collapse; text-wrap-mode: nowrap; font-variant-numeric: tabular-nums; }
.friend-page-host .login-attempts-card { margin-top: 16px; }
.friend-page-host .login-attempt-head-actions { display: flex; align-items: center; row-gap: 10px; column-gap: 10px; }
.friend-page-host .login-attempt-count { color: var(--green); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 224); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; font-size: 12px; font-weight: 700; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .login-attempt-policy { color: var(--muted); margin-top: 12px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; font-size: 12px; line-height: 1.5; }
.friend-page-host .login-attempt-list { list-style-position: initial; list-style-image: initial; list-style-type: none; display: grid; row-gap: 9px; column-gap: 9px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .login-attempt-row { display: grid; grid-template-columns: 32px minmax(0px, 1fr) auto; align-items: center; row-gap: 12px; column-gap: 12px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; min-width: 0px; }
.friend-page-host .login-attempt-number { display: grid; align-items: center; justify-items: center; align-self: start; min-height: 30px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 230, 210); border-right-color: rgb(220, 230, 210); border-bottom-color: rgb(220, 230, 210); border-left-color: rgb(220, 230, 210); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 246, 235); color: var(--green-2); font-size: 12px; font-weight: 700; }
.friend-page-host .login-attempt-main { min-width: 0px; display: grid; row-gap: 5px; column-gap: 5px; }
.friend-page-host .login-attempt-title { display: flex; align-items: baseline; flex-wrap: wrap; row-gap: 6px; column-gap: 12px; min-width: 0px; }
.friend-page-host .login-attempt-title > strong { color: var(--ink); font-size: 14px; overflow-wrap: anywhere; }
.friend-page-host .login-attempt-reason { color: rgb(165, 81, 69); font-size: 12px; }
.friend-page-host .login-attempt-location { display: flex; align-items: center; flex-wrap: wrap; row-gap: 6px; column-gap: 10px; font-size: 13px; }
.friend-page-host .login-attempt-location > span { color: var(--green-2); }
.friend-page-host .login-attempt-location > strong { color: var(--ink); font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.friend-page-host .login-attempt-device { color: var(--muted); font-size: 12px; }
.friend-page-host .login-attempt-row > time { align-self: start; color: var(--muted); font-size: 12px; white-space-collapse: collapse; text-wrap-mode: nowrap; font-variant-numeric: tabular-nums; }
.friend-page-host .login-attempt-load-more { display: flex; justify-content: center; padding-top: 18px; }
.friend-page-host .login-attempt-load-more > button, .friend-page-host .login-attempt-head-actions > button, .friend-page-host .login-attempt-state > button { min-height: 40px; padding-top: 9px; padding-right: 16px; padding-bottom: 9px; padding-left: 16px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(209, 222, 200); border-right-color: rgb(209, 222, 200); border-bottom-color: rgb(209, 222, 200); border-left-color: rgb(209, 222, 200); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 236); color: var(--green-2); font-size: 13px; font-weight: 700; }
.friend-page-host .login-attempt-load-more > button:hover, .friend-page-host .login-attempt-head-actions > button:hover, .friend-page-host .login-attempt-state > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); border-top-color: rgb(171, 201, 120); border-right-color: rgb(171, 201, 120); border-bottom-color: rgb(171, 201, 120); border-left-color: rgb(171, 201, 120); }
.friend-page-host .login-attempt-state { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--muted); font-size: 13px; line-height: 1.5; }
.friend-page-host .login-attempt-state.error { display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 247, 244); border-top-color: rgb(234, 209, 200); border-right-color: rgb(234, 209, 200); border-bottom-color: rgb(234, 209, 200); border-left-color: rgb(234, 209, 200); color: rgb(154, 81, 67); margin-bottom: 12px; }
.friend-page-host .login-attempt-state.error > span { min-width: 0px; }
.friend-page-host .login-attempt-state.error > button { flex-shrink: 0; }
.friend-page-host .login-attempts-card button:disabled { opacity: 0.6; cursor: wait; }
html[data-theme="dark"] .friend-page-host .auth-ip-details > .auth-ip-province, html[data-theme="dark"] .friend-page-host .login-attempt-location > span { color: rgb(194, 211, 82); }
html[data-theme="dark"] .friend-page-host .login-attempt-row { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 37, 29); border-top-color: rgb(51, 74, 63); border-right-color: rgb(51, 74, 63); border-bottom-color: rgb(51, 74, 63); border-left-color: rgb(51, 74, 63); }
html[data-theme="dark"] .friend-page-host .login-attempt-title > strong, html[data-theme="dark"] .friend-page-host .login-attempt-location > strong { color: rgb(237, 243, 239); }
html[data-theme="dark"] .friend-page-host :is(.login-attempt-number, .login-attempt-count, .login-attempt-load-more > button, .login-attempt-head-actions > button, .login-attempt-state > button) { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 48, 34); border-top-color: rgb(59, 81, 65); border-right-color: rgb(59, 81, 65); border-bottom-color: rgb(59, 81, 65); border-left-color: rgb(59, 81, 65); color: rgb(194, 211, 82); }
html[data-theme="dark"] .friend-page-host .login-attempt-reason { color: rgb(235, 166, 150); }
html[data-theme="dark"] .friend-page-host .login-attempt-state { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 36, 28); border-top-color: rgb(51, 74, 63); border-right-color: rgb(51, 74, 63); border-bottom-color: rgb(51, 74, 63); border-left-color: rgb(51, 74, 63); }
html[data-theme="dark"] .friend-page-host .login-attempt-state.error { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 33, 30); border-top-color: rgb(104, 76, 66); border-right-color: rgb(104, 76, 66); border-bottom-color: rgb(104, 76, 66); border-left-color: rgb(104, 76, 66); color: rgb(239, 183, 167); }
@media (width <= 760px) {
.friend-page-host .login-attempts-card > .sessions-head { align-items: flex-start; row-gap: 12px; column-gap: 12px; flex-wrap: wrap; }
.friend-page-host .login-attempt-head-actions { margin-left: auto; }
.friend-page-host .login-attempt-row { grid-template-columns: 28px minmax(0px, 1fr); row-gap: 6px; column-gap: 10px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .login-attempt-number { grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; min-height: 28px; }
.friend-page-host .login-attempt-main { grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .login-attempt-row > time { grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; }
.friend-page-host .login-attempt-state.error { flex-wrap: wrap; }
.friend-page-host .login-attempt-head-actions > button, .friend-page-host .login-attempt-load-more > button { min-height: 44px; }
}
@media (width <= 480px) {
.friend-page-host .auth-ip { flex-wrap: wrap; row-gap: 5px; column-gap: 5px; }
.friend-page-host .auth-ip-details { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; justify-content: flex-end; }
.friend-page-host .auth-ip-details > .auth-ip-province { font-size: 11px; }
.friend-page-host .auth-ip-details > strong { font-size: 12px; }
}
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(7, minmax(0px, 1fr)) minmax(150px, auto); }
.friend-page-host .context-filter-panel .context-filters.sales-property-filters { grid-template-columns: minmax(110px, 0.7fr) repeat(7, minmax(0px, 1fr)); }
.friend-page-host .list-sort-settlement { min-width: 0px; display: block; }
.friend-page-host .list-sort-bar--portfolio .list-sort-settlement > .list-sort-col { border-left-width: 2px; border-left-style: solid; border-left-color: rgb(213, 227, 194); }
html[data-theme="dark"] .friend-page-host .list-sort-bar--portfolio .list-sort-settlement > .list-sort-col { border-left-color: rgb(49, 70, 61); }
.friend-page-host .sales-ledger-panel .list-sort-sales-asset > .list-sort-col:nth-child(3) { grid-column-start: 1; grid-column-end: -1; }
@media (width > 760px) {
.friend-page-host .sales-ledger-panel .list-sort-bar--sales .list-sort-sales-asset { min-width: 0px; display: grid !important; grid-template-columns: minmax(0px, 1.4fr) minmax(0px, 0.7fr) !important; row-gap: 4px !important; column-gap: 4px !important; }
}
@media (width <= 1350px) {
.friend-page-host .context-filter-panel .context-filters.sales-property-filters { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.friend-page-host .list-sort-bar--portfolio .list-sort-settlement { flex-grow: 0; flex-shrink: 0; flex-basis: auto; display: block !important; }
}
@media (width <= 1220px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (width <= 900px) {
.friend-page-host .portfolio-filter-bar, .friend-page-host .context-filter-panel .context-filters.sales-property-filters { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (width <= 430px) {
.friend-page-host .portfolio-filter-bar { grid-template-columns: minmax(0px, 1fr); }
}

/* public/360/assets/project-chrome.css */
.friend-page-host input[type="radio"] { appearance: none; box-sizing: border-box; flex-grow: 0; flex-shrink: 0; flex-basis: auto; inline-size: 18px; block-size: 18px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; vertical-align: middle; cursor: pointer; }
.friend-page-host input[type="radio"]:checked { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; }
.friend-page-host input[type="radio"]:focus-visible { outline-color: ; outline-style: ; outline-width: ; outline-offset: 2px; }
.friend-page-host input[type="radio"]:disabled { opacity: 0.5; cursor: not-allowed; }
.friend-page-host .mobile-trash-shortcut { display: none !important; }
.friend-page-host .bot-shortcut { display: flex; align-items: center; row-gap: 7px; column-gap: 7px; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 7px !important; column-gap: 7px !important; height: 40px !important; min-height: 40px !important; padding-top: 0px !important; padding-right: 12px !important; padding-bottom: 0px !important; padding-left: 12px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(167, 201, 182, 0.42) !important; border-right-color: rgba(167, 201, 182, 0.42) !important; border-bottom-color: rgba(167, 201, 182, 0.42) !important; border-left-color: rgba(167, 201, 182, 0.42) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.12) !important; color: rgb(255, 255, 255) !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; font-style:  !important; font-variant-ligatures:  !important; font-variant-caps:  !important; font-variant-numeric:  !important; font-variant-east-asian:  !important; font-variant-alternates:  !important; font-variant-position:  !important; font-variant-emoji:  !important; font-weight:  !important; font-stretch:  !important; font-size:  !important; line-height:  !important; font-family:  !important; font-optical-sizing:  !important; font-size-adjust:  !important; font-kerning:  !important; font-feature-settings:  !important; font-variation-settings:  !important; font-language-override:  !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut small { font-style: inherit !important; font-variant-ligatures: inherit !important; font-variant-caps: inherit !important; font-variant-numeric: inherit !important; font-variant-east-asian: inherit !important; font-variant-alternates: inherit !important; font-variant-position: inherit !important; font-variant-emoji: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; color: inherit !important; letter-spacing: normal !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut svg { width: 18px !important; height: 18px !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut:is(:hover, .active) { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(186, 222, 114, 0.2) !important; border-top-color: rgb(165, 202, 105) !important; border-right-color: rgb(165, 202, 105) !important; border-bottom-color: rgb(165, 202, 105) !important; border-left-color: rgb(165, 202, 105) !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut:focus-visible { outline-color: rgb(197, 231, 149) !important; outline-style: solid !important; outline-width: 2px !important; outline-offset: 3px !important; }
.friend-page-host .icon-trash { display: block; width: 18px; height: 18px; flex-grow: 0; flex-shrink: 0; flex-basis: 18px; }
.friend-page-host .mobile-trash-shortcut .icon-trash { width: 19px; height: 19px; flex-basis: 19px; }
.friend-page-host .trash-symbol .icon-trash { width: 28px; height: 28px; flex-basis: 28px; }
.friend-page-host { --project-header-bg: linear-gradient(90deg,#145441 0%,#0d4b3d 48%,#064038 100%); --project-sidebar-bg: linear-gradient(#145441 0%,#0d4b3d 48%,#064038 100%); --project-search-bg: #fff; --project-search-text: #111; --project-header-height: 76px; }
.friend-page-host .deed-office-grid .deed-location-combobox { position: relative; min-width: 0px; }
.friend-page-host .deed-office-grid .deed-location-combobox input { width: 100%; height: 48px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(212, 221, 216); border-right-color: rgb(212, 221, 216); border-bottom-color: rgb(212, 221, 216); border-left-color: rgb(212, 221, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; color: rgb(16, 45, 40); font-weight: 700; outline-color: initial; outline-style: none; outline-width: initial; }
.friend-page-host .deed-office-grid .deed-location-combobox input:focus { border-top-color: rgb(104, 156, 25); border-right-color: rgb(104, 156, 25); border-bottom-color: rgb(104, 156, 25); border-left-color: rgb(104, 156, 25); box-shadow: rgba(104, 156, 25, 0.13) 0px 0px 0px 3px; }
.friend-page-host .deed-location-results { position: absolute; top: calc(100% + 4px); left: 0px; right: 0px; z-index: 50; max-height: 240px; overflow-y: auto; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(212, 221, 216); border-right-color: rgb(212, 221, 216); border-bottom-color: rgb(212, 221, 216); border-left-color: rgb(212, 221, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); box-shadow: rgba(8, 47, 41, 0.14) 0px 14px 30px; }
.friend-page-host .deed-location-results button { display: block; width: 100%; min-height: 38px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; text-align: left; color: rgb(16, 45, 40); cursor: pointer; }
.friend-page-host .deed-location-results button:hover, .friend-page-host .deed-location-results button.active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); color: rgb(60, 112, 0); }
.friend-page-host .deed-location-empty { padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; color: rgb(104, 115, 111); font-size: 13px; }
html[data-theme="dark"] .friend-page-host .deed-office-grid .deed-location-combobox input, html[data-theme="dark"] .friend-page-host .deed-location-results { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(11, 58, 51); border-top-color: rgb(53, 96, 88); border-right-color: rgb(53, 96, 88); border-bottom-color: rgb(53, 96, 88); border-left-color: rgb(53, 96, 88); color: rgb(238, 247, 243); }
html[data-theme="dark"] .friend-page-host .deed-location-results button { color: rgb(238, 247, 243); }
html[data-theme="dark"] .friend-page-host .deed-location-results button:hover, html[data-theme="dark"] .friend-page-host .deed-location-results button.active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 75, 52); color: rgb(214, 238, 153); }
@media (max-width: 760px) {
.friend-page-host .deed-input-card.panel { overflow-x: visible !important; overflow-y: visible !important; }
}
.friend-page-host { scrollbar-gutter: stable; }
@media (min-width: 901px) {
.friend-page-host { overflow-y: scroll !important; }
}
html[data-theme="dark"] .friend-page-host { --project-header-bg: #111917; --project-sidebar-bg: #111917; --project-search-bg: #1b2923; --project-search-text: #edf4f0; }
.friend-page-host :is(.sidebar, .twin-sidebar.unified-sidebar) { background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar { box-sizing: border-box !important; position: sticky !important; top: 0px !important; display: flex !important; align-items: center !important; row-gap: 24px !important; column-gap: 24px !important; width: 100% !important; height: var(--project-header-height) !important; min-height: var(--project-header-height) !important; max-height: var(--project-header-height) !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 34px !important; padding-bottom: 0px !important; padding-left: 34px !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-width: 0px !important; border-right-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: rgba(145, 190, 91, 0.3) !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; box-shadow: rgba(0, 32, 27, 0.18) 0px 8px 24px !important; backdrop-filter: none !important; z-index: 40 !important; font-family: var(--korfez-project-font) !important; }
.friend-page-host .twin-workspace > .topbar > .topbar-inner { display: contents !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search { box-sizing: border-box !important; position: relative !important; display: flex !important; align-items: center !important; row-gap: 9px !important; column-gap: 9px !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 340px !important; width: auto !important; min-width: 0px !important; max-width: 340px !important; height: 43px !important; min-height: 43px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 10px !important; padding-right: 13px !important; padding-bottom: 10px !important; padding-left: 13px !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; box-shadow: none !important; color: rgb(140, 140, 140) !important; overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host .twin-workspace > .topbar .global-search > form, .friend-page-host .twin-workspace > .topbar .global-search > form > label { display: contents !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search input { box-sizing: border-box !important; display: block !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 0% !important; width: 100% !important; min-width: 0px !important; height: 21px !important; min-height: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; outline-color: initial !important; outline-style: none !important; outline-width: initial !important; box-shadow: none !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: var(--project-search-text) !important; font-style:  !important; font-variant-ligatures:  !important; font-variant-caps:  !important; font-variant-numeric:  !important; font-variant-east-asian:  !important; font-variant-alternates:  !important; font-variant-position:  !important; font-variant-emoji:  !important; font-weight:  !important; font-stretch:  !important; font-size:  !important; line-height:  !important; font-family:  !important; font-optical-sizing:  !important; font-size-adjust:  !important; font-kerning:  !important; font-feature-settings:  !important; font-variation-settings:  !important; font-language-override:  !important; letter-spacing: normal !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search input::placeholder { color: rgb(140, 140, 140) !important; opacity: 1 !important; }
.friend-page-host .twin-workspace > .topbar .global-search > form > label > span { font-size: 14px !important; line-height: 21px !important; position: static !important; transform: none !important; }
.friend-page-host .twin-workspace > .topbar .global-search-close { display: none !important; }
.friend-page-host .twin-workspace > .topbar .global-search.is-focus-mode .global-search-close { display: grid !important; align-items: center !important; justify-items: center !important; position: static !important; width: 22px !important; height: 22px !important; min-height: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: var(--project-search-text) !important; font-size: 20px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .topbar-date { display: flex !important; align-items: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 0px !important; column-gap: 0px !important; width: auto !important; min-width: 0px !important; height: auto !important; min-height: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 6px !important; padding-bottom: 0px !important; padding-left: 4px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: rgb(232, 239, 227) !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; font-style:  !important; font-variant-ligatures:  !important; font-variant-caps:  !important; font-variant-numeric:  !important; font-variant-east-asian:  !important; font-variant-alternates:  !important; font-variant-position:  !important; font-variant-emoji:  !important; font-weight:  !important; font-stretch:  !important; font-size:  !important; line-height:  !important; font-family:  !important; font-optical-sizing:  !important; font-size-adjust:  !important; font-kerning:  !important; font-feature-settings:  !important; font-variation-settings:  !important; font-language-override:  !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .topbar-date-short { display: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(.theme-toggle, .settings-shortcut, .top-utility-nav > button, .top-utility-nav > a) { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 7px !important; column-gap: 7px !important; width: auto !important; min-width: 0px !important; height: 40px !important; min-height: 40px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 11px !important; padding-bottom: 0px !important; padding-left: 11px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(167, 201, 182, 0.34) !important; border-right-color: rgba(167, 201, 182, 0.34) !important; border-bottom-color: rgba(167, 201, 182, 0.34) !important; border-left-color: rgba(167, 201, 182, 0.34) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.08) !important; box-shadow: none !important; color: rgb(255, 255, 255) !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; font-style:  !important; font-variant-ligatures:  !important; font-variant-caps:  !important; font-variant-numeric:  !important; font-variant-east-asian:  !important; font-variant-alternates:  !important; font-variant-position:  !important; font-variant-emoji:  !important; font-weight:  !important; font-stretch:  !important; font-size:  !important; line-height:  !important; font-family:  !important; font-optical-sizing:  !important; font-size-adjust:  !important; font-kerning:  !important; font-feature-settings:  !important; font-variation-settings:  !important; font-language-override:  !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; transform: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(.theme-toggle, .settings-shortcut, .top-utility-nav) > :is(small, b), .friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-utility-nav :is(small, b) { font-style: inherit !important; font-variant-ligatures: inherit !important; font-variant-caps: inherit !important; font-variant-numeric: inherit !important; font-variant-east-asian: inherit !important; font-variant-alternates: inherit !important; font-variant-position: inherit !important; font-variant-emoji: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; color: inherit !important; letter-spacing: normal !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-utility-nav { display: flex !important; align-items: center !important; row-gap: 7px !important; column-gap: 7px !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: auto !important; min-width: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(.mobile-brand, .mobile-search-shortcut, .mobile-rates-shortcut, .mobile-nav-trigger) { display: none !important; }
.friend-page-host .twin-workspace { min-width: 0px !important; }
.friend-page-host .twin-workspace > .page-content { outline-color: initial; outline-style: none; outline-width: initial; }
@media (min-width: 901px) and (max-width: 1199px) {
.friend-page-host :is(.workspace, .twin-workspace) > .topbar { row-gap: 12px !important; column-gap: 12px !important; padding-inline-start: 24px !important; padding-inline-end: 24px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-utility-nav small, .friend-page-host :is(.workspace, .twin-workspace) > .topbar .settings-shortcut small { display: none !important; }
}
@media (max-width: 900px) {
.friend-page-host { --project-header-height: calc(56px + env(safe-area-inset-top,0px)); }
.friend-page-host :is(.workspace, .twin-workspace) { padding-top: 0px !important; margin-top: 0px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar { display: grid !important; grid-template-columns: minmax(0px, 1fr) repeat(3, 36px) !important; grid-template-rows: 36px !important; column-gap: 6px !important; row-gap: 0px !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .mobile-brand { grid-column-start: 1 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; display: flex !important; align-items: center !important; width: 100% !important; min-width: 0px !important; max-width: 168px !important; height: 32px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .mobile-brand img { display: block !important; width: 100% !important; height: auto !important; max-height: 32px !important; object-fit: contain !important; object-position: left center !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .topbar-date { display: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .topbar-date-long { display: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .topbar-date-short { display: inline !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-utility-nav { display: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(button.mobile-search-shortcut, button.theme-toggle, button.mobile-nav-trigger) { box-sizing: border-box !important; display: grid !important; align-items: center !important; justify-items: center !important; grid-row-start: 1 !important; grid-row-end: auto !important; width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(167, 201, 182, 0.34) !important; border-right-color: rgba(167, 201, 182, 0.34) !important; border-bottom-color: rgba(167, 201, 182, 0.34) !important; border-left-color: rgba(167, 201, 182, 0.34) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important; font-size: 19px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(.mobile-rates-shortcut.mobile-rates-shortcut, .settings-shortcut.settings-shortcut) { display: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .mobile-search-shortcut { grid-column-start: 2 !important; grid-column-end: auto !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .theme-toggle { grid-column-start: 3 !important; grid-column-end: auto !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .mobile-nav-trigger { grid-column-start: 4 !important; grid-column-end: auto !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(.theme-toggle, .mobile-nav-trigger) small { display: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .mobile-search-shortcut svg { fill: none; stroke: currentcolor; stroke-width: 1.8; width: 18px !important; height: 18px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search { display: none !important; }
.friend-page-host:is(.global-search-active) .twin-workspace > .topbar, .friend-page-host.is-mobile-search-open .friend-page-host :is(.workspace, .twin-workspace) > .topbar { height: calc(var(--project-header-height) + 54px) !important; min-height: calc(var(--project-header-height) + 54px) !important; max-height: calc(var(--project-header-height) + 54px) !important; grid-template-rows: 36px 46px !important; row-gap: 8px !important; }
.friend-page-host.is-mobile-search-open .friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search, .friend-page-host .twin-workspace > .topbar .global-search.is-mobile-open { display: flex !important; grid-row-start: 2 !important; grid-row-end: auto !important; grid-column-start: 1 !important; grid-column-end: -1 !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; max-width: none !important; height: 46px !important; min-height: 46px !important; opacity: 1 !important; pointer-events: auto !important; }
.friend-page-host .twin-workspace .mobile-more-panel { top: var(--project-header-height) !important; max-height: calc(100dvh - var(--project-header-height) - 12px) !important; }
}
.friend-page-host.global-search-active .friend-page-host :is(.workspace, .twin-workspace) > .topbar { z-index: 75 !important; }
.friend-page-host .twin-workspace > .topbar .global-search.is-focus-mode { z-index: 76 !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; }
.friend-page-host .twin-workspace > .topbar .global-search-results:not([hidden]) { position: absolute !important; top: calc(100% + 8px) !important; left: 0px !important; right: 0px !important; width: 100% !important; max-height: min(65vh, 560px) !important; overflow-x: auto !important; overflow-y: auto !important; }
@media (prefers-reduced-motion: reduce) {
.friend-page-host .twin-workspace > .topbar::after { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(.topbar-date, .theme-toggle, .settings-shortcut, .top-utility-nav) :is(span, small, b) { font-style: inherit !important; font-variant-ligatures: inherit !important; font-variant-caps: inherit !important; font-variant-numeric: inherit !important; font-variant-east-asian: inherit !important; font-variant-alternates: inherit !important; font-variant-position: inherit !important; font-variant-emoji: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; letter-spacing: normal !important; text-transform: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search > span, .friend-page-host .twin-workspace > .topbar .global-search > form > label > span { font-style:  !important; font-variant-ligatures:  !important; font-variant-caps:  !important; font-variant-numeric:  !important; font-variant-east-asian:  !important; font-variant-alternates:  !important; font-variant-position:  !important; font-variant-emoji:  !important; font-weight:  !important; font-stretch:  !important; font-size:  !important; line-height:  !important; font-family:  !important; font-optical-sizing:  !important; font-size-adjust:  !important; font-kerning:  !important; font-feature-settings:  !important; font-variation-settings:  !important; font-language-override:  !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: 8px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .page-content { padding-top: 30px !important; padding-right: 34px !important; padding-bottom: 50px !important; padding-left: 34px !important; }
@media (max-width: 900px) {
.friend-page-host :is(.workspace, .twin-workspace) > .page-content { padding-top: 14px !important; padding-right: 10px !important; padding-bottom: 30px !important; padding-left: 10px !important; }
}
.friend-page-host .workspace > .page-content.global-search-results-open { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; box-shadow: none !important; }
@media (min-width: 901px) {
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search { flex-grow: 0 !important; margin-right: 0px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut { margin-right: auto !important; margin-left: -12px !important; }
}
@media (min-width: 901px) and (max-width: 1399px) {
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-utility-nav small, .friend-page-host :is(.workspace, .twin-workspace) > .topbar .settings-shortcut small { display: none !important; }
}
@media (min-width: 901px) and (max-width: 1199px) {
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut { margin-left: 0px !important; }
}
.friend-page-host .summary-card.is-clickable { box-sizing: border-box; width: 100%; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; color: inherit; text-align: left; cursor: pointer; transition-behavior: normal, normal, normal; transition-duration: 0.16s, 0.16s, 0.16s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: transform, box-shadow, border-color; }
.friend-page-host .summary-card.is-clickable:hover { transform: translateY(-2px); box-shadow: rgba(20, 55, 43, 0.1) 0px 12px 28px; }
.friend-page-host .summary-card.is-clickable:focus-visible { position: relative; z-index: 1; outline-offset: 2px; outline-color: rgb(123, 171, 34) !important; outline-style: solid !important; outline-width: 3px !important; }
.friend-page-host .summary-card.is-clickable:active { transform: translateY(0px); }
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
.friend-page-host .summary-card.is-clickable:hover { transform: none; }
}
.friend-page-host .home-profit-summary { cursor: pointer; transition-behavior: normal, normal, normal; transition-duration: 0.16s, 0.16s, 0.16s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: transform, box-shadow, border-color; }
.friend-page-host .home-profit-summary:hover { transform: translateY(-2px); box-shadow: rgba(20, 55, 43, 0.1) 0px 12px 28px; }
.friend-page-host .home-profit-summary:active { transform: translateY(0px); }
.friend-page-host .home-profit-summary-link { position: absolute; z-index: 1; top: 0px; right: 0px; bottom: 0px; left: 0px; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }
.friend-page-host .home-profit-summary-link:focus-visible { outline-color: initial !important; outline-style: none !important; outline-width: initial !important; }
.friend-page-host .home-profit-summary:has(.home-profit-summary-link:focus-visible) { z-index: 1; outline-offset: 2px; outline-color: rgb(123, 171, 34) !important; outline-style: solid !important; outline-width: 3px !important; }
.friend-page-host .home-profit-summary > .summary-top, .friend-page-host .home-profit-summary > strong, .friend-page-host .home-profit-summary > small { position: relative; z-index: 2; pointer-events: none; }
.friend-page-host .home-profit-summary > .summary-top { row-gap: 8px; column-gap: 8px; }
.friend-page-host .home-profit-summary > .summary-top > span { min-width: 0px; line-height: 1.15; }
.friend-page-host .home-profit-summary .summary-year-control { box-sizing: border-box; position: relative; z-index: 3; flex-grow: 0; flex-shrink: 0; flex-basis: 74px; width: 74px; height: 30px; min-width: 0px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; pointer-events: auto; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 216, 199); border-right-color: rgb(203, 216, 199); border-bottom-color: rgb(203, 216, 199); border-left-color: rgb(203, 216, 199); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 251, 243); color: rgb(65, 104, 0); font-size: 12px; font-weight: 850; line-height: 1; cursor: pointer; }
html[data-theme="dark"] .friend-page-host .home-profit-summary .summary-year-control { border-top-color: rgb(61, 85, 73); border-right-color: rgb(61, 85, 73); border-bottom-color: rgb(61, 85, 73); border-left-color: rgb(61, 85, 73); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(22, 37, 30); color: rgb(216, 239, 156); }
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
.friend-page-host .home-profit-summary:hover { transform: none; }
}
@media (min-width: 901px) {
.friend-page-host :is(.finance-command-actions, .context-page-actions, .portfolio-command-actions) { display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; row-gap: 8px !important; column-gap: 8px !important; width: auto !important; min-width: 0px !important; }
.friend-page-host :is(.finance-command-actions, .context-page-actions, .portfolio-command-actions) > :is(button, a, .primary-btn, .secondary-btn, .ghost-btn, .finance-link) { box-sizing: border-box !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: 112px !important; width: 112px !important; min-width: 108px !important; max-width: 116px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 11px !important; padding-bottom: 0px !important; padding-left: 11px !important; justify-content: center !important; text-align: center !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; font-size: 12px !important; line-height: 1.15 !important; }
}
@media (max-width: 760px) {
.friend-page-host .finance-command-center > header { padding-top: 14px !important; padding-right: 14px !important; padding-bottom: 14px !important; padding-left: 14px !important; row-gap: 14px !important; column-gap: 14px !important; }
.friend-page-host :is(.finance-command-actions, .context-page-actions, .portfolio-command-actions) { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(96px, 100%), 1fr)) !important; align-items: stretch !important; justify-content: stretch !important; row-gap: 7px !important; column-gap: 7px !important; width: 100% !important; min-width: 0px !important; }
.friend-page-host :is(.finance-command-actions, .context-page-actions, .portfolio-command-actions) > :is(button, a, .primary-btn, .secondary-btn, .ghost-btn, .finance-link) { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; grid-column-start: auto !important; grid-column-end: auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: 100% !important; min-width: 0px !important; max-width: none !important; min-height: 44px !important; height: auto !important; max-height: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 5px !important; padding-right: 7px !important; padding-bottom: 5px !important; padding-left: 7px !important; text-align: center !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; overflow-wrap: normal !important; word-break: normal !important; font-size: clamp(10px, 3vw, 12px) !important; line-height: 1.12 !important; }
.friend-page-host .context-filter-heading-actions { display: grid !important; grid-template-columns: auto minmax(0px, 1fr) !important; align-items: center !important; row-gap: 8px !important; column-gap: 8px !important; width: 100% !important; min-width: 0px !important; }
.friend-page-host .view-stack > .summary-grid:not(.transaction-summary) { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 8px !important; column-gap: 8px !important; width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 12px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; overflow-x: visible !important; overflow-y: visible !important; scroll-snap-type: none !important; }
.friend-page-host .view-stack > .summary-grid:not(.transaction-summary) > .summary-card { width: 100% !important; min-width: 0px !important; min-height: 96px !important; padding-top: 11px !important; padding-right: 12px !important; padding-bottom: 14px !important; padding-left: 12px !important; scroll-snap-align: none !important; }
.friend-page-host .view-stack > .summary-grid:not(.transaction-summary) > .summary-card > strong { margin-top: 9px !important; margin-right: 0px !important; margin-bottom: 4px !important; margin-left: 0px !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; overflow-wrap: anywhere !important; font-size: 18px !important; line-height: 1.08 !important; }
.friend-page-host .view-stack > .summary-grid:not(.transaction-summary) > .summary-card > small { font-size: 10px !important; line-height: 1.3 !important; }
.friend-page-host .home-profit-summary .summary-year-control { flex-basis: 58px; width: 58px; height: 28px; padding-inline-start: 2px; padding-inline-end: 2px; font-size: 13px !important; }
.friend-page-host .home-profit-summary > .summary-top > span { overflow-wrap: normal !important; word-break: normal !important; }
.friend-page-host .finance-summary-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .finance-summary-grid:has(> .finance-summary-card:only-child) { grid-template-columns: minmax(0px, 1fr) !important; }
.friend-page-host .finance-summary-grid > .finance-summary-card:last-child:nth-child(2n+1) { grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .finance-summary-card { min-height: 96px !important; padding-top: 11px !important; padding-right: 12px !important; padding-bottom: 14px !important; padding-left: 12px !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .finance-summary-card strong { font-size: 18px !important; line-height: 1.1 !important; }
.friend-page-host :is(.finance-expense-categories, .finance-year-list) { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 350px) {
.friend-page-host :is(.finance-command-actions, .context-page-actions, .portfolio-command-actions) { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 760px) {
.friend-page-host .person-summary-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; }
.friend-page-host .person-summary-grid > span { min-width: 0px !important; display: grid !important; align-content: center !important; justify-content: stretch !important; row-gap: 3px !important; column-gap: 3px !important; padding-top: 8px !important; padding-right: 7px !important; padding-bottom: 8px !important; padding-left: 7px !important; text-align: center !important; }
.friend-page-host .person-summary-grid strong { min-width: 0px !important; overflow-wrap: normal !important; word-break: normal !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; font-size: clamp(11px, 3.55vw, 14px) !important; line-height: 1.15 !important; }
.friend-page-host :is(.portfolio-card-facts, .statement-transaction-facts) { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host :is(.portfolio-card-facts, .statement-transaction-facts) > span, .friend-page-host .portfolio-card-facts > span + span { min-width: 0px !important; grid-column-start: auto !important; grid-column-end: auto !important; padding-top: 8px !important; padding-right: 9px !important; padding-bottom: 8px !important; padding-left: 9px !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; }
.friend-page-host :is(.portfolio-card-facts, .statement-transaction-facts) strong { overflow-wrap: anywhere !important; line-height: 1.25 !important; }
.friend-page-host .report-table tr { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 7px !important; column-gap: 7px !important; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > :is(a, button) { width: 100% !important; min-width: 0px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; display: grid !important; grid-template-columns: 26px minmax(0px, 1fr) !important; align-items: center !important; row-gap: 5px !important; column-gap: 5px !important; padding-top: 6px !important; padding-right: 6px !important; padding-bottom: 6px !important; padding-left: 6px !important; text-align: left !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; font-size: 10.5px !important; line-height: 1.1 !important; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > :is(a, button) > b { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; font-size: 11px !important; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > :is(a, button) > span { min-width: 0px !important; display: block !important; overflow-wrap: normal !important; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > :is(a, button) > span > small { display: none !important; }
.friend-page-host .hesaplamalar-hub .share-details-card { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 10px !important; column-gap: 10px !important; }
.friend-page-host .hesaplamalar-hub .share-details-card > :not(.share-owner-grid):not(.share-location-grid) { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .hesaplamalar-hub .share-details-card > :is(.share-owner-grid, .share-location-grid) { display: contents !important; }
.friend-page-host .hesaplamalar-hub .share-details-card > :is(.share-owner-grid, .share-location-grid) > .field { grid-column-start: auto !important; grid-column-end: auto !important; min-width: 0px !important; width: 100% !important; }
.friend-page-host .hesaplamalar-hub .share-details-card .field :is(input, select, .location-combobox) { min-width: 0px !important; width: 100% !important; }
.friend-page-host :is(.deed-input-actions, .identity-upload-actions, .share-head-actions, .context-filter-actions) { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(112px, 100%), 1fr)) !important; align-items: stretch !important; row-gap: 7px !important; column-gap: 7px !important; width: 100% !important; }
.friend-page-host :is(.deed-input-actions, .identity-upload-actions, .share-head-actions, .context-filter-actions) > button { box-sizing: border-box !important; grid-column-start: auto !important; grid-column-end: auto !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: 100% !important; min-width: 0px !important; min-height: 44px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-inline-start: 8px !important; padding-inline-end: 8px !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; line-height: 1.15 !important; }
.friend-page-host .share-head-actions > .share-formula-chip { min-width: 0px !important; }
}
@media (max-width: 400px) {
.friend-page-host .person-summary-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .person-summary-grid > span:last-child:nth-child(2n+1) { grid-column-start: 1 !important; grid-column-end: -1 !important; }
}
@media (max-width: 350px) {
.friend-page-host .person-summary-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 760px) {
.friend-page-host :is(.finance-command-actions, .context-page-actions, .portfolio-command-actions):has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.friend-page-host :is(.finance-command-actions, .context-page-actions, .portfolio-command-actions):has(> :nth-child(4)) { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
.friend-page-host .app-shell > .modal-backdrop { box-sizing: border-box !important; position: fixed !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; z-index: 100 !important; display: grid !important; align-items: center !important; justify-items: center !important; width: 100vw !important; max-width: none !important; height: 100dvh !important; max-height: none !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; overflow-x: hidden !important; overflow-y: hidden !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(12, 27, 22, 0.58) !important; pointer-events: auto !important; }
.friend-page-host .app-shell > .modal-backdrop > .modal { box-sizing: border-box !important; position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: min(1040px, 100%) !important; max-width: 100% !important; height: auto !important; min-height: 0px !important; max-height: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; transform: none !important; }
.friend-page-host .app-shell > .modal-backdrop > .person-modal { width: min(720px, 100%) !important; }
.friend-page-host .app-shell > .modal-backdrop > .batch-property-modal { width: min(1420px, 100%) !important; }
@media (max-width: 760px) {
.friend-page-host .app-shell > .modal-backdrop { padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; }
.friend-page-host .app-shell > .modal-backdrop > .modal { width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 100% !important; }
}
.friend-page-host.shared-body { min-height: 100vh; background-image: radial-gradient(80% 42% at 50% -10%, rgba(139, 179, 51, 0.13), transparent 65%), initial; background-position-x: initial, initial; background-position-y: initial, initial; background-size: initial, initial; background-repeat: initial, initial; background-attachment: initial, initial; background-origin: initial, initial; background-clip: initial, initial; background-color: rgb(238, 242, 237); color: rgb(36, 54, 47); }
.friend-page-host.shared-body .shared-header { min-height: 0px; display: block; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; background-image: linear-gradient(112deg, rgb(6, 59, 50), rgb(13, 75, 61) 58%, rgb(18, 84, 66)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; box-shadow: rgba(7, 54, 43, 0.15) 0px 10px 34px; }
.friend-page-host .shared-header-inner { box-sizing: border-box; width: min(1280px, 100% - 32px); min-height: 88px; margin-inline-start: auto; margin-inline-end: auto; display: grid; grid-template-columns: 185px minmax(0px, 1fr) auto; align-items: center; row-gap: 18px; column-gap: 18px; }
.friend-page-host .shared-project-brand { box-sizing: border-box; display: grid; align-items: center; justify-items: center; width: 185px; min-height: 57px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; box-shadow: none; }
.friend-page-host .shared-project-brand img { display: block; width: 100%; max-height: 43px; object-fit: contain; }
.friend-page-host .shared-project-brand .shared-brand-name { display: block; color: rgb(255, 255, 255); font-size: 11px; font-weight: 800; line-height: 1.2; letter-spacing: 0.2px; text-align: center; }
.friend-page-host .statement-brand .project-product-name, .friend-page-host .public-portfolio-nav > a .project-product-name, .friend-page-host .document-share-header > a .project-product-name { display: block; width: 100%; height: auto; margin-top: 4px; color: rgb(255, 255, 255); font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 800; font-stretch: normal; font-size: 11px; line-height: 1.2; font-family: Satoshi, Arial, sans-serif; letter-spacing: 0.2px; text-align: center; }
.friend-page-host .shared-header-copy { min-width: 0px; }
.friend-page-host .shared-header-copy :is(small, strong, span) { display: block; }
.friend-page-host .shared-header-copy small { color: rgb(200, 223, 97); font-weight: 900; letter-spacing: 0.13em; font-size: 9px !important; }
.friend-page-host .shared-header-copy strong { margin-top: 3px; color: rgb(255, 255, 255); font-size: 18px; line-height: 1.2; }
.friend-page-host .shared-header-copy span { margin-top: 3px; color: rgb(168, 192, 183); font-size: 9px; }
.friend-page-host .shared-page-actions { display: flex; align-items: center; justify-content: flex-end; row-gap: 7px; column-gap: 7px; }
.friend-page-host .shared-page-actions button { box-sizing: border-box; width: auto; min-width: 104px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; row-gap: 6px; column-gap: 6px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.25); border-right-color: rgba(255, 255, 255, 0.25); border-bottom-color: rgba(255, 255, 255, 0.25); border-left-color: rgba(255, 255, 255, 0.25); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .shared-page-actions button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.15); }
.friend-page-host .shared-page-actions button.primary { border-top-color: rgb(102, 143, 16); border-right-color: rgb(102, 143, 16); border-bottom-color: rgb(102, 143, 16); border-left-color: rgb(102, 143, 16); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); box-shadow: rgba(34, 69, 0, 0.28) 0px 7px 17px; }
.friend-page-host .shared-page-actions button.primary:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(75, 121, 0); }
.friend-page-host .shared-action-feedback { box-sizing: border-box; width: min(1280px, 100% - 32px); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 9px; padding-left: 0px; color: rgb(217, 232, 225); font-size: 10px; font-weight: 750; text-align: right; }
.friend-page-host .shared-action-feedback[hidden] { display: none; }
.friend-page-host.shared-body .shared-container { box-sizing: border-box; width: min(1280px, 100% - 32px); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 22px; padding-right: 0px; padding-bottom: 42px; padding-left: 0px; }
.friend-page-host.shared-body .shared-title-panel { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; row-gap: 18px; column-gap: 18px; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; padding-top: 20px; padding-right: 22px; padding-bottom: 20px; padding-left: 22px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 229, 218); border-right-color: rgb(220, 229, 218); border-bottom-color: rgb(220, 229, 218); border-left-color: rgb(220, 229, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); box-shadow: rgba(24, 63, 48, 0.043) 0px 10px 30px; }
.friend-page-host.shared-body .shared-title-panel h1 { margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(19, 43, 34); font-size: clamp(24px, 2.6vw, 34px); }
.friend-page-host.shared-body .shared-title-panel p { max-width: 850px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(112, 128, 120); font-size: 11px; line-height: 1.5; }
.friend-page-host .shared-readonly-badge { flex-grow: 0; flex-shrink: 0; flex-basis: auto; display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); color: rgb(84, 123, 8); font-size: 10px; font-weight: 900; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host.shared-body .share-trust-note { box-sizing: border-box; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 230, 198); border-right-color: rgb(217, 230, 198); border-bottom-color: rgb(217, 230, 198); border-left-color: rgb(217, 230, 198); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 243); }
.friend-page-host.shared-body .shared-net, .friend-page-host.shared-body .shared-summary-grid, .friend-page-host.shared-body .shared-panel { box-shadow: rgba(22, 60, 45, 0.05) 0px 12px 34px; }
.friend-page-host.shared-body .shared-summary-grid { row-gap: 1px; column-gap: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 229, 218); border-right-color: rgb(220, 229, 218); border-bottom-color: rgb(220, 229, 218); border-left-color: rgb(220, 229, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(220, 229, 218); overflow-x: hidden; overflow-y: hidden; }
.friend-page-host.shared-body .shared-summary-grid article { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host.shared-body .shared-panel { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 229, 218); border-right-color: rgb(220, 229, 218); border-bottom-color: rgb(220, 229, 218); border-left-color: rgb(220, 229, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host.shared-body .shared-panel .panel-head { padding-top: 16px; padding-right: 18px; padding-bottom: 16px; padding-left: 18px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 229, 219); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 252, 248); }
.friend-page-host.shared-body .shared-table th + th, .friend-page-host.shared-body .shared-table td + td, .friend-page-host.shared-body .shared-payments-table th + th, .friend-page-host.shared-body .shared-payments-table td + td { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(227, 233, 224); }
.friend-page-host.shared-body .shared-footer { margin-top: 14px; padding-top: 16px; padding-right: 18px; padding-bottom: 16px; padding-left: 18px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 229, 218); border-right-color: rgb(220, 229, 218); border-bottom-color: rgb(220, 229, 218); border-left-color: rgb(220, 229, 218); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
html[data-theme="dark"] .friend-page-host.shared-body { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(8, 26, 21); color: rgb(220, 233, 226); }
html[data-theme="dark"] .friend-page-host.shared-body .shared-title-panel, html[data-theme="dark"] .friend-page-host.shared-body .shared-summary-grid article, html[data-theme="dark"] .friend-page-host.shared-body .shared-panel, html[data-theme="dark"] .friend-page-host.shared-body .shared-footer { border-top-color: rgb(48, 71, 61); border-right-color: rgb(48, 71, 61); border-bottom-color: rgb(48, 71, 61); border-left-color: rgb(48, 71, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 35, 28); }
html[data-theme="dark"] .friend-page-host.shared-body .shared-title-panel h1 { color: rgb(240, 245, 242); }
html[data-theme="dark"] .friend-page-host.shared-body .shared-title-panel p { color: rgb(167, 183, 174); }
html[data-theme="dark"] .friend-page-host.shared-body .shared-summary-grid { border-top-color: rgb(48, 71, 61); border-right-color: rgb(48, 71, 61); border-bottom-color: rgb(48, 71, 61); border-left-color: rgb(48, 71, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(48, 71, 61); }
html[data-theme="dark"] .friend-page-host.shared-body .share-trust-note { border-top-color: rgb(58, 81, 61); border-right-color: rgb(58, 81, 61); border-bottom-color: rgb(58, 81, 61); border-left-color: rgb(58, 81, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 40, 31); }
html[data-theme="dark"] .friend-page-host.shared-body .shared-panel .panel-head { border-top-color: rgb(48, 71, 61); border-right-color: rgb(48, 71, 61); border-bottom-color: rgb(48, 71, 61); border-left-color: rgb(48, 71, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); }
html[data-theme="dark"] .friend-page-host.shared-body .shared-table th + th, html[data-theme="dark"] .friend-page-host.shared-body .shared-table td + td, html[data-theme="dark"] .friend-page-host.shared-body .shared-payments-table th + th, html[data-theme="dark"] .friend-page-host.shared-body .shared-payments-table td + td { border-left-color: rgb(48, 71, 61); }
@media (max-width: 760px) {
.friend-page-host .shared-header-inner { width: calc(100% - 22px); grid-template-columns: minmax(0px, 1fr) auto; row-gap: 10px; column-gap: 10px; padding-top: 12px; padding-right: 0px; padding-bottom: 12px; padding-left: 0px; }
.friend-page-host .shared-project-brand { grid-column-start: 1; grid-column-end: auto; width: min(158px, 100%); min-height: 48px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .shared-header-copy { grid-column-start: 1; grid-column-end: -1; grid-row-start: 2; grid-row-end: auto; }
.friend-page-host .shared-page-actions { grid-column-start: 1; grid-column-end: -1; grid-row-start: 3; grid-row-end: auto; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); width: 100%; }
.friend-page-host .shared-page-actions button { width: 100%; min-width: 0px; height: 44px; min-height: 44px; padding-inline-start: 6px; padding-inline-end: 6px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .shared-action-feedback { width: calc(100% - 22px); padding-bottom: 10px; text-align: left; }
.friend-page-host.shared-body .shared-container { width: calc(100% - 20px); padding-top: 10px; padding-right: 0px; padding-bottom: 24px; padding-left: 0px; }
.friend-page-host.shared-body .shared-title-panel { align-items: flex-start; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; row-gap: 10px; column-gap: 10px; }
.friend-page-host .shared-readonly-badge { min-height: 27px; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 9px; }
.friend-page-host.shared-body .shared-summary-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host.shared-body .shared-summary-grid article { min-width: 0px; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
.friend-page-host.shared-body .shared-table th + th, .friend-page-host.shared-body .shared-table td + td, .friend-page-host.shared-body .shared-payments-table th + th, .friend-page-host.shared-body .shared-payments-table td + td { border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; }
}
@media print {
.friend-page-host.shared-body { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; }
.friend-page-host.shared-body .shared-header { position: static; box-shadow: none; }
.friend-page-host.shared-body .shared-header, .friend-page-host .shared-project-brand { print-color-adjust: exact; }
.friend-page-host .shared-header-inner { min-height: 72px; }
.friend-page-host .shared-page-actions, .friend-page-host .shared-action-feedback { display: none !important; }
.friend-page-host.shared-body .shared-container { width: 100%; padding-top: 14px; padding-right: 0px; padding-bottom: 14px; padding-left: 0px; }
.friend-page-host.shared-body .shared-title-panel, .friend-page-host.shared-body .shared-net, .friend-page-host.shared-body .shared-summary-grid, .friend-page-host.shared-body .shared-panel, .friend-page-host.shared-body .shared-footer { box-shadow: none; break-inside: avoid; }
}
@media (max-width: 900px) {
.friend-page-host, .friend-page-host { max-width: 100%; overscroll-behavior-x: none; overflow-x: clip !important; }
.friend-page-host { overflow-y: auto !important; }
.friend-page-host { overflow-y: visible !important; }
.friend-page-host :is(.friend-page-host, .app-shell, .workspace, .twin-workspace) { transform: none !important; filter: none !important; perspective: none !important; contain: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) { padding-top: var(--project-header-height) !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar { position: fixed !important; bottom: auto !important; top: 0px !important; right: 0px !important; left: 0px !important; width: 100% !important; padding-right: max(12px,env(safe-area-inset-right,0px)) !important; padding-left: max(12px,env(safe-area-inset-left,0px)) !important; z-index: 1000 !important; transform: none !important; backface-visibility: visible !important; }
.friend-page-host { scroll-padding-top: calc(var(--project-header-height) + 12px) !important; }
.friend-page-host .app-shell.global-search-mode { --mobile-topbar-offset: var(--project-header-height) !important; }
.friend-page-host .app-shell.global-search-mode .workspace > .topbar, .friend-page-host.is-mobile-search-open .friend-page-host .workspace > .topbar { grid-template-columns: minmax(0px, 1fr) !important; grid-template-rows: 36px !important; row-gap: 0px !important; height: var(--project-header-height) !important; min-height: var(--project-header-height) !important; max-height: var(--project-header-height) !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; box-shadow: rgba(0, 32, 27, 0.18) 0px 8px 24px !important; }
.friend-page-host .app-shell.global-search-mode .workspace > .topbar > :not(.global-search), .friend-page-host.is-mobile-search-open .friend-page-host .workspace > .topbar > :not(.global-search) { display: none !important; }
.friend-page-host .app-shell.global-search-mode .workspace > .topbar > .global-search, .friend-page-host.is-mobile-search-open .friend-page-host .workspace > .topbar > .global-search { box-sizing: border-box !important; display: flex !important; grid-row-start: 1 !important; grid-column-start: 1 !important; grid-row-end: auto !important; grid-column-end: auto !important; align-items: center !important; width: 100% !important; max-width: none !important; height: 36px !important; min-height: 36px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 6px !important; padding-right: 11px !important; padding-bottom: 6px !important; padding-left: 11px !important; overflow-x: visible !important; overflow-y: visible !important; opacity: 1 !important; pointer-events: auto !important; visibility: visible !important; }
.friend-page-host.is-mobile-search-open .friend-page-host .twin-workspace > .topbar, .friend-page-host.global-search-active .friend-page-host .twin-workspace > .topbar { grid-template-columns: minmax(0px, 1fr) !important; grid-template-rows: 36px !important; row-gap: 0px !important; height: var(--project-header-height) !important; min-height: var(--project-header-height) !important; max-height: var(--project-header-height) !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; box-shadow: rgba(0, 32, 27, 0.18) 0px 8px 24px !important; }
.friend-page-host.is-mobile-search-open .friend-page-host .twin-workspace > .topbar .topbar-inner > :not(.global-search), .friend-page-host.global-search-active .friend-page-host .twin-workspace > .topbar .topbar-inner > :not(.global-search) { display: none !important; }
.friend-page-host.is-mobile-search-open .friend-page-host .twin-workspace > .topbar .global-search, .friend-page-host.global-search-active .friend-page-host .twin-workspace > .topbar .global-search, .friend-page-host .twin-workspace > .topbar .global-search.is-mobile-open { box-sizing: border-box !important; display: flex !important; grid-row-start: 1 !important; grid-column-start: 1 !important; grid-row-end: auto !important; grid-column-end: auto !important; align-items: center !important; width: 100% !important; max-width: none !important; height: 36px !important; min-height: 36px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 6px !important; padding-right: 11px !important; padding-bottom: 6px !important; padding-left: 11px !important; overflow-x: visible !important; overflow-y: visible !important; opacity: 1 !important; pointer-events: auto !important; visibility: visible !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search input { text-size-adjust: 100%; height: 22px !important; min-height: 22px !important; font-style:  !important; font-variant-ligatures:  !important; font-variant-caps:  !important; font-variant-numeric:  !important; font-variant-east-asian:  !important; font-variant-alternates:  !important; font-variant-position:  !important; font-variant-emoji:  !important; font-weight:  !important; font-stretch:  !important; font-size:  !important; line-height:  !important; font-family:  !important; font-optical-sizing:  !important; font-size-adjust:  !important; font-kerning:  !important; font-feature-settings:  !important; font-variation-settings:  !important; font-language-override:  !important; }
.friend-page-host .workspace > .page-content.global-search-results-open { top: calc(var(--project-header-height) + 8px) !important; right: 10px !important; bottom: max(10px,env(safe-area-inset-bottom,0px)) !important; left: 10px !important; width: auto !important; max-width: none !important; }
.friend-page-host:has(.global-search-results-open) { overflow-x: clip !important; overflow-y: auto !important; }
.friend-page-host .global-search-results-open .search-results-view { overscroll-behavior-x: contain; overscroll-behavior-y: contain; }
}
@media (width <= 900px) {
.friend-page-host:has(.friend-page-host > .app-shell > .mobile-menu-backdrop), .friend-page-host:has(.friend-page-host > .app-shell > .mobile-menu-backdrop), .friend-page-host:has(.friend-page-host.mobile-menu-open), .friend-page-host.mobile-menu-open { overflow-x: hidden !important; overflow-y: hidden !important; overscroll-behavior-x: none !important; overscroll-behavior-y: none !important; }
}
@media (width >= 761px) {
.friend-page-host .records-panel .responsive-table :is(th, td):not(:first-child) { position: relative; }
.friend-page-host .records-panel .responsive-table :is(th, td):not(:first-child)::before { content: ""; position: absolute; z-index: 1; top: 8px; bottom: 8px; left: 0px; width: 1px; pointer-events: none; background-image: linear-gradient(transparent, rgba(90, 140, 0, 0.28) 24%, rgba(90, 140, 0, 0.28) 76%, transparent); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; transition-behavior: normal; transition-duration: 0.16s; transition-timing-function: ease; transition-delay: 0s; transition-property: background; }
.friend-page-host .records-panel .responsive-table th:not(:first-child)::before { top: 6px; bottom: 6px; background-image: linear-gradient(transparent, rgba(90, 140, 0, 0.42) 26%, rgba(90, 140, 0, 0.42) 74%, transparent); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .records-panel .responsive-table tbody tr:hover td:not(:first-child)::before { background-image: linear-gradient(transparent, rgba(90, 140, 0, 0.52) 20%, rgba(90, 140, 0, 0.52) 80%, transparent); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
html[data-theme="dark"] .friend-page-host .records-panel .responsive-table :is(th, td):not(:first-child)::before { background-image: linear-gradient(transparent, rgba(194, 211, 82, 0.3) 24%, rgba(194, 211, 82, 0.3) 76%, transparent); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
html[data-theme="dark"] .friend-page-host .records-panel .responsive-table tbody tr:hover td:not(:first-child)::before { background-image: linear-gradient(transparent, rgba(194, 211, 82, 0.48) 20%, rgba(194, 211, 82, 0.48) 80%, transparent); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
}
@media (min-width: 901px) {
.friend-page-host .app-shell > .modal-backdrop > .batch-property-modal { width: min(1120px, 100%) !important; max-width: 1120px !important; }
}
@media (max-width: 900px) {
.friend-page-host :is(.finance-command-actions.is-five-items, .context-page-actions, .portfolio-command-actions):has(> :nth-child(5):last-child) { display: grid !important; grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; grid-auto-flow: row !important; align-items: stretch !important; row-gap: 8px !important; column-gap: 8px !important; width: 100% !important; min-width: 0px !important; }
.friend-page-host :is(.finance-command-actions.is-five-items, .context-page-actions, .portfolio-command-actions):has(> :nth-child(5):last-child) > :nth-child(-n+2) { grid-column-start: span 3 !important; grid-column-end: auto !important; }
.friend-page-host :is(.finance-command-actions.is-five-items, .context-page-actions, .portfolio-command-actions):has(> :nth-child(5):last-child) > :nth-child(n+3) { grid-column-start: span 2 !important; grid-column-end: auto !important; }
.friend-page-host .finance-summary-grid.is-five-items { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .finance-summary-grid.is-five-items > .finance-summary-card:nth-child(5):last-child { grid-column-start: 1 !important; grid-column-end: -1 !important; }
}
.friend-page-host { --muted: #66736c; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search input::placeholder { color: rgb(102, 115, 108) !important; }
html[data-theme="dark"] .friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search input::placeholder { color: rgb(181, 196, 188) !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search:focus-within { box-shadow: rgba(208, 233, 53, 0.92) 0px 0px 0px 3px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(a, button):focus-visible, .friend-page-host .shared-project-brand:focus-visible, .friend-page-host .shared-page-actions button:focus-visible { outline-color: rgb(208, 233, 53) !important; outline-style: solid !important; outline-width: 3px !important; outline-offset: 2px !important; }
.friend-page-host.shared-body { min-height: 100dvh; }
.friend-page-host.shared-body .shared-title-panel p { color: rgb(102, 115, 108); }
@media (max-width: 900px) {
.friend-page-host { --project-header-height: calc(64px + env(safe-area-inset-top,0px)); }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar { grid-template-columns: minmax(0px, 1fr) repeat(3, 44px) !important; grid-template-rows: 44px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .mobile-brand { height: 44px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(button.mobile-search-shortcut, button.theme-toggle, button.mobile-nav-trigger) { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; }
.friend-page-host .twin-workspace > .topbar .global-search.is-focus-mode .global-search-close { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; }
.friend-page-host .app-shell.global-search-mode .workspace > .topbar, .friend-page-host.is-mobile-search-open .friend-page-host .workspace > .topbar, .friend-page-host.is-mobile-search-open .friend-page-host .twin-workspace > .topbar, .friend-page-host.global-search-active .friend-page-host .twin-workspace > .topbar { grid-template-rows: 44px !important; height: var(--project-header-height) !important; min-height: var(--project-header-height) !important; max-height: var(--project-header-height) !important; }
.friend-page-host .app-shell.global-search-mode .workspace > .topbar > .global-search, .friend-page-host.is-mobile-search-open .friend-page-host .workspace > .topbar > .global-search, .friend-page-host.is-mobile-search-open .friend-page-host .twin-workspace > .topbar .global-search, .friend-page-host.global-search-active .friend-page-host .twin-workspace > .topbar .global-search, .friend-page-host .twin-workspace > .topbar .global-search.is-mobile-open { height: 44px !important; min-height: 44px !important; }
.friend-page-host .app-shell > .modal-backdrop { top:  !important; right:  !important; bottom:  !important; left:  !important; width: auto !important; height: auto !important; max-height: none !important; }
.friend-page-host .app-shell > .drawer-scrim, .friend-page-host .app-shell > .detail-drawer { top: var(--project-header-height) !important; bottom: 0px !important; height: calc(100dvh - var(--project-header-height)) !important; max-height: calc(100dvh - var(--project-header-height)) !important; }
}
@media (max-width: 760px) {
.friend-page-host .shared-header-inner { width: auto; margin-left: max(11px,env(safe-area-inset-left,0px)); margin-right: max(11px,env(safe-area-inset-right,0px)); padding-top: max(12px,env(safe-area-inset-top,0px)); }
.friend-page-host .shared-action-feedback { width: auto; margin-left: max(11px,env(safe-area-inset-left,0px)); margin-right: max(11px,env(safe-area-inset-right,0px)); }
.friend-page-host.shared-body .shared-container { width: auto; margin-left: max(10px,env(safe-area-inset-left,0px)); margin-right: max(10px,env(safe-area-inset-right,0px)); padding-bottom: max(24px,env(safe-area-inset-bottom,0px)); }
.friend-page-host .shared-page-actions button { height: auto; white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; }
.friend-page-host.shared-body .shared-title-panel { flex-wrap: wrap; }
}
@media (max-width: 900px) {
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .mobile-brand img { max-height: 38px !important; }
}
@media (max-width: 760px) {
.friend-page-host > .app-shell > .mobile-menu-backdrop { box-sizing: border-box !important; top:  !important; right:  !important; bottom:  !important; left:  !important; width: auto !important; height: auto !important; max-height: none !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; align-items: stretch !important; justify-content: center !important; overflow-x: hidden !important; overflow-y: hidden !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet { box-sizing: border-box !important; display: flex !important; flex-direction: column !important; width: min(520px, 100%) !important; height: 100% !important; min-height: 0px !important; max-height: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > header { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 44px !important; min-height: 44px !important; align-items: center !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 5px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 2px !important; padding-bottom: 0px !important; padding-left: 2px !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > header p { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 1px !important; margin-left: 0px !important; font-size: 9px !important; line-height: 1 !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > header h2 { font-size: 20px !important; line-height: 1 !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav { display: grid !important; flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: auto !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; grid-template-rows: repeat(8, minmax(0px, 1fr)) !important; grid-auto-flow: row !important; row-gap: 5px !important; column-gap: 5px !important; min-height: 0px !important; overflow-x: hidden !important; overflow-y: hidden !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > button, .friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > a, .friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > a.mobile-muhasebe-link, .friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > a.mobile-settings-link { box-sizing: border-box !important; height: 100% !important; min-height: 0px !important; max-height: none !important; grid-template-columns: 32px minmax(0px, 1fr) !important; row-gap: 7px !important; column-gap: 7px !important; padding-top: 3px !important; padding-right: 7px !important; padding-bottom: 3px !important; padding-left: 7px !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > button > span, .friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > a > span, .friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > a.mobile-muhasebe-link > span, .friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > a.mobile-settings-link > span { width: 32px !important; height: 32px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; font-size: 15px !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav strong { font-size: 12.5px !important; line-height: 1.08 !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav small { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box !important; margin-top: 1px !important; overflow-x: hidden !important; overflow-y: hidden !important; font-size: 8.5px !important; line-height: 1.08 !important; }
}
@media (max-width: 760px) and (max-height: 620px) {
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet { padding-top: 5px !important; padding-bottom: max(5px,env(safe-area-inset-bottom,0px)) !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > header { flex-basis: 40px !important; min-height: 40px !important; margin-bottom: 4px !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > header p { display: none !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > header h2 { font-size: 18px !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav { row-gap: 4px !important; column-gap: 4px !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav small { display: none !important; }
}
@media (max-width: 760px) {
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-page-actions { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; justify-items: stretch !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-page-actions button { justify-content: center !important; text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-action-feedback { text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-container { text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-title-panel { align-items: center !important; justify-content: center !important; text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-title-panel > div { width: 100% !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-title-panel p { margin-inline-start: auto !important; margin-inline-end: auto !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-readonly-badge { align-self: center !important; margin-inline-start: auto !important; margin-inline-end: auto !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .share-trust-note { flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .share-trust-note p { margin-inline-start: auto !important; margin-inline-end: auto !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-net { align-items: center !important; justify-content: center !important; text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-net > div { width: 100% !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .currency-net-list > div { align-items: center !important; justify-content: center !important; text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-stamp { align-self: center !important; margin-inline-start: auto !important; margin-inline-end: auto !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-summary-grid article { text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-summary-grid > article:last-child:nth-child(2n+1) { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-panel > .panel-head { flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-panel > .panel-head > div { width: 100% !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-panel > .panel-head .soft-label { align-self: center !important; margin-inline-start: auto !important; margin-inline-end: auto !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-panel .table-wrap { overflow-x: visible !important; overflow-y: visible !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body :is(.shared-table, .shared-payments-table), .friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body :is(.shared-table, .shared-payments-table) > tbody { display: block !important; width: 100% !important; min-width: 0px !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body :is(.shared-table, .shared-payments-table) > thead { display: none !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body :is(.shared-table, .shared-payments-table) > tbody > tr { box-sizing: border-box !important; display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; row-gap: 7px !important; column-gap: 7px !important; width: calc(100% - 16px) !important; margin-top: 8px !important; margin-right: 8px !important; margin-bottom: 8px !important; margin-left: 8px !important; padding-top: 8px !important; padding-right: 8px !important; padding-bottom: 8px !important; padding-left: 8px !important; overflow-x: visible !important; overflow-y: visible !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body :is(.shared-table, .shared-payments-table) > tbody > tr > td { box-sizing: border-box !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0px !important; min-height: 80px !important; padding-top: 10px !important; padding-right: 10px !important; padding-bottom: 10px !important; padding-left: 10px !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; text-align: center !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body :is(.shared-table, .shared-payments-table) > tbody > tr > td::before { position: static !important; display: block !important; width: auto !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 5px !important; margin-left: 0px !important; text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body :is(.shared-table, .shared-payments-table) > tbody > tr > td :is(strong, b, span, small) { max-width: 100% !important; margin-inline-start: auto !important; margin-inline-end: auto !important; overflow-wrap: anywhere !important; text-align: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body :is(.shared-table, .shared-payments-table) > tbody > tr > td .badge { align-self: center !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body :is(.shared-table, .shared-payments-table) > tbody > tr > td:last-child:nth-child(2n+1) { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body :is(.shared-table, .shared-payments-table) > tbody > tr > td.empty { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host[data-public-share-kind="contact"] .friend-page-host.shared-body .shared-footer { flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; }
}
@media (max-width: 760px) {
.friend-page-host .twin-app-shell .mobile-more-layer:not([hidden]) { box-sizing: border-box !important; top:  !important; right:  !important; bottom:  !important; left:  !important; width: auto !important; height: auto !important; max-height: none !important; overflow-x: hidden !important; overflow-y: hidden !important; }
.friend-page-host .twin-app-shell .mobile-more-panel { box-sizing: border-box !important; top: 0px !important; right: auto !important; bottom: 0px !important; left: 50% !important; display: flex !important; flex-direction: column !important; width: min(520px, 100%) !important; height: 100% !important; min-height: 0px !important; max-height: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(198, 220, 63, 0.18) !important; border-right-color: rgba(198, 220, 63, 0.18) !important; border-bottom-color: rgba(198, 220, 63, 0.18) !important; border-left-color: rgba(198, 220, 63, 0.18) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(0, 63, 53) !important; color: rgb(255, 255, 255) !important; transform: translateX(-50%) !important; opacity: 1 !important; }
.friend-page-host .twin-app-shell .mobile-more-panel > header { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 44px !important; min-height: 44px !important; align-items: center !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 5px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 2px !important; padding-bottom: 0px !important; padding-left: 2px !important; }
.friend-page-host .twin-app-shell .mobile-more-panel > header .eyebrow { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 1px !important; margin-left: 0px !important; color: rgb(198, 220, 63) !important; font-size: 9px !important; line-height: 1 !important; }
.friend-page-host .twin-app-shell .mobile-more-panel > header h2 { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; color: rgb(255, 255, 255) !important; font-size: 20px !important; line-height: 1 !important; }
.friend-page-host .twin-app-shell .mobile-more-header-logout { display: block !important; }
.friend-page-host .twin-app-shell .mobile-more-logout { display: none !important; }
.friend-page-host .twin-app-shell :is(.mobile-more-logout-icon, .mobile-more-close) { display: grid !important; align-items: center !important; justify-items: center !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(255, 255, 255, 0.16) !important; border-right-color: rgba(255, 255, 255, 0.16) !important; border-bottom-color: rgba(255, 255, 255, 0.16) !important; border-left-color: rgba(255, 255, 255, 0.16) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.07) !important; color: rgb(255, 255, 255) !important; }
.friend-page-host .twin-app-shell .mobile-more-primary, .friend-page-host .twin-app-shell .mobile-more-secondary { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; grid-auto-flow: row !important; row-gap: 5px !important; column-gap: 5px !important; min-height: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; overflow-x: hidden !important; overflow-y: hidden !important; }
.friend-page-host .twin-app-shell .mobile-more-primary { flex-grow: 8 !important; flex-shrink: 1 !important; flex-basis: 0px !important; grid-template-rows: repeat(8, minmax(0px, 1fr)) !important; }
.friend-page-host .twin-app-shell .mobile-more-secondary { flex-grow: 2 !important; flex-shrink: 1 !important; flex-basis: 0px !important; grid-template-rows: repeat(2, minmax(0px, 1fr)) !important; margin-top: 5px !important; }
.friend-page-host .twin-app-shell .mobile-more-primary > a, .friend-page-host .twin-app-shell .mobile-more-secondary > a { box-sizing: border-box !important; display: grid !important; grid-template-columns: 32px minmax(0px, 1fr) !important; align-items: center !important; width: 100% !important; height: 100% !important; min-width: 0px !important; min-height: 0px !important; row-gap: 7px !important; column-gap: 7px !important; padding-top: 3px !important; padding-right: 7px !important; padding-bottom: 3px !important; padding-left: 7px !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(255, 255, 255, 0.12) !important; border-right-color: rgba(255, 255, 255, 0.12) !important; border-bottom-color: rgba(255, 255, 255, 0.12) !important; border-left-color: rgba(255, 255, 255, 0.12) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.055) !important; color: rgb(255, 255, 255) !important; }
.friend-page-host .twin-app-shell .mobile-more-primary > a > span:not(.mobile-more-copy), .friend-page-host .twin-app-shell .mobile-more-secondary > a > span:not(.mobile-more-copy) { grid-row-start: auto !important; grid-row-end: auto !important; display: grid !important; align-items: center !important; justify-items: center !important; width: 32px !important; height: 32px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(198, 220, 63) !important; color: rgb(7, 59, 49) !important; font-size: 15px !important; }
.friend-page-host .twin-app-shell .mobile-more-primary > a > .mobile-more-copy, .friend-page-host .twin-app-shell .mobile-more-secondary > a > .mobile-more-copy { grid-row-start: auto !important; grid-row-end: auto !important; display: block !important; align-items: normal !important; justify-items: normal !important; width: auto !important; height: auto !important; min-width: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: inherit !important; font-size: inherit !important; }
.friend-page-host .twin-app-shell :is(.mobile-more-primary, .mobile-more-secondary) b { display: block !important; overflow-x: hidden !important; overflow-y: hidden !important; color: rgb(255, 255, 255) !important; font-size: 12.5px !important; line-height: 1.08 !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; }
.friend-page-host .twin-app-shell :is(.mobile-more-primary, .mobile-more-secondary) small { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box !important; margin-top: 1px !important; overflow-x: hidden !important; overflow-y: hidden !important; color: rgb(158, 184, 174) !important; font-size: 8.5px !important; line-height: 1.08 !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; }
}
@media (max-width: 760px) and (max-height: 620px) {
.friend-page-host .twin-app-shell .mobile-more-panel { padding-top: 5px !important; padding-bottom: max(5px,env(safe-area-inset-bottom,0px)) !important; }
.friend-page-host .twin-app-shell .mobile-more-panel > header { flex-basis: 40px !important; min-height: 40px !important; margin-bottom: 4px !important; }
.friend-page-host .twin-app-shell .mobile-more-panel > header .eyebrow, .friend-page-host .twin-app-shell :is(.mobile-more-primary, .mobile-more-secondary) small { display: none !important; }
.friend-page-host .twin-app-shell .mobile-more-panel > header h2 { font-size: 18px !important; }
.friend-page-host .twin-app-shell .mobile-more-primary, .friend-page-host .twin-app-shell .mobile-more-secondary { row-gap: 4px !important; column-gap: 4px !important; }
.friend-page-host .twin-app-shell .mobile-more-secondary { margin-top: 4px !important; }
}
@media (max-width: 760px) {
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav { grid-template-rows: repeat(8, minmax(0px, 1fr)) !important; }
.friend-page-host .twin-app-shell .mobile-more-secondary { flex-grow: 3 !important; flex-shrink: 1 !important; flex-basis: 0px !important; grid-template-rows: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 900px) {
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > :is(button, a, a.mobile-muhasebe-link, a.mobile-settings-link) { border-top-width: 0px !important; border-right-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: rgba(218, 237, 224, 0.15) !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > :is(button, a, a.mobile-muhasebe-link, a.mobile-settings-link) > span { border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; color: rgb(209, 224, 113) !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > :is(button.active, a.active, a.is-portal-active) { border-top-color: rgba(218, 237, 224, 0.15) !important; border-right-color: rgba(218, 237, 224, 0.15) !important; border-bottom-color: rgba(218, 237, 224, 0.15) !important; border-left-color: rgba(218, 237, 224, 0.15) !important; background-image: linear-gradient(90deg, transparent, rgba(207, 230, 94, 0.09) 18%, rgba(207, 230, 94, 0.2) 50%, rgba(207, 230, 94, 0.09) 82%, transparent) !important; background-attachment: initial !important; background-color: initial !important; background-size: 100% 100% !important; background-position-x: center !important; background-position-y: center !important; background-repeat: no-repeat !important; background-origin: border-box !important; background-clip: border-box !important; box-shadow: none !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > :is(button.active, a.active, a.is-portal-active) > span { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: rgb(230, 243, 127) !important; }
}
@media (min-width: 761px) and (max-width: 900px) {
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; grid-template-rows: repeat(8, minmax(0px, 1fr)) !important; grid-auto-flow: row !important; overflow-x: hidden !important; overflow-y: hidden !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > :is(button, a, a.mobile-muhasebe-link, a.mobile-settings-link) { height: auto !important; min-height: 54px !important; }
}
@media (max-width: 900px) {
.friend-page-host :is(.workspace, .twin-workspace) > .topbar { grid-template-columns: minmax(0px, 1fr) repeat(4, 44px) !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .mobile-trash-shortcut { box-sizing: border-box !important; display: grid !important; align-items: center !important; justify-items: center !important; grid-column-start: 3 !important; grid-column-end: auto !important; grid-row-start: 1 !important; grid-row-end: auto !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(167, 201, 182, 0.34) !important; border-right-color: rgba(167, 201, 182, 0.34) !important; border-bottom-color: rgba(167, 201, 182, 0.34) !important; border-left-color: rgba(167, 201, 182, 0.34) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; font-size: 20px !important; line-height: 1 !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .theme-toggle { grid-column-start: 4 !important; grid-column-end: auto !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .mobile-nav-trigger { grid-column-start: 5 !important; grid-column-end: auto !important; }
}
@media (max-width: 900px) {
.friend-page-host :is(.workspace, .twin-workspace) > .topbar { grid-template-columns: minmax(0px, 1fr) 44px 76px 44px 44px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .mobile-trash-shortcut.mobile-trash-shortcut { display: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut { grid-row-start: 1 !important; grid-row-end: auto !important; grid-column-start: 3 !important; grid-column-end: auto !important; width: 76px !important; min-width: 76px !important; height: 44px !important; min-height: 44px !important; padding-top: 0px !important; padding-right: 6px !important; padding-bottom: 0px !important; padding-left: 6px !important; row-gap: 5px !important; column-gap: 5px !important; font-size: 11px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut svg { width: 16px !important; height: 16px !important; }
}
@media (max-width: 900px) {
.friend-page-host.mobile-menu-open, .friend-page-host.mobile-menu-open .friend-page-host, .friend-page-host.mobile-menu-open { overflow-x: hidden !important; overflow-y: hidden !important; overscroll-behavior-x: none !important; overscroll-behavior-y: none !important; }
}
@media (max-width: 760px) {
.friend-page-host > .app-shell > .mobile-menu-backdrop { top: var(--project-header-height,64px) !important; right: 0px !important; bottom: auto !important; left: 0px !important; width: auto !important; height: calc(100dvh - var(--project-header-height,64px)) !important; min-height: 0px !important; max-height: none !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; overflow-x: hidden !important; overflow-y: hidden !important; overscroll-behavior-x: none !important; overscroll-behavior-y: none !important; touch-action: none !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(0, 63, 53) !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet { width: min(520px, 100%) !important; height: 100% !important; min-height: 0px !important; max-height: 100% !important; overscroll-behavior-x: contain !important; overscroll-behavior-y: contain !important; touch-action: pan-y !important; }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > a.mobile-settings-link { grid-column-start: auto !important; grid-column-end: auto !important; }
}
@media (max-width: 900px) {
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav strong, .friend-page-host .twin-app-shell :is(.mobile-more-primary, .mobile-more-secondary) b { font-size: 14px !important; line-height: 1.15 !important; }
}
@media (max-width: 760px) {
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav small, .friend-page-host .twin-app-shell :is(.mobile-more-primary, .mobile-more-secondary) small { font-size: 10px !important; }
}
.friend-page-host .deed-fee-page .deed-price-field > div { grid-template-columns: minmax(0px, 1fr) 55px; }
.friend-page-host .deed-fee-page > .deed-page-progress.analysis-progress { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; z-index: 0 !important; isolation: isolate !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0px !important; max-height: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 14px !important; padding-right: 16px !important; padding-bottom: 14px !important; padding-left: 16px !important; display: grid !important; align-self: start !important; justify-self: stretch !important; row-gap: 10px !important; column-gap: 10px !important; overflow-x: hidden !important; overflow-y: hidden !important; transform: none !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-top-color: rgb(189, 214, 157) !important; border-right-color: rgb(189, 214, 157) !important; border-bottom-color: rgb(189, 214, 157) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-left-width: 4px !important; border-left-style: solid !important; border-left-color: rgb(118, 169, 46) !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(244, 249, 236) !important; box-shadow: rgba(36, 86, 36, 0.08) 0px 6px 18px !important; animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .deed-fee-page > .deed-page-progress .progress-status { min-width: 0px; display: flex !important; align-items: center !important; row-gap: 12px !important; column-gap: 12px !important; }
.friend-page-host .deed-fee-page > .deed-page-progress .progress-status > i { flex-grow: 0; flex-shrink: 0; flex-basis: 24px; width: 24px; height: 24px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; }
.friend-page-host .deed-fee-page > .deed-page-progress .progress-status > div { min-width: 0px; }
.friend-page-host .deed-fee-page > .deed-page-progress .progress-status strong { color: rgb(23, 61, 48) !important; font-size: 14px !important; line-height: 1.3 !important; }
.friend-page-host .deed-fee-page > .deed-page-progress .progress-status small { margin-top: 3px !important; color: rgb(83, 109, 90) !important; font-size: 12px !important; line-height: 1.4 !important; }
.friend-page-host .deed-fee-page > .deed-page-progress .progress-status > .deed-progress-estimate { flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin-left: auto; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(189, 219, 146); border-right-color: rgb(189, 219, 146); border-bottom-color: rgb(189, 219, 146); border-left-color: rgb(189, 219, 146); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 244, 214); font-weight: 800; line-height: 1.25; white-space-collapse: collapse; text-wrap-mode: nowrap; color: rgb(55, 102, 23) !important; font-size: 12px !important; }
.friend-page-host .deed-fee-page > .deed-page-progress progress { display: block; width: 100% !important; height: 6px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host .deed-tariff-outcome { display: flex; align-items: flex-start; row-gap: 12px; column-gap: 12px; min-width: 0px; width: 100%; max-width: none; justify-self: stretch; box-sizing: border-box; padding-top: 13px; padding-right: 16px; padding-bottom: 13px; padding-left: 16px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(186, 211, 158); border-right-color: rgb(186, 211, 158); border-bottom-color: rgb(186, 211, 158); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-left-width: 4px; border-left-style: solid; border-left-color: rgb(98, 152, 44); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 249, 237); color: rgb(23, 61, 48); box-shadow: rgba(36, 86, 36, 0.07) 0px 6px 18px; }
.friend-page-host .deed-tariff-outcome.is-error { border-top-color: rgb(229, 187, 178); border-right-color: rgb(229, 187, 178); border-bottom-color: rgb(229, 187, 178); border-left-color: rgb(189, 105, 88); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 245, 242); color: rgb(105, 56, 47); }
.friend-page-host .deed-tariff-outcome-icon { display: grid; flex-grow: 0; flex-shrink: 0; flex-basis: 28px; width: 28px; height: 28px; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(220, 238, 201); color: rgb(53, 107, 31); font-size: 16px; font-weight: 900; line-height: 1; }
.friend-page-host .deed-tariff-outcome.is-error .deed-tariff-outcome-icon { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 221, 214); color: rgb(160, 74, 59); }
.friend-page-host .deed-tariff-outcome-copy { min-width: 0px; }
.friend-page-host .deed-tariff-outcome-copy strong { display: block; font-size: 14px; line-height: 1.35; }
.friend-page-host .deed-tariff-outcome-copy p { margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: inherit; font-size: 13px; line-height: 1.45; }
.friend-page-host .deed-tariff-outcome-copy small { display: block; margin-top: 5px; color: rgb(89, 112, 94); line-height: 1.4; font-size: 12px !important; }
.friend-page-host .deed-tariff-outcome.is-error .deed-tariff-outcome-copy small { color: rgb(129, 92, 84); }
html[data-theme="dark"] .friend-page-host .deed-fee-page > .deed-page-progress.analysis-progress, html[data-theme="dark"] .friend-page-host .deed-tariff-outcome { color: rgb(233, 244, 230); border-top-color: rgb(64, 107, 72) !important; border-right-color: rgb(64, 107, 72) !important; border-bottom-color: rgb(64, 107, 72) !important; border-left-color: rgb(156, 201, 88) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(21, 43, 33) !important; }
html[data-theme="dark"] .friend-page-host .deed-fee-page > .deed-page-progress .progress-status strong { color: rgb(240, 246, 237) !important; }
html[data-theme="dark"] .friend-page-host .deed-fee-page > .deed-page-progress .progress-status small { color: rgb(189, 204, 186) !important; }
html[data-theme="dark"] .friend-page-host .deed-fee-page > .deed-page-progress .progress-status > .deed-progress-estimate { border-top-color: rgb(87, 123, 67); border-right-color: rgb(87, 123, 67); border-bottom-color: rgb(87, 123, 67); border-left-color: rgb(87, 123, 67); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 73, 45); color: rgb(215, 240, 161) !important; }
html[data-theme="dark"] .friend-page-host .deed-tariff-outcome-icon { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 73, 45); color: rgb(185, 224, 134); }
html[data-theme="dark"] .friend-page-host .deed-tariff-outcome-copy small { color: rgb(178, 195, 176); }
html[data-theme="dark"] .friend-page-host .deed-tariff-outcome.is-error { color: rgb(247, 222, 214); border-top-color: rgb(128, 82, 71) !important; border-right-color: rgb(128, 82, 71) !important; border-bottom-color: rgb(128, 82, 71) !important; border-left-color: rgb(225, 151, 131) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(50, 34, 31) !important; }
html[data-theme="dark"] .friend-page-host .deed-tariff-outcome.is-error .deed-tariff-outcome-icon { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(87, 52, 45); color: rgb(255, 198, 184); }
html[data-theme="dark"] .friend-page-host .deed-tariff-outcome.is-error .deed-tariff-outcome-copy small { color: rgb(217, 181, 172); }
@media (max-width: 760px) {
.friend-page-host .deed-fee-page > .deed-page-progress.analysis-progress, .friend-page-host .deed-tariff-outcome { padding-top: 12px !important; padding-right: 13px !important; padding-bottom: 12px !important; padding-left: 13px !important; }
.friend-page-host .deed-fee-page > .deed-page-progress .progress-status { flex-wrap: wrap; align-items: flex-start !important; row-gap: 10px !important; column-gap: 10px !important; }
.friend-page-host .deed-fee-page > .deed-page-progress .progress-status > i { margin-top: 1px; }
.friend-page-host .deed-fee-page > .deed-page-progress .progress-status > div { flex-grow: 1; flex-shrink: 1; flex-basis: 190px; }
}
.friend-page-host .deed-fee-page { --deed-panel-radius: 5px; --deed-field-radius: 5px; --deed-detail-radius: 4px; --deed-border: #dbe3dc; --deed-soft-shadow: 0 5px 16px rgba(24,61,46,.045); row-gap: 14px; column-gap: 14px; }
.friend-page-host .hesaplamalar-hub:has(.deed-fee-page) > .hesaplamalar-tabs > a { border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; box-shadow: none; }
.friend-page-host .hesaplamalar-hub:has(.deed-fee-page) > .hesaplamalar-tabs > a > b { border-top-left-radius: ; border-top-right-radius: ; border-bottom-right-radius: ; border-bottom-left-radius: ; }
.friend-page-host .deed-fee-page :is(.deed-fee-hero, .deed-input-card, .deed-result-card, .deed-update-panel) { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .deed-fee-page > .deed-fee-hero { min-height: 126px; padding-top: 19px; padding-right: 22px; padding-bottom: 19px; padding-left: 22px; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; box-shadow: inset 3px 0 0 #70a217,var(--deed-soft-shadow); }
.friend-page-host .deed-fee-page .deed-fee-hero p span, .friend-page-host .deed-fee-page .deed-formula-chip, .friend-page-host .deed-fee-page :is(.deed-tariff-outcome, .deed-page-progress.analysis-progress), .friend-page-host .deed-fee-page :is(.deed-office-note, .deed-info-strip), .friend-page-host .deed-fee-page .deed-share-control.pdf-download-card { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .deed-fee-page .deed-formula-chip { min-height: 68px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 243); box-shadow: none; }
.friend-page-host .deed-fee-page .deed-tariff-outcome, .friend-page-host .deed-fee-page > .deed-page-progress.analysis-progress { padding-top: 12px; padding-right: 15px; padding-bottom: 12px; padding-left: 15px; border-left-width: 3px !important; box-shadow: none !important; }
.friend-page-host .deed-fee-page .deed-tariff-outcome-icon, .friend-page-host .deed-fee-page .deed-section-head > span, .friend-page-host .deed-fee-page .deed-office-note > span, .friend-page-host .deed-fee-page .deed-info-strip > span, .friend-page-host .deed-fee-page .deed-result-top > b, .friend-page-host .deed-fee-page .pdf-download-mark, .friend-page-host .deed-fee-page .pdf-download-action, .friend-page-host .deed-fee-page .deed-update-head > button, .friend-page-host .deed-fee-page .deed-ai-flow > div > b { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .deed-fee-page .deed-input-card { padding-top: 22px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; box-shadow: var(--deed-soft-shadow); }
.friend-page-host .deed-fee-page .deed-section-head { margin-bottom: 19px; padding-bottom: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 235, 229); }
.friend-page-host .deed-fee-page .deed-section-head > span { width: 34px; height: 34px; font-size: 14px; }
.friend-page-host .deed-fee-page .deed-section-head h3 { font-size: 20px; letter-spacing: -0.015em; }
.friend-page-host .deed-fee-page .deed-price-field > div { grid-template-columns: minmax(0px, 1fr) 52px; border-top-color: rgb(203, 214, 207); border-right-color: rgb(203, 214, 207); border-bottom-color: rgb(203, 214, 207); border-left-color: rgb(203, 214, 207); box-shadow: rgba(10, 49, 38, 0.02) 0px 1px 0px inset; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .deed-fee-page .deed-price-field > div:focus-within { border-top-color: rgb(111, 157, 50); border-right-color: rgb(111, 157, 50); border-bottom-color: rgb(111, 157, 50); border-left-color: rgb(111, 157, 50); box-shadow: rgba(111, 157, 50, 0.12) 0px 0px 0px 2px; }
.friend-page-host .deed-fee-page .deed-price-field input { height: 60px; padding-top: 0px !important; padding-right: 16px !important; padding-bottom: 0px !important; padding-left: 16px !important; font-size: 24px !important; }
.friend-page-host .deed-fee-page .deed-price-field b { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(215, 224, 218); font-size: 21px; }
.friend-page-host .deed-fee-page .deed-office-grid { margin-top: 15px; row-gap: 11px; column-gap: 11px; }
.friend-page-host .deed-fee-page .deed-office-grid .deed-location-combobox input, .friend-page-host .deed-fee-page .deed-location-results { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .deed-fee-page .deed-office-grid .deed-location-combobox input { height: 47px; border-top-color: rgb(207, 217, 210); border-right-color: rgb(207, 217, 210); border-bottom-color: rgb(207, 217, 210); border-left-color: rgb(207, 217, 210); box-shadow: none; }
.friend-page-host .deed-fee-page .deed-office-note { margin-top: 12px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; border-left-width: 3px; border-left-style: solid; border-left-color: rgb(123, 167, 41); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 243); box-shadow: none; }
.friend-page-host .deed-fee-page .deed-input-card > .deed-info-inline { margin-top: 14px; padding-top: 14px; padding-right: 16px; padding-bottom: 14px; padding-left: 16px; border-left-width: 3px; border-left-style: solid; border-left-color: rgb(145, 179, 76); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 252, 247); box-shadow: none; }
.friend-page-host .deed-fee-page .deed-info-inline > span { width: 32px; height: 32px; }
.friend-page-host .deed-fee-page .deed-info-inline p { line-height: 1.5; }
.friend-page-host .deed-fee-page .deed-input-actions { padding-top: 18px; }
.friend-page-host .deed-fee-page .deed-input-actions button { box-shadow: none; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .deed-fee-page .deed-input-actions button.primary { border-top-color: rgb(86, 137, 0); border-right-color: rgb(86, 137, 0); border-bottom-color: rgb(86, 137, 0); border-left-color: rgb(86, 137, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(86, 137, 0); }
.friend-page-host .deed-fee-page .deed-input-actions button.primary:hover:not(:disabled) { border-top-color: rgb(71, 115, 0); border-right-color: rgb(71, 115, 0); border-bottom-color: rgb(71, 115, 0); border-left-color: rgb(71, 115, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(71, 115, 0); }
.friend-page-host .deed-fee-page .deed-result-card { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(11, 78, 67); border-right-color: rgb(11, 78, 67); border-bottom-color: rgb(11, 78, 67); border-left-color: rgb(11, 78, 67); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; box-shadow: rgba(0, 62, 52, 0.12) 0px 8px 22px; }
.friend-page-host .deed-fee-page .deed-result-top > span { border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; }
.friend-page-host .deed-fee-page .deed-result-main { margin-top: 14px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; }
.friend-page-host .deed-fee-page .deed-result-card dl { row-gap: 7px; column-gap: 7px; }
.friend-page-host .deed-fee-page .deed-result-card dl > div { padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; box-shadow: none; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .deed-fee-page .deed-grand-total { margin-top: 17px; margin-right: 0px; margin-bottom: 17px; margin-left: 0px; }
.friend-page-host .deed-fee-page .deed-share-control.pdf-download-card { border-left-width: 3px; box-shadow: none; }
.friend-page-host .deed-fee-page .deed-update-panel { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; box-shadow: var(--deed-soft-shadow); }
.friend-page-host .deed-fee-page :is(.deed-ai-flow > div, .deed-ai-action, .deed-ai-warning) { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; box-shadow: none !important; }
html[data-theme="dark"] .friend-page-host .deed-fee-page { --deed-border: #344b40; --deed-soft-shadow: 0 6px 18px rgba(0,0,0,.13); }
html[data-theme="dark"] .friend-page-host .deed-fee-page .deed-section-head { border-bottom-color: rgb(44, 74, 64); }
html[data-theme="dark"] .friend-page-host .deed-fee-page .deed-price-field b { border-left-color: rgb(53, 96, 88); }
html[data-theme="dark"] .friend-page-host .deed-fee-page .deed-formula-chip { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 55, 45); }
@media (max-width: 700px) {
.friend-page-host .deed-fee-page { row-gap: 12px; column-gap: 12px; }
.friend-page-host .deed-fee-page > .deed-fee-hero { min-height: 0px; padding-top: 16px; padding-right: 17px; padding-bottom: 16px; padding-left: 17px; }
.friend-page-host .deed-fee-page :is(.deed-input-card, .deed-result-card, .deed-update-panel) { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .deed-fee-page .deed-section-head { margin-bottom: 16px; padding-bottom: 12px; }
.friend-page-host .deed-fee-page .deed-price-field input { height: 56px; padding-inline-start: 13px !important; padding-inline-end: 13px !important; font-size: 22px !important; }
.friend-page-host .deed-fee-page .deed-office-grid { row-gap: 10px; column-gap: 10px; }
}
.friend-page-host .hesaplamalar-hub { --calculator-panel-radius: 5px; --calculator-field-radius: 5px; --calculator-detail-radius: 4px; --calculator-status-radius: 3px; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > :is(a, button) { box-shadow: none; border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .hesaplamalar-hub > .hesaplamalar-tabs > :is(a, button) > b { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .hesaplamalar-hub :is(.share-page-head, .share-source-card, .share-details-card, .share-live-result, .area-page-head, .area-upload-card, .area-results-card, .area-total-card, .deed-fee-hero, .deed-input-card, .deed-result-card, .deed-update-panel) { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .hesaplamalar-hub :is(.share-formula-chip, .share-page-head .share-reset-btn, .share-source-tabs button, .share-source-intro, .share-upload-compact, .share-upload-actions label, .share-upload-actions button, .share-ai-note, .share-ratio-box, .share-total-field > div, .share-details-card .field input, .share-details-card .field select, .area-page-head > button, .area-dropzone, .area-privacy-note, .area-file-list > div, .area-table-row, .area-table-row input, .area-m2-input > div, .area-location-fields input, .area-camera-button, .area-analyze-button, .area-results-head > button, .area-output-actions > button, .deed-formula-chip, .deed-tariff-outcome, .deed-page-progress.analysis-progress, .deed-office-note, .deed-info-strip, .deed-price-field > div, .deed-location-combobox input, .deed-location-results, .deed-input-actions button, .pdf-download-card) { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .hesaplamalar-hub :is(.share-page-title p > span, .share-section-head > span, .share-source-tabs button > b, .share-upload-symbol, .share-ai-note > span, .share-ratio-copy > span, .share-result-top > b, .share-result-facts > div, .area-page-head p > span, .area-section-head > span, .area-section-head > b, .area-dropzone > span, .area-privacy-note > span, .area-total-top > b, .area-total-stats > div, .area-total-card dl > div, .area-empty > span, .deed-fee-hero p > span, .deed-section-head > span, .deed-result-top > b, .deed-result-card dl > div, .deed-tariff-outcome-icon, .pdf-download-mark, .pdf-download-action) { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .hesaplamalar-hub :is(.share-result-top > span, .area-total-top > span, .deed-result-top > span) { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host .project-progress-percent { white-space-collapse: collapse; text-wrap-mode: nowrap; font-variant-numeric: tabular-nums; font-size: 12px; font-weight: 850; letter-spacing: 0.01em; }
.friend-page-host .project-progress-percent[data-project-progress-estimated="1"] { opacity: 0.82; }
.friend-page-host :is(.analysis-progress, .upload-progress) > .project-progress-percent { justify-self: end; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: auto; }
.friend-page-host :is(.analysis-progress, .upload-progress) progress[data-project-progress-managed] { transition-behavior: normal; transition-duration: 0.25s; transition-timing-function: ease; transition-delay: 0s; transition-property: value; animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .finance-operation-progress > .project-progress-percent { position: absolute; top: 15px; right: 18px; color: rgb(232, 245, 141); }
.friend-page-host .finance-operation-track[data-project-progress-managed] i, .friend-page-host .payment-vault-scan-progress-track[data-project-progress-managed] .payment-vault-scan-progress-fill { transition-behavior: normal; transition-duration: 0.25s; transition-timing-function: ease; transition-delay: 0s; transition-property: width; left: 0px !important; transform: none !important; animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .project-progress-complete .project-progress-percent { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
.friend-page-host :is(.analysis-progress, .upload-progress) progress[data-project-progress-managed], .friend-page-host .finance-operation-track[data-project-progress-managed] i, .friend-page-host .payment-vault-scan-progress-track[data-project-progress-managed] .payment-vault-scan-progress-fill { transition-behavior: normal; transition-duration: 0s; transition-timing-function: ease; transition-delay: 0s; transition-property: none; }
}
.friend-page-host :is(.top-finance-link[href*="action=archive"], .sidebar a[href*="sayfa=arsiv"], .twin-sidebar a[href*="sayfa=arsiv"], .mobile-menu-sheet a[href*="sayfa=arsiv"], .mobile-menu-sheet a[href*="action=archive"], .mobile-more-primary a[href*="action=archive"]) { --finance-menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='4' rx='1'/%3E%3Cpath d='M5 7v13h14V7M10 11h4'/%3E%3C/svg%3E"); }
.friend-page-host :is(.sidebar, .twin-sidebar) a:is([href*="sayfa=arsiv"], [href*="action=archive"]) .nav-icon, .friend-page-host .twin-app-shell .twin-sidebar a:is([href*="sayfa=arsiv"], [href*="action=archive"]) .nav-icon, .friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav > a:is([href*="sayfa=arsiv"], [href*="action=archive"]) > span:first-child, .friend-page-host .twin-app-shell .mobile-more-primary > a:is([href*="sayfa=arsiv"], [href*="action=archive"]) > span:first-child { mask-image: ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask-repeat: ; mask-origin: ; mask-clip: ; mask-composite: ; mask-mode: ; display: inline-block !important; align-self: center !important; font-size: 0px !important; line-height: 0 !important; background-color: currentcolor !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-nav { box-sizing: border-box !important; display: flex !important; align-items: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 4px !important; column-gap: 4px !important; min-width: 0px !important; max-width: 100% !important; height: 46px !important; margin-top: 0px !important; margin-right: auto !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 4px !important; padding-right: 4px !important; padding-bottom: 4px !important; padding-left: 4px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(.bot-shortcut, .top-finance-link) { position: relative !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 6px !important; column-gap: 6px !important; height: 36px !important; min-height: 36px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 7px !important; padding-bottom: 0px !important; padding-left: 7px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; box-shadow: none !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; color: rgb(237, 243, 230) !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; font-style:  !important; font-variant-ligatures:  !important; font-variant-caps:  !important; font-variant-numeric:  !important; font-variant-east-asian:  !important; font-variant-alternates:  !important; font-variant-position:  !important; font-variant-emoji:  !important; font-weight:  !important; font-stretch:  !important; font-size:  !important; line-height:  !important; font-family:  !important; font-optical-sizing:  !important; font-size-adjust:  !important; font-kerning:  !important; font-feature-settings:  !important; font-variation-settings:  !important; font-language-override:  !important; transition-behavior: normal, normal !important; transition-duration: 0.16s, 0.16s !important; transition-timing-function: ease, ease !important; transition-delay: 0s, 0s !important; transition-property: background-color, color !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(.bot-shortcut, .top-finance-link) small { font-style: inherit !important; font-variant-ligatures: inherit !important; font-variant-caps: inherit !important; font-variant-numeric: inherit !important; font-variant-east-asian: inherit !important; font-variant-alternates: inherit !important; font-variant-position: inherit !important; font-variant-emoji: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; color: inherit !important; letter-spacing: normal !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link small { letter-spacing: normal !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link { row-gap: 7px !important; column-gap: 7px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link .nav-icon { mask-image: ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask-repeat: ; mask-origin: ; mask-clip: ; mask-composite: ; mask-mode: ; display: block !important; width: 18px !important; height: 18px !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 18px !important; font-size: 0px !important; line-height: 0 !important; color: inherit !important; background-color: currentcolor !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link[href*="action=contacts"] { --finance-menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'9'%20cy%3D'7'%20r%3D'3'%2F%3E%3Cpath%20d%3D'M3%2021v-2a6%206%200%200%201%2012%200v2M16%204a3%203%200%200%201%200%206M21%2021v-2a6%206%200%200%200-3-5.2'%2F%3E%3C%2Fsvg%3E"); }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link[href*="action=credits"] { --finance-menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'16'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M16%203v4M8%203v4M3%2011h18M8%2015h2M14%2015h2M8%2018h2M14%2018h2'%2F%3E%3C%2Fsvg%3E"); }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link[href*="action=cards_iban"] { --finance-menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'2'%20y%3D'5'%20width%3D'20'%20height%3D'14'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M2%2010h20M6%2015h4M14%2015h4'%2F%3E%3C%2Fsvg%3E"); }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link[href*="action=expenses"] { --finance-menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%203l2%201%202-1%203%201%203-1%202%201%202-1v18l-2-1-2%201-3-1-3%201-2-1-2%201zM9%208h6M9%2012h6M9%2016h3'%2F%3E%3C%2Fsvg%3E"); }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link[href*="action=rates"] { --finance-menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%207h18m-4-4%204%204-4%204M21%2017H3m4%204-4-4%204-4'%2F%3E%3C%2Fsvg%3E"); }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link[href*="action=reminders"] { --finance-menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M18%208a6%206%200%200%200-12%200c0%207-3%207-3%209h18c0-2-3-2-3-9M10%2021h4M12%202v1'%2F%3E%3C%2Fsvg%3E"); }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link + .top-finance-link::before { content: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link:is(:hover, :focus-visible, .active, .is-portal-active) { color: var(--finance-nav-active-text,#335d19) !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; box-shadow: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link::after { content: ""; position: absolute; right: 12px; bottom: 0px; left: 12px; height: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; opacity: 0; pointer-events: none; transition-behavior: normal; transition-duration: 0.16s; transition-timing-function: ease; transition-delay: 0s; transition-property: opacity; display: block !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link:is(.active, .is-portal-active)::after { opacity: 1; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link:is(.active, .is-portal-active) { color: var(--finance-nav-active-text,#335d19) !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut { height: 44px !important; min-height: 44px !important; padding-top: 0px !important; padding-right: 12px !important; padding-bottom: 0px !important; padding-left: 12px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(226, 201, 126) !important; border-right-color: rgb(226, 201, 126) !important; border-bottom-color: rgb(226, 201, 126) !important; border-left-color: rgb(226, 201, 126) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(226, 201, 126) !important; color: rgb(23, 62, 51) !important; font-weight: 750 !important; box-shadow: rgba(0, 25, 21, 0.15) 0px 3px 10px, rgba(255, 248, 221, 0.35) 0px 1px inset !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut svg { color: inherit !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut:hover { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(236, 216, 150) !important; color: rgb(23, 62, 51) !important; border-top-color: rgb(236, 216, 150) !important; border-right-color: rgb(236, 216, 150) !important; border-bottom-color: rgb(236, 216, 150) !important; border-left-color: rgb(236, 216, 150) !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut.active { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(240, 223, 170) !important; color: rgb(23, 62, 51) !important; border-top-color: rgb(240, 223, 170) !important; border-right-color: rgb(240, 223, 170) !important; border-bottom-color: rgb(240, 223, 170) !important; border-left-color: rgb(240, 223, 170) !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut::after { display: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar :is(.bot-shortcut, .top-finance-link):focus-visible { outline-color: rgb(216, 182, 91) !important; outline-style: solid !important; outline-width: 2px !important; outline-offset: -2px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools { box-sizing: border-box !important; display: flex !important; align-items: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 1px !important; column-gap: 1px !important; min-width: 0px !important; height: 42px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 3px !important; padding-right: 3px !important; padding-bottom: 3px !important; padding-left: 3px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-left-width: 1px !important; border-left-style: solid !important; border-left-color: rgba(218, 235, 226, 0.42) !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(2, 32, 28, 0.18) !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools .top-utility-nav { row-gap: 0px !important; column-gap: 0px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools :is(.theme-toggle, .settings-shortcut, .top-utility-nav > button, .top-utility-nav > a) { position: relative !important; row-gap: 6px !important; column-gap: 6px !important; height: 34px !important; min-height: 34px !important; padding-top: 0px !important; padding-right: 10px !important; padding-bottom: 0px !important; padding-left: 10px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; border-bottom-left-radius: 2px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; color: rgb(224, 238, 231) !important; font-size: 12px !important; font-weight: 600 !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools :is(.theme-toggle, .settings-shortcut, .top-utility-nav > button, .top-utility-nav > a):hover { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.09) !important; color: rgb(255, 255, 255) !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools :is(.settings-shortcut, .top-utility-nav > a).active { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(226, 202, 123, 0.18) !important; color: rgb(242, 220, 156) !important; box-shadow: none !important; }
@media (min-width: 901px) {
.friend-page-host { --project-header-height: 118px; --finance-nav-surface: #f7f9f5; --finance-nav-text: #52634d; --finance-nav-line: #dce4d6; }
html[data-theme="dark"] .friend-page-host { --finance-nav-surface: #18241e; --finance-nav-text: #c6d5c5; --finance-nav-line: #314338; --finance-nav-hover: #243829; --finance-nav-active: #304a2c; --finance-nav-active-text: #e1f1be; --finance-nav-accent: #b4d467; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar { flex-wrap: wrap !important; align-content: flex-start !important; row-gap: 0px !important; column-gap: 12px !important; padding-top: 12px !important; padding-right: 24px !important; padding-bottom: 0px !important; padding-left: 24px !important; box-shadow: rgba(0, 32, 27, 0.08) 0px 4px 14px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut { margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .global-search { flex-grow: 1 !important; flex-shrink: 1 !important; flex-basis: 220px !important; min-width: 180px !important; max-width: 520px !important; height: 44px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .topbar-date { margin-left: auto !important; font-weight: 500 !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools { margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 10px !important; height: 44px !important; border-left-color: rgba(218, 235, 226, 0.22) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-nav { scrollbar-width: thin; scrollbar-color: var(--finance-nav-line) transparent; order: 10 !important; flex-grow: 1 !important; flex-shrink: 0 !important; flex-basis: calc(100% + 48px) !important; width: calc(100% + 48px) !important; max-width: none !important; height: 52px !important; margin-top: 10px !important; margin-right: -24px !important; margin-bottom: 0px !important; margin-left: -24px !important; padding-top: 6px !important; padding-right: 24px !important; padding-bottom: 6px !important; padding-left: 24px !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; border-bottom-width:  !important; border-bottom-style:  !important; border-bottom-color:  !important; overflow-x: auto !important; overflow-y: hidden !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-nav::before { content: "Muhasebe"; flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin-right: 12px; color: var(--finance-nav-text); font-size: 11px; font-weight: 650; letter-spacing: 0.04em; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link { height: 38px !important; min-height: 38px !important; padding-top: 0px !important; padding-right: 11px !important; padding-bottom: 0px !important; padding-left: 11px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; color: var(--finance-nav-text) !important; font-size: 13px !important; font-weight: 550 !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-link:focus-visible { outline-color:  !important; outline-style:  !important; outline-width:  !important; outline-offset: -2px !important; }
}
@media (min-width: 901px) and (max-width: 1599px) {
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools :is(.theme-toggle, .settings-shortcut, .top-utility-nav) small { display: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools :is(.theme-toggle, .settings-shortcut, .top-utility-nav > button, .top-utility-nav > a) { width: 36px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
}
@media (min-width: 901px) and (max-width: 1199px) {
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .topbar-date { display: none !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools { margin-left: auto !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-nav::before { content: none; }
}
@media (max-width: 900px) {
.friend-page-host { --project-header-height: calc(64px + env(safe-area-inset-top,0px)); }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar { grid-template-rows: 44px !important; row-gap: 0px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .bot-shortcut { height: 44px !important; min-height: 44px !important; padding-inline-start: 6px !important; padding-inline-end: 6px !important; font-size: 11px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools { display: contents !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools .theme-toggle { display: grid !important; align-items: center !important; justify-items: center !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-finance-nav { display: none !important; }
.friend-page-host:is(.is-mobile-search-open, .global-search-active), .friend-page-host:has(.friend-page-host.global-search-active, .app-shell.global-search-mode) { --project-header-height: calc(64px + env(safe-area-inset-top,0px)); }
.friend-page-host > .app-shell > .mobile-menu-backdrop > .mobile-menu-sheet > nav, .friend-page-host .twin-app-shell .mobile-more-primary { grid-template-rows: none !important; grid-auto-rows: minmax(44px, 1fr) !important; overflow-y: auto !important; align-content: start !important; }
}
.friend-page-host .imar-query-context { display: flex; align-items: center; justify-content: space-between; row-gap: 16px; column-gap: 16px; min-width: 0px; padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; font-size: 13px; line-height: 1.55; }
.friend-page-host .imar-query-context > span { min-width: 0px; }
.friend-page-host .imar-query-context > b { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; font-size: 12px; line-height: 1.4; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .imar-query-municipalities:focus, .friend-page-host .imar-query-page .tkgm-zoning-panel.is-standalone:focus-visible { outline-color: ; outline-style: ; outline-width: ; outline-offset: 4px; }
.friend-page-host .tkgm-test-page .tkgm-test-pdf-row { row-gap: 8px; column-gap: 8px; flex-wrap: wrap; }
.friend-page-host .tkgm-test-page .tkgm-test-open-zoning { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 12px; font-weight: 800; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; white-space-collapse: collapse; text-wrap-mode: nowrap; }
@media (max-width: 760px) {
.friend-page-host .imar-query-context { flex-wrap: wrap; row-gap: 8px; column-gap: 8px; padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; }
.friend-page-host .imar-query-context > b { margin-left: auto; }
.friend-page-host .tkgm-test-page .tkgm-test-pdf-row > :is(.tkgm-test-pdf-download, .tkgm-test-open-zoning) { flex-grow: 1; flex-shrink: 1; flex-basis: 160px; width: auto; min-height: 44px; }
}
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .theme-toggle > span { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: 20px !important; height: 20px !important; line-height: 1 !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .theme-toggle .theme-mode-icon { display: block !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: 20px !important; height: 20px !important; }
@media (max-width: 900px) {
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .top-system-tools button.theme-toggle { display: grid !important; align-items: center !important; justify-items: center !important; box-sizing: border-box !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgba(167, 201, 182, 0.34) !important; border-right-color: rgba(167, 201, 182, 0.34) !important; border-bottom-color: rgba(167, 201, 182, 0.34) !important; border-left-color: rgba(167, 201, 182, 0.34) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important; }
.friend-page-host :is(.workspace, .twin-workspace) > .topbar .theme-toggle > span, .friend-page-host :is(.workspace, .twin-workspace) > .topbar .theme-toggle .theme-mode-icon { width: 21px !important; height: 21px !important; }
}
.friend-page-host { --project-section-gap: 8px; --project-card-inset: 12px; --project-content-top: 16px; --project-content-side: 16px; --project-content-bottom: 24px; }
.friend-page-host :is(.workspace, .twin-workspace):not(.emlak-embed-workspace) > .page-content:not(.global-search-results-open):not(:has(> .bot-page)) { padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; }
.friend-page-host .page-content :is(.view-stack, .finance-pages, .finance-overview, .finance-overview-grid, .tkgm-test-page, .tkgm-test-grid, .tkgm-test-detail-column, .share-workbench, .share-input-column, .share-output-column, .area-top-grid, .deed-fee-grid, .parcel-presentation, .presentation-workspace, .dashboard-grid, .power-workspace, .sales-insights-grid, .sales-insight-grid, .portfolio-insights-grid, .property-insights-grid, .insight-portfolio-columns, .insight-location-columns, .finance-overview-donut-layout) { row-gap:  !important; column-gap:  !important; }
.friend-page-host .page-content .page-heading { margin-bottom: var(--project-section-gap) !important; }
.friend-page-host .page-content .view-stack > :is(.page-heading, .summary-grid, .dashboard-grid) { margin-bottom: 0px !important; }
.friend-page-host .page-content .dashboard-grid { margin-bottom: var(--project-section-gap) !important; }
.friend-page-host .page-content :is(.tkgm-test-head, .share-page-head, .area-page-head, .deed-fee-hero, .finance-command-center > header, .portfolio-command-center > header) { min-height: 0px !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; row-gap:  !important; column-gap:  !important; }
.friend-page-host .page-content :is(.tkgm-test-grid > .panel, .tkgm-test-detail-column > .panel) { padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; }
.friend-page-host .page-content .tkgm-test-section-head { margin-bottom: var(--project-section-gap) !important; }
.friend-page-host .page-content .tkgm-history-head { padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; row-gap:  !important; column-gap:  !important; }
.friend-page-host .page-content .settings-content { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; width: min(1240px, 100%) !important; }
.friend-page-host .page-content .settings-grid { row-gap:  !important; column-gap:  !important; margin-top: var(--project-section-gap) !important; }
.friend-page-host .page-content .settings-overview { row-gap:  !important; column-gap:  !important; margin-top: var(--project-card-inset) !important; padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; }
.friend-page-host .page-content .bot-page { row-gap:  !important; column-gap:  !important; }
.friend-page-host .page-content .bot-page-head { padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; row-gap:  !important; column-gap:  !important; }
.friend-page-host .page-content :is(.portfolio-command-center > header > div:first-child > span, .settings-heading > span, .share-page-title > small, .area-page-head > div > small, .deed-fee-hero > div:first-child > small) { display: none !important; }
@media (min-width: 901px) {
.friend-page-host :is(.workspace, .twin-workspace) > .page-content:has(> .bot-page):not(.global-search-results-open) { padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 24px !important; padding-left: 16px !important; }
.friend-page-host .page-content > .bot-page { height: calc(100dvh - var(--project-header-height,118px) - 40px) !important; }
}
@media (max-width: 900px) {
.friend-page-host { --project-content-top: 8px; --project-content-side: 10px; --project-content-bottom: 16px; --project-card-inset: 10px; }
}

/* public/360/assets/parcel-presentation.css */
.friend-page-host .parcel-presentation { --presentation-line: #dbe3d7; --presentation-muted: #607268; --presentation-card: #fff; --presentation-tint: #f5f8f0; min-width: 0px; row-gap: 14px; column-gap: 14px; }
.friend-page-host .presentation-heading { display: flex; align-items: center; justify-content: space-between; row-gap: 16px; column-gap: 16px; margin-bottom: 0px; }
.friend-page-host .presentation-heading h1 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 28px; color: inherit; }
.friend-page-host .presentation-heading p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; max-width: 650px; color: var(--presentation-muted); line-height: 1.6; }
.friend-page-host .presentation-heading button { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .presentation-workspace { display: grid; grid-template-columns: minmax(245px, 290px) minmax(0px, 1fr); row-gap: 20px; column-gap: 20px; align-items: start; }
.friend-page-host .presentation-library, .friend-page-host .presentation-editor { padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; min-width: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .presentation-library { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
.friend-page-host .presentation-library > header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.friend-page-host .presentation-library h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; font-size: 20px; }
.friend-page-host .presentation-library > header span { font-size: 12px; color: var(--presentation-muted); }
.friend-page-host .presentation-library > header button { min-width: 38px; min-height: 38px; font-size: 20px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: inherit; cursor: pointer; }
.friend-page-host .presentation-search input, .friend-page-host .presentation-options input, .friend-page-host .presentation-options select { box-sizing: border-box; width: 100%; min-height: 44px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: inherit; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; }
.friend-page-host .presentation-search { display: block; margin-bottom: 14px; }
.friend-page-host .presentation-parcel-list { display: grid; row-gap: 9px; column-gap: 9px; max-height: 670px; overflow-y: auto; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.friend-page-host .presentation-parcel { display: flex; flex-direction: column; row-gap: 5px; column-gap: 5px; text-align: left; width: 100%; min-width: 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: inherit; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; cursor: pointer; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; }
.friend-page-host .presentation-parcel strong { font-size: 16px; }
.friend-page-host .presentation-parcel > span, .friend-page-host .presentation-parcel small { font-size: 11px; color: var(--presentation-muted); }
.friend-page-host .presentation-parcel b { font-size: 13px; font-weight: 650; margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; }
.friend-page-host .presentation-parcel em { font-size: 10px; font-style: normal; color: rgb(88, 120, 0); }
.friend-page-host .presentation-parcel:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .presentation-parcel.is-selected { border-top-color: rgb(114, 156, 53); border-right-color: rgb(114, 156, 53); border-bottom-color: rgb(114, 156, 53); border-left-color: rgb(114, 156, 53); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgb(114, 156, 53) 3px 0px inset; }
.friend-page-host .presentation-retention { display: block; margin-top: 16px; color: var(--presentation-muted); line-height: 1.6; font-size: 11px; }
.friend-page-host .presentation-more { margin-top: 12px; width: 100%; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: inherit; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; min-height: 40px; cursor: pointer; }
.friend-page-host .presentation-empty { font-size: 13px; line-height: 1.7; color: var(--presentation-muted); }
.friend-page-host .presentation-selected { display: flex; justify-content: space-between; align-items: start; row-gap: 18px; column-gap: 18px; padding-bottom: 12px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .presentation-selected h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 21px; line-height: 1.35; }
.friend-page-host .presentation-selected p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--presentation-muted); font-size: 13px; line-height: 1.5; }
.friend-page-host .presentation-selected > strong { flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 20px; color: rgb(91, 128, 0); }
.friend-page-host .presentation-facts { display: flex; flex-wrap: wrap; row-gap: 12px; column-gap: 35px; margin-top: 12px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; }
.friend-page-host .presentation-facts > div { display: flex; row-gap: 8px; column-gap: 8px; align-items: baseline; font-size: 13px; }
.friend-page-host .presentation-facts span { color: var(--presentation-muted); }
.friend-page-host .presentation-facts b { font-weight: 600; }
.friend-page-host .presentation-options { display: grid; grid-template-columns: 1fr 1fr; row-gap: 15px; column-gap: 15px; }
.friend-page-host .presentation-options > label { display: flex; flex-direction: column; row-gap: 7px; column-gap: 7px; min-width: 0px; }
.friend-page-host .presentation-options label > span { font-size: 12px; font-weight: 650; }
.friend-page-host .presentation-checks { display: flex; flex-wrap: wrap; align-items: end; row-gap: 12px; column-gap: 12px; padding-bottom: 10px; }
.friend-page-host .presentation-checks label { display: flex; align-items: center; row-gap: 6px; column-gap: 6px; font-size: 12px; cursor: pointer; }
.friend-page-host .presentation-checks input { width: 16px; min-height: 16px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; accent-color: rgb(100, 138, 0); }
.friend-page-host .presentation-create-actions { display: flex; flex-wrap: wrap; row-gap: 12px; column-gap: 12px; align-items: center; margin-top: 16px; }
.friend-page-host .presentation-create-actions button, .friend-page-host .presentation-ai-button { min-height: 46px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 12px; padding-right: 17px; padding-bottom: 12px; padding-left: 17px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.friend-page-host .presentation-ai-button { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(21, 62, 52); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(21, 62, 52); border-right-color: rgb(21, 62, 52); border-bottom-color: rgb(21, 62, 52); border-left-color: rgb(21, 62, 52); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; color: rgb(255, 255, 255); }
.friend-page-host .presentation-ai-button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(34, 92, 73); }
.friend-page-host .presentation-cost-note { color: var(--presentation-muted); line-height: 1.6; margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px !important; }
.friend-page-host .presentation-preview { margin-top: 18px; min-height: 180px; aspect-ratio: auto; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; display: grid; align-items: center; justify-items: center; text-align: center; }
.friend-page-host .presentation-preview > div { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; max-width: 430px; }
.friend-page-host .presentation-preview > div > span { font-size: 32px; color: rgb(119, 145, 61); display: block; margin-bottom: 8px; }
.friend-page-host .presentation-preview h3 { font-size: 16px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; }
.friend-page-host .presentation-preview p { font-size: 13px; line-height: 1.7; color: var(--presentation-muted); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .presentation-preview img { display: block; width: 100%; height: auto; }
.friend-page-host .presentation-preview.is-ready { min-height: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 238, 226); }
.friend-page-host .presentation-download { justify-content: center; margin-top: 14px; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; display: flex !important; }
.friend-page-host .presentation-status { font-size: 13px; line-height: 1.6; color: rgb(86, 117, 0); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .presentation-progress button, .friend-page-host .presentation-pending button, .friend-page-host .presentation-photo button, .friend-page-host .presentation-query-tabs button { min-height: 38px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: inherit; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; cursor: pointer; }
.friend-page-host .presentation-source-note { line-height: 1.65; color: var(--presentation-muted); margin-top: 14px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 11px !important; }
.friend-page-host .presentation-context { margin-top: 20px; padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .presentation-context h3 { font-size: 14px; margin-top: 0px; margin-right: 0px; margin-bottom: 9px; margin-left: 0px; }
.friend-page-host .presentation-context > p, .friend-page-host .presentation-context li { font-size: 12px; line-height: 1.7; }
.friend-page-host .presentation-context ul { padding-left: 20px; }
.friend-page-host .presentation-zoning, .friend-page-host .presentation-photo { margin-top: 14px; border-top-width: ; border-top-style: ; border-top-color: ; padding-top: 12px; }
.friend-page-host .presentation-zoning > summary, .friend-page-host .presentation-photo > summary { font-size: 13px; font-weight: 650; cursor: pointer; min-height: 30px; }
.friend-page-host .presentation-zoning .tkgm-zoning-panel { margin-top: 14px; }
.friend-page-host .presentation-photo p { font-size: 12px; line-height: 1.6; color: var(--presentation-muted); }
.friend-page-host .presentation-photo input { display: block; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; font-size: 12px; max-width: 100%; }
.friend-page-host .presentation-pending { display: flex; flex-wrap: wrap; align-items: center; row-gap: 10px; column-gap: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(210, 191, 114); border-right-color: rgb(210, 191, 114); border-bottom-color: rgb(210, 191, 114); border-left-color: rgb(210, 191, 114); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; font-size: 12px; line-height: 1.6; }
.friend-page-host .presentation-pending span { flex-basis: 100%; }
.friend-page-host .presentation-query { padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; margin-bottom: 0px; min-width: 0px; }
.friend-page-host .presentation-query-tabs { display: flex; row-gap: 10px; column-gap: 10px; padding-bottom: 20px; }
.friend-page-host .presentation-query-tabs [aria-pressed="true"] { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(22, 75, 61); color: rgb(255, 255, 255); border-top-color: rgb(22, 75, 61); border-right-color: rgb(22, 75, 61); border-bottom-color: rgb(22, 75, 61); border-left-color: rgb(22, 75, 61); }
.friend-page-host .presentation-query .tkgm-test-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 24px; }
.friend-page-host .presentation-query .tkgm-test-page { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .presentation-no-selection { text-align: center; padding-top: 70px; padding-right: 20px; padding-bottom: 70px; padding-left: 20px; color: var(--presentation-muted); }
.friend-page-host .presentation-no-selection h2 { color: inherit; }
.friend-page-host .parcel-presentation button:disabled { opacity: 0.5; cursor: not-allowed; }
.friend-page-host .parcel-presentation :is(input, select, button, a, summary):focus-visible { outline-color: rgb(181, 201, 110); outline-style: solid; outline-width: 3px; outline-offset: 3px; }
.friend-page-host .parcel-presentation .sr-only { position: absolute; width: 1px; height: 1px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; clip: rect(0px, 0px, 0px, 0px); white-space-collapse: collapse; text-wrap-mode: nowrap; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
html[data-theme="dark"] .friend-page-host .parcel-presentation { --presentation-line: #315347; --presentation-muted: #a7b9ac; --presentation-card: #102e25; --presentation-tint: #17382c; }
html[data-theme="dark"] .friend-page-host .presentation-selected > strong { color: rgb(198, 223, 128); }
html[data-theme="dark"] .friend-page-host .presentation-ai-button { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(212, 185, 103); color: rgb(23, 51, 38); border-top-color: rgb(212, 185, 103); border-right-color: rgb(212, 185, 103); border-bottom-color: rgb(212, 185, 103); border-left-color: rgb(212, 185, 103); }
html[data-theme="dark"] .friend-page-host .presentation-parcel em, html[data-theme="dark"] .friend-page-host .presentation-status { color: rgb(198, 223, 128); }
html[data-theme="dark"] .friend-page-host .presentation-parcel.is-selected { border-top-color: rgb(153, 182, 85); border-right-color: rgb(153, 182, 85); border-bottom-color: rgb(153, 182, 85); border-left-color: rgb(153, 182, 85); }
@media (max-width: 1100px) {
.friend-page-host .presentation-workspace { grid-template-columns: 235px minmax(0px, 1fr); row-gap: 14px; column-gap: 14px; }
.friend-page-host .presentation-library, .friend-page-host .presentation-editor { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .presentation-selected { flex-direction: column; row-gap: 10px; column-gap: 10px; }
.friend-page-host .presentation-options { grid-template-columns: 1fr; }
.friend-page-host .presentation-heading { align-items: start; }
.friend-page-host .presentation-heading button { max-width: 190px; }
}
@media (max-width: 760px) {
.friend-page-host .presentation-heading { flex-direction: row; flex-wrap: wrap; row-gap: 10px; column-gap: 10px; }
.friend-page-host .presentation-heading h1 { font-size: 27px; }
.friend-page-host .presentation-heading button { max-width: none; width: 100%; }
.friend-page-host .presentation-workspace { grid-template-columns: 1fr; }
.friend-page-host .presentation-library, .friend-page-host .presentation-editor, .friend-page-host .presentation-query { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .presentation-parcel-list { max-height: 310px; }
.friend-page-host .presentation-parcel { padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
.friend-page-host .presentation-preview { min-height: 170px; aspect-ratio: auto; }
.friend-page-host .presentation-preview.is-ready { aspect-ratio: 16 / 9; min-height: 0px; }
.friend-page-host .presentation-selected h2 { font-size: 20px; }
.friend-page-host .presentation-selected > strong { font-size: 19px; }
.friend-page-host .presentation-create-actions { flex-direction: column; }
.friend-page-host .presentation-create-actions button { width: 100%; min-height: 48px; }
.friend-page-host .presentation-options { row-gap: 14px; column-gap: 14px; }
.friend-page-host .presentation-checks { align-items: center; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; row-gap: 16px; column-gap: 16px; }
.friend-page-host .presentation-facts { row-gap: 10px; column-gap: 10px; }
.friend-page-host .presentation-facts > div { flex-basis: auto; }
.friend-page-host .presentation-cost-note, .friend-page-host .presentation-source-note { font-size: 12px !important; }
.friend-page-host .presentation-query .tkgm-test-grid { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .presentation-download { font-size: 12px !important; }
.friend-page-host .presentation-query .tkgm-test-head { flex-wrap: wrap; }
}
.friend-page-host .presentation-query-fieldset { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; min-width: 0px; }
.friend-page-host .presentation-road-edges { margin-top: 20px; padding-top: 16px; border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .presentation-road-edges > summary { cursor: pointer; font-size: 13px; font-weight: 650; min-height: 28px; }
.friend-page-host .presentation-road-edges > p { font-size: 12px; line-height: 1.65; color: var(--presentation-muted); }
.friend-page-host .presentation-road-picker svg { width: 100%; max-height: 300px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .presentation-edge-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); row-gap: 10px; column-gap: 10px; max-height: 220px; overflow-x: auto; overflow-y: auto; padding-top: 12px; padding-right: 0px; padding-bottom: 12px; padding-left: 0px; }
.friend-page-host .presentation-edge-list label { display: flex; align-items: center; row-gap: 8px; column-gap: 8px; font-size: 12px; min-height: 30px; }
.friend-page-host .presentation-edge-list input { accent-color: rgb(199, 141, 29); }
.friend-page-host .presentation-heading > .primary-btn { min-height: 44px; padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; font-size: 12px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .presentation-manual-source { margin-top: 16px; border-top-width: ; border-top-style: ; border-top-color: ; padding-top: 12px; }
.friend-page-host .presentation-manual-source > summary { cursor: pointer; font-size: 12px; min-height: 32px; }
.friend-page-host .presentation-manual-source .presentation-tkgm-source-actions { margin-top: 12px; }
.friend-page-host .presentation-imagery-status { font-weight: 650; }
.friend-page-host .presentation-tkgm-source > a { font-size: 12px; color: inherit; }
.friend-page-host .presentation-deck-choice { display: flex; align-items: center; row-gap: 9px; column-gap: 9px; font-size: 13px; line-height: 1.6; margin-top: 18px; }
.friend-page-host .presentation-deck-choice input { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 18px; height: 18px; min-height: 18px; accent-color: rgb(100, 138, 0); }
.friend-page-host .presentation-preview.is-pdf { aspect-ratio: auto; display: block; overflow-x: visible; overflow-y: visible; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; text-align: left; min-height: 0px; }
.friend-page-host .presentation-preview.is-pdf > .presentation-pdf-pages { max-width: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); row-gap: 14px; column-gap: 14px; }
.friend-page-host .presentation-pdf-pages figure { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-width: 0px; }
.friend-page-host .presentation-pdf-pages img { width: 100%; height: auto; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-sizing: border-box; }
.friend-page-host .presentation-pdf-pages figcaption { font-size: 11px; line-height: 1.6; color: var(--presentation-muted); padding-top: 6px; }
.friend-page-host .presentation-download { min-height: 46px; align-items: center; padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; box-sizing: border-box; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 13px; line-height: 1.4; }
.friend-page-host .presentation-tkgm-source { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; margin-top: 0px; margin-right: 0px; margin-bottom: 22px; margin-left: 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .presentation-tkgm-source h3 { font-size: 17px; margin-top: 0px; margin-right: 0px; margin-bottom: 9px; margin-left: 0px; }
.friend-page-host .presentation-tkgm-source p { font-size: 12px; line-height: 1.7; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; color: var(--presentation-muted); }
.friend-page-host .presentation-tkgm-source-actions { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 10px; }
.friend-page-host .presentation-tkgm-source-actions a, .friend-page-host .presentation-tkgm-source-actions button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 46px; padding-top: 12px; padding-right: 15px; padding-bottom: 12px; padding-left: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; cursor: pointer; }
.friend-page-host .presentation-tkgm-source-actions a { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: inherit; }
.friend-page-host .presentation-tkgm-upload { display: flex; flex-direction: column; row-gap: 9px; column-gap: 9px; font-size: 12px; margin-top: 17px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; }
.friend-page-host .presentation-tkgm-upload input { max-width: 100%; font-size: 12px; }
.friend-page-host .presentation-tkgm-source small { display: block; color: var(--presentation-muted); font-size: 11px; line-height: 1.6; }
@media (max-width: 760px) {
.friend-page-host .presentation-tkgm-source-actions { flex-direction: column; }
.friend-page-host .presentation-tkgm-source-actions a, .friend-page-host .presentation-tkgm-source-actions button { width: 100%; }
.friend-page-host .presentation-preview.is-ready { aspect-ratio: unset; }
}
.friend-page-host .workspace > .page-content:has(> .parcel-presentation) { padding-top: 16px !important; }
.friend-page-host .presentation-output-summary { font-size: 12px; line-height: 1.5; color: var(--presentation-muted); }
.friend-page-host .presentation-extra-tools h3 { font-size: 14px; margin-top: 18px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; }
.friend-page-host .presentation-extra-tools > .presentation-tkgm-source-actions { margin-top: 12px; }
.friend-page-host .presentation-extra-tools .presentation-create-actions { margin-top: 12px; }
.friend-page-host .presentation-extra-tools > p { margin-top: 8px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
.friend-page-host .presentation-progress { position: fixed; z-index: 130; right: 24px; bottom: 20px; box-sizing: border-box; width: min(600px, -48px + 100vw); display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; row-gap: 10px; column-gap: 14px; padding-top: 14px; padding-right: 16px; padding-bottom: 14px; padding-left: 16px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: 4px; border-left-style: solid; border-left-color: rgb(114, 156, 53); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(20, 47, 41, 0.18) 0px 6px 24px; color: inherit; }
.friend-page-host .presentation-progress-copy { min-width: 0px; display: grid; row-gap: 4px; column-gap: 4px; }
.friend-page-host .presentation-progress-copy strong { font-size: 13px; line-height: 1.5; font-weight: 650; }
.friend-page-host .presentation-progress-copy span { font-size: 12px; line-height: 1.4; color: var(--presentation-muted); }
.friend-page-host .presentation-progress-track { grid-row-start: 2; grid-row-end: auto; grid-column-start: 1; grid-column-end: -1; position: relative; height: 8px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .presentation-progress progress { display: block; width: 100%; height: 8px; accent-color: rgb(114, 156, 53); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .presentation-progress-track.is-loading progress { opacity: 0; }
.friend-page-host .presentation-progress-track.is-loading::after { content: ""; position: absolute; top: 0px; right: auto; bottom: 0px; left: 0px; width: 35%; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(114, 156, 53); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; animation-duration: 1.7s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--presentation-loading; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
@keyframes friend-page--presentation-loading {
0% { transform: translateX(-100%); }
100% { transform: translateX(385%); }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .presentation-progress-track.is-loading::after { animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; left: 32.5%; transform: none; }
}
.friend-page-host .presentation-progress progress::-webkit-progress-bar { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.friend-page-host .presentation-progress progress::-webkit-progress-value { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(114, 156, 53); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.friend-page-host .presentation-progress button { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 38px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; font-weight: 600; line-height: 1.4; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .parcel-presentation :is(.panel, .primary-btn, .document-error, .tkgm-test-head, .tkgm-test-head > button, .tkgm-test-combined-entry, .tkgm-test-dropzone, .tkgm-test-upload-icon, .tkgm-test-field input, .tkgm-test-location-select, .tkgm-test-notice, .tkgm-test-pdf-download, .tkgm-test-remove, .tkgm-test-result, .tkgm-test-result-actions a, .tkgm-test-result-actions button, .tkgm-test-result-mark, .tkgm-test-result-row.has-location-choice, .tkgm-test-result-warning, .tkgm-test-section-head > span, .tkgm-test-selected-item, .tkgm-test-selected-item > img, .tkgm-test-text-entry textarea, .tkgm-test-upload-actions > *, .tkgm-test-confidence, .tkgm-zoning-panel, .tkgm-zoning-card, .tkgm-zoning-field > input, .tkgm-zoning-parcel-submit, .tkgm-zoning-parcel.is-multiple, .tkgm-zoning-progress > button, .tkgm-zoning-result, .tkgm-zoning-select > select, .tkgm-zoning-status, .tkgm-zoning-toggle > b) { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .parcel-presentation .tkgm-test-combined-entry .tkgm-test-dropzone, .friend-page-host .parcel-presentation .tkgm-test-combined-entry .tkgm-test-upload-icon { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .parcel-presentation :is(button, .primary-btn, .presentation-tkgm-source-actions a, .tkgm-test-result-actions a, .tkgm-zoning-result a) { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
@media (max-width: 760px) {
.friend-page-host .workspace > .page-content:has(> .parcel-presentation) { padding-top: 12px !important; }
.friend-page-host .presentation-progress { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); width: calc(-24px + 100vw); padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .presentation-output-summary { width: 100%; text-align: center; }
.friend-page-host .presentation-heading h1 { font-size: 25px; }
.friend-page-host .presentation-library > header { margin-bottom: 12px; }
.friend-page-host .presentation-preview.is-ready { aspect-ratio: unset; }
}

/* public/360/assets/finance.css */
.friend-page-host .finance-pages { --finance-surface: var(--white,#fff); --finance-canvas: var(--soft,#f3f6f1); --finance-line: var(--line,#dfe6dc); --finance-ink: var(--ink,#26362f); --finance-muted: var(--muted,#728078); --finance-green: var(--green,#24694f); --finance-accent: var(--accent,#91b52b); min-width: 0px; display: grid; row-gap: 16px; column-gap: 16px; color: var(--finance-ink); }
.friend-page-host .finance-command-center, .friend-page-host .finance-list-shell, .friend-page-host .finance-feature-panel, .friend-page-host .finance-control-deck, .friend-page-host .finance-summary-card, .friend-page-host .finance-status-strip { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.043) 0px 10px 28px; }
.friend-page-host .finance-command-center { overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .finance-command-center > header { min-height: 122px; padding-top: 22px; padding-right: 24px; padding-bottom: 22px; padding-left: 24px; display: flex; align-items: center; justify-content: space-between; row-gap: 22px; column-gap: 22px; }
.friend-page-host .finance-command-copy { display: flex; align-items: flex-start; row-gap: 16px; column-gap: 16px; min-width: 0px; }
.friend-page-host .finance-command-icon, .friend-page-host .finance-feature-icon { flex-grow: 0; flex-shrink: 0; flex-basis: 44px; width: 44px; height: 44px; display: grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: rgb(255, 255, 255); background-image: linear-gradient(145deg, rgb(39, 109, 82), rgb(17, 77, 62)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; box-shadow: rgba(14, 69, 53, 0.17) 0px 8px 20px; font-size: 21px; font-weight: 900; }
.friend-page-host .finance-command-copy > div { min-width: 0px; }
.friend-page-host .finance-command-copy p, .friend-page-host .finance-feature-panel > header p, .friend-page-host .finance-list-shell > header p { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; color: rgb(93, 137, 0); letter-spacing: 0.12em; font-size: 11px; line-height: 1.35; font-weight: 900; }
.friend-page-host .finance-command-copy h1 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; letter-spacing: -0.035em; }
.friend-page-host .finance-command-copy small { display: block; max-width: 670px; margin-top: 8px; color: var(--finance-muted); line-height: 1.55; font-size: 13px !important; }
.friend-page-host .finance-command-actions, .friend-page-host .finance-toolbar, .friend-page-host .finance-row-actions, .friend-page-host .finance-pagination-actions { display: flex; align-items: center; row-gap: 8px; column-gap: 8px; flex-wrap: wrap; }
.friend-page-host .finance-command-status { min-height: 44px; padding-top: 10px; padding-right: 24px; padding-bottom: 10px; padding-left: 24px; display: flex; align-items: center; justify-content: space-between; row-gap: 14px; column-gap: 14px; border-top-width: ; border-top-style: ; border-top-color: ; background-image: linear-gradient(90deg, rgb(241, 247, 232), rgb(247, 250, 244)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(82, 99, 90); font-size: 12px; }
.friend-page-host .finance-command-status > span { display: flex; align-items: center; row-gap: 8px; column-gap: 8px; font-weight: 800; }
.friend-page-host .finance-command-status i { width: 7px; height: 7px; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(126, 170, 31); box-shadow: rgba(126, 170, 31, 0.12) 0px 0px 0px 4px; }
.friend-page-host .finance-command-status small { color: var(--finance-muted); font-size: 12px !important; }
.friend-page-host .finance-pages .primary-btn, .friend-page-host .finance-pages .secondary-btn, .friend-page-host .finance-dialog .primary-btn, .friend-page-host .finance-dialog .secondary-btn { box-sizing: border-box; min-height: 40px; padding-top: 9px; padding-right: 14px; padding-bottom: 9px; padding-left: 14px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(54, 91, 75); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; cursor: pointer; transition-behavior: normal, normal, normal, normal; transition-duration: 0.16s, 0.16s, 0.16s, 0.16s; transition-timing-function: ease, ease, ease, ease; transition-delay: 0s, 0s, 0s, 0s; transition-property: transform, border-color, background-color, box-shadow; }
.friend-page-host .finance-pages .primary-btn, .friend-page-host .finance-dialog .primary-btn { box-shadow: rgba(23, 80, 59, 0.16) 0px 7px 18px; border-top-color:  !important; border-right-color:  !important; border-bottom-color:  !important; border-left-color:  !important; background-image:  !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; color: rgb(255, 255, 255) !important; }
.friend-page-host .finance-pages .primary-btn:hover, .friend-page-host .finance-dialog .primary-btn:hover { transform: translateY(-1px); background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(29, 94, 71) !important; }
.friend-page-host .finance-pages .secondary-btn:hover, .friend-page-host .finance-dialog .secondary-btn:hover { border-top-color: rgb(170, 189, 145); border-right-color: rgb(170, 189, 145); border-bottom-color: rgb(170, 189, 145); border-left-color: rgb(170, 189, 145); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 241); transform: translateY(-1px); }
.friend-page-host .finance-pages button:disabled, .friend-page-host .finance-dialog button:disabled { opacity: 0.55; cursor: wait; transform: none; }
.friend-page-host .finance-link { color: rgb(23, 108, 83); font-weight: 800; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .finance-link:hover { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-underline-offset: 3px; }
.friend-page-host .finance-control-deck { display: flex; align-items: center; justify-content: space-between; row-gap: 14px; column-gap: 14px; padding-top: 14px !important; padding-right: 16px !important; padding-bottom: 14px !important; padding-left: 16px !important; }
.friend-page-host .finance-search { display: flex; align-items: center; row-gap: 12px; column-gap: 12px; color: var(--finance-muted); font-size: 12px; font-weight: 750; }
.friend-page-host .finance-search > div { position: relative; display: flex; align-items: center; min-width: min(330px, 55vw); }
.friend-page-host .finance-search > div > span { position: absolute; left: 13px; color: rgb(120, 144, 135); pointer-events: none; }
.friend-page-host .finance-search input { width: 100%; padding-left: 36px !important; padding-right: 38px !important; }
.friend-page-host .finance-search button { position: absolute; right: 4px; width: 32px; height: 32px; min-width: 32px !important; min-height: 32px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; font-size: 18px !important; }
.friend-page-host .finance-pages > .finance-toolbar { padding-top: 14px; padding-right: 16px; padding-bottom: 14px; padding-left: 16px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-toolbar label, .friend-page-host .finance-converter-grid label { display: grid; row-gap: 7px; column-gap: 7px; color: rgb(83, 101, 92); font-size: 12px; font-weight: 750; }
.friend-page-host .finance-toolbar label { grid-template-columns: auto minmax(110px, auto); align-items: center; }
.friend-page-host .finance-pages input, .friend-page-host .finance-pages select, .friend-page-host .finance-dialog input, .friend-page-host .finance-dialog select, .friend-page-host .finance-dialog textarea { box-sizing: border-box; max-width: 100%; min-height: 42px; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 226, 216); border-right-color: rgb(217, 226, 216); border-bottom-color: rgb(217, 226, 216); border-left-color: rgb(217, 226, 216); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; outline-color: initial; outline-style: initial; outline-width: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(23, 62, 51); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; transition-behavior: normal, normal; transition-duration: 0.16s, 0.16s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: border-color, box-shadow; }
.friend-page-host .finance-pages input:focus, .friend-page-host .finance-pages select:focus, .friend-page-host .finance-dialog input:focus, .friend-page-host .finance-dialog select:focus, .friend-page-host .finance-dialog textarea:focus { border-top-color: rgb(125, 167, 62); border-right-color: rgb(125, 167, 62); border-bottom-color: rgb(125, 167, 62); border-left-color: rgb(125, 167, 62); box-shadow: rgba(125, 167, 62, 0.13) 0px 0px 0px 3px; }
.friend-page-host .finance-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); row-gap: 0px; column-gap: 0px; overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.043) 0px 10px 28px; }
.friend-page-host .finance-summary-card { position: relative; min-width: 0px; min-height: 134px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; row-gap: 16px; column-gap: 16px; overflow-x: hidden; overflow-y: hidden; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; padding-top: 18px !important; padding-right: 20px !important; padding-bottom: 21px !important; padding-left: 20px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; box-shadow: inset -1px 0 var(--finance-line),inset 0 -1px var(--finance-line) !important; }
.friend-page-host .finance-summary-card > header { display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; }
.friend-page-host .finance-summary-card > header > span { color: rgb(93, 106, 99); font-size: 12px; font-weight: 650; }
.friend-page-host .finance-summary-card > header > b { width: 23px; height: 23px; display: grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 222); color: rgb(86, 128, 0); font-size: 12px; font-weight: 900; }
.friend-page-host .finance-summary-card > div { min-width: 0px; }
.friend-page-host .finance-summary-card strong { display: block; color: var(--finance-ink); font-size: clamp(22px, 2vw, 27px); line-height: 1.12; font-weight: 850; letter-spacing: -0.04em; overflow-wrap: anywhere; }
.friend-page-host .finance-summary-card small { display: block; margin-top: 9px; color: var(--finance-muted); font-weight: 550; font-size: 11px !important; }
.friend-page-host .finance-summary-card > i { position: absolute; right: 0px; bottom: 0px; left: 0px; height: 4px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(64, 141, 0); }
.friend-page-host .finance-summary-card:nth-child(4n+2) > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(181, 216, 53); }
.friend-page-host .finance-summary-card:nth-child(4n+3) > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(239, 170, 0); }
.friend-page-host .finance-summary-card:nth-child(4n) > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(0, 106, 84); }
.friend-page-host .finance-summary-card.is-warning > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(239, 170, 0); }
.friend-page-host .finance-summary-card.is-danger > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(189, 83, 77); }
.friend-page-host .finance-summary-card.is-info > i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(55, 124, 175); }
.friend-page-host .finance-list-shell { overflow-x: hidden; overflow-y: hidden; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-list-shell > header { min-height: 80px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; display: flex; align-items: center; justify-content: space-between; row-gap: 18px; column-gap: 18px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-list-shell > header h2, .friend-page-host .finance-feature-panel > header h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 20px; line-height: 1.2; font-weight: 900; letter-spacing: -0.02em; }
.friend-page-host .finance-list-meta { display: flex; align-items: center; justify-content: flex-end; row-gap: 12px; column-gap: 12px; min-width: 0px; }
.friend-page-host .finance-list-meta > small { color: var(--finance-muted); white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 10px !important; }
.friend-page-host .finance-list-meta > span { padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); color: rgb(82, 123, 10); font-size: 11px; font-weight: 900; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-table-scroll { min-width: 0px; overflow-x: auto; overflow-y: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
.friend-page-host .finance-pages table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; table-layout: auto; }
.friend-page-host .finance-data-table.finance-cols-4 { min-width: 760px; }
.friend-page-host .finance-data-table.finance-cols-5 { min-width: 900px; }
.friend-page-host .finance-data-table.finance-cols-6 { min-width: 1050px; }
.friend-page-host .finance-data-table.finance-cols-7 { min-width: 1180px; }
.friend-page-host .finance-pages th { height: 51px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: linear-gradient(rgb(243, 247, 239) 0%, rgb(237, 242, 233) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(98, 118, 111); font-size: 10px; font-weight: 850; white-space-collapse: collapse; text-wrap-mode: nowrap; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(213, 224, 210); }
.friend-page-host .finance-pages th + th { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(217, 229, 202); }
.friend-page-host .finance-sort-button, .friend-page-host .finance-static-label { box-sizing: border-box; width: 100%; height: 50px; display: flex; align-items: center; row-gap: 6px; column-gap: 6px; padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(104, 119, 111); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; letter-spacing: 0.07em; text-align: left; text-transform: uppercase; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-sort-button { cursor: pointer; transition-behavior: normal, normal, normal; transition-duration: 0.15s, 0.15s, 0.15s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: background, color, box-shadow; }
.friend-page-host .finance-sort-button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 241, 221); color: rgb(53, 90, 0); }
.friend-page-host .finance-sort-button i { font-size: 11px; font-style: normal; font-weight: 750; opacity: 0.5; }
.friend-page-host .finance-pages th.is-sorted .finance-sort-button { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(228, 239, 218); color: rgb(53, 90, 0); box-shadow: rgb(103, 155, 13) 0px -3px 0px inset; }
.friend-page-host .finance-pages th.is-sorted .finance-sort-button i { opacity: 1; color: rgb(95, 146, 0); }
.friend-page-host .finance-pages td { height: 76px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: ; border-top-style: ; border-top-color: ; vertical-align: middle; }
.friend-page-host .finance-pages td + td { border-left-width: 1px; border-left-style: solid; border-left-color: rgb(220, 232, 202); }
.friend-page-host .finance-cell-content { min-width: 0px; padding-top: 13px; padding-right: 16px; padding-bottom: 13px; padding-left: 16px; }
.friend-page-host .finance-pages tbody tr { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; transition-behavior: normal; transition-duration: 0.15s; transition-timing-function: ease; transition-delay: 0s; transition-property: background-color; }
.friend-page-host .finance-pages tbody tr:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 251, 238); }
.friend-page-host .finance-pages td p { margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-muted); font-size: 11px; }
.friend-page-host .finance-pages td:first-child { font-weight: 700; }
.friend-page-host .finance-identity { min-width: 190px; display: flex; align-items: center; row-gap: 11px; column-gap: 11px; }
.friend-page-host .finance-identity > span { width: 39px; height: 39px; display: grid; align-items: center; justify-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: 39px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 222); color: rgb(86, 128, 0); font-size: 11px; font-weight: 900; }
.friend-page-host .finance-identity > div { min-width: 0px; }
.friend-page-host .finance-identity strong, .friend-page-host .finance-identity small { display: block; }
.friend-page-host .finance-identity strong { overflow-x: hidden; overflow-y: hidden; color: var(--finance-ink); font-size: 13px; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-identity small { margin-top: 4px; overflow-x: hidden; overflow-y: hidden; color: var(--finance-muted); font-weight: 500; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 10px !important; }
.friend-page-host .finance-metric { min-width: 95px; }
.friend-page-host .finance-metric small, .friend-page-host .finance-metric strong, .friend-page-host .finance-metric span { display: block; }
.friend-page-host .finance-metric small { color: var(--finance-muted); font-size: 9px !important; }
.friend-page-host .finance-metric strong { margin-top: 3px; color: var(--finance-ink); font-size: 12px; line-height: 1.3; }
.friend-page-host .finance-metric span { margin-top: 3px; color: var(--finance-muted); font-size: 9px; }
.friend-page-host .finance-metric.is-positive strong { color: rgb(72, 118, 0); }
.friend-page-host .finance-metric.is-negative strong { color: rgb(162, 60, 51); }
.friend-page-host .finance-row-actions { justify-content: flex-start; min-width: max-content; }
.friend-page-host .finance-row-actions .secondary-btn { min-height: 32px; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 11px; }
.friend-page-host .finance-status-badge { display: inline-flex; align-items: center; min-height: 26px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 241, 237); color: rgb(110, 122, 115); font-size: 11px; font-weight: 850; }
.friend-page-host .finance-status-badge.is-active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 244, 219); color: rgb(76, 122, 0); }
.friend-page-host .finance-pagination { padding-top: 12px; padding-right: 17px; padding-bottom: 12px; padding-left: 17px; display: flex; align-items: center; justify-content: flex-end; row-gap: 8px; column-gap: 8px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 252, 249); }
.friend-page-host .finance-pagination-actions { margin-left: auto; justify-content: flex-end; }
.friend-page-host .finance-pagination-actions .secondary-btn { width: 36px; min-width: 36px; min-height: 36px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; }
.friend-page-host .finance-pagination-actions .finance-page-button[aria-current="page"] { border-top-color: rgb(184, 215, 135); border-right-color: rgb(184, 215, 135); border-bottom-color: rgb(184, 215, 135); border-left-color: rgb(184, 215, 135); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 246, 220); color: rgb(77, 118, 0); box-shadow: none; }
.friend-page-host .finance-page-gap { min-width: 16px; color: var(--finance-muted); text-align: center; }
.friend-page-host .finance-inline-error { width: 100%; color: rgb(154, 64, 49); font-size: 12px; }
.friend-page-host .finance-empty { height: auto !important; padding-top: 42px !important; padding-right: 42px !important; padding-bottom: 42px !important; padding-left: 42px !important; text-align: center !important; }
.friend-page-host .finance-empty > span, .friend-page-host .finance-empty > strong, .friend-page-host .finance-empty > small { display: block; }
.friend-page-host .finance-empty > span { color: rgb(130, 167, 53); font-size: 28px; }
.friend-page-host .finance-empty > strong { margin-top: 8px; }
.friend-page-host .finance-empty > small { margin-top: 4px; color: var(--finance-muted); font-size: 12px !important; }
.friend-page-host .finance-feature-panel { overflow-x: hidden; overflow-y: hidden; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-feature-panel > header { padding-top: 16px; padding-right: 19px; padding-bottom: 16px; padding-left: 19px; display: flex; align-items: center; justify-content: space-between; row-gap: 14px; column-gap: 14px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 252, 248); }
.friend-page-host .finance-feature-icon { flex-basis: 38px; width: 38px; height: 38px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 17px; }
.friend-page-host .finance-converter-grid { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)) minmax(190px, 1.2fr); row-gap: 12px; column-gap: 12px; align-items: end; }
.friend-page-host .finance-converter-grid output { min-height: 73px; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; display: grid; align-content: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 231, 214); border-right-color: rgb(220, 231, 214); border-bottom-color: rgb(220, 231, 214); border-left-color: rgb(220, 231, 214); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 247, 233); }
.friend-page-host .finance-converter-grid output small, .friend-page-host .finance-converter-grid output span { color: var(--finance-muted); font-size: 10px !important; }
.friend-page-host .finance-converter-grid output strong { margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; color: rgb(39, 79, 63); font-size: 20px; }
.friend-page-host .finance-feature-panel > .finance-mail-status, .friend-page-host .finance-feature-panel > .finance-muted, .friend-page-host .finance-feature-panel > .finance-row-actions { margin-right: 18px; margin-left: 18px; }
.friend-page-host .finance-mail-status { margin-top: 16px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 248, 243); }
.friend-page-host .finance-mail-status > span { display: inline-flex; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 217); color: rgb(138, 94, 18); font-size: 11px; font-weight: 900; }
.friend-page-host .finance-mail-status > span.is-ready { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(230, 243, 217); color: rgb(77, 119, 8); }
.friend-page-host .finance-mail-status p { margin-top: 8px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; font-weight: 750; }
.friend-page-host .finance-mail-status small { color: var(--finance-muted); }
.friend-page-host .finance-feature-panel > .finance-row-actions { margin-top: 14px; margin-bottom: 18px; }
.friend-page-host .finance-status-strip { padding-top: 14px; padding-right: 17px; padding-bottom: 14px; padding-left: 17px; display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 12px; column-gap: 12px; }
.friend-page-host .finance-status-strip > span { color: rgb(117, 163, 30); font-size: 11px; }
.friend-page-host .finance-status-strip strong, .friend-page-host .finance-status-strip small { display: block; }
.friend-page-host .finance-status-strip small { margin-top: 3px; color: var(--finance-muted); font-size: 11px !important; }
.friend-page-host .finance-status-strip > b { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); color: rgb(87, 126, 12); font-size: 11px; }
.friend-page-host .finance-months { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); row-gap: 14px; column-gap: 14px; }
.friend-page-host .finance-months > div { display: grid; row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-months progress { width: 100%; accent-color: rgb(114, 159, 48); }
.friend-page-host .finance-months span, .friend-page-host .finance-months small { font-size: 12px; }
.friend-page-host .finance-pages > h3 { margin-top: 5px; margin-right: 2px; margin-bottom: -5px; margin-left: 2px; color: var(--finance-ink); font-size: 17px; }
.friend-page-host .finance-notice, .friend-page-host .finance-error { padding-top: 13px; padding-right: 16px; padding-bottom: 13px; padding-left: 16px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: flex; align-items: center; row-gap: 10px; column-gap: 10px; flex-wrap: wrap; }
.friend-page-host .finance-notice { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(209, 230, 197); border-right-color: rgb(209, 230, 197); border-bottom-color: rgb(209, 230, 197); border-left-color: rgb(209, 230, 197); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(235, 246, 229); color: rgb(39, 93, 58); }
.friend-page-host .finance-error { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(239, 208, 201); border-right-color: rgb(239, 208, 201); border-bottom-color: rgb(239, 208, 201); border-left-color: rgb(239, 208, 201); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); color: rgb(145, 55, 43); }
.friend-page-host .finance-error span { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 180px; }
.friend-page-host .finance-loading { min-height: 115px; padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; display: flex; align-items: center; justify-content: center; row-gap: 13px; column-gap: 13px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-loading > span { width: 38px; height: 38px; display: grid; align-items: center; justify-items: center; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); color: rgb(93, 132, 14); font-size: 18px; }
.friend-page-host .finance-loading strong, .friend-page-host .finance-loading small { display: block; }
.friend-page-host .finance-loading small { margin-top: 4px; color: var(--finance-muted); }
.friend-page-host .finance-dialog { width: min(690px, -24px + 100vw); max-height: calc(100dvh - 28px); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: auto; overflow-y: auto; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(23, 62, 51); box-shadow: rgba(16, 46, 51, 0.25) 0px 24px 80px; font-family: var(--korfez-project-font,"KorfezEmlakSatoshi",Satoshi,Arial,sans-serif); }
.friend-page-host .finance-dialog::backdrop { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(16, 46, 51, 0.48); }
.friend-page-host .finance-dialog form { padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; display: grid; row-gap: 18px; column-gap: 18px; }
.friend-page-host .finance-dialog header, .friend-page-host .finance-dialog footer { display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; }
.friend-page-host .finance-dialog header { padding-bottom: 14px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .finance-dialog h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 22px; font-weight: 900; }
.friend-page-host .finance-dialog footer { padding-top: 14px; justify-content: flex-end; border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-form-grid { display: grid; grid-template-columns: 1fr 1fr; row-gap: 15px; column-gap: 15px; }
.friend-page-host .finance-form-grid label { display: grid; row-gap: 7px; column-gap: 7px; min-width: 0px; color: rgb(83, 101, 92); font-size: 12px; font-weight: 750; }
.friend-page-host .finance-form-grid .finance-wide { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .finance-form-grid input[type="checkbox"] { width: 22px; min-height: 22px; }
html[data-theme="dark"] .friend-page-host .finance-pages { --finance-surface: #14251f; --finance-canvas: #111d18; --finance-line: #304139; --finance-ink: #edf3ef; --finance-muted: #a4b7ac; }
html[data-theme="dark"] .friend-page-host .finance-command-status, html[data-theme="dark"] .friend-page-host .finance-list-shell > header, html[data-theme="dark"] .friend-page-host .finance-feature-panel > header { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 43, 35); }
html[data-theme="dark"] .friend-page-host .finance-pages th, html[data-theme="dark"] .friend-page-host .finance-pagination, html[data-theme="dark"] .friend-page-host .finance-mail-status { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); color: rgb(163, 185, 174); }
html[data-theme="dark"] .friend-page-host .finance-pages th { border-bottom-color: rgb(59, 81, 71); }
html[data-theme="dark"] .friend-page-host .finance-pages th + th, html[data-theme="dark"] .friend-page-host .finance-pages td + td { border-left-color: rgb(48, 65, 57); }
html[data-theme="dark"] .friend-page-host .finance-sort-button, html[data-theme="dark"] .friend-page-host .finance-static-label { color: rgb(163, 185, 174); }
html[data-theme="dark"] .friend-page-host .finance-sort-button:hover, html[data-theme="dark"] .friend-page-host .finance-pages th.is-sorted .finance-sort-button { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 52, 41); color: rgb(215, 236, 154); }
html[data-theme="dark"] .friend-page-host .finance-summary-card > header > b, html[data-theme="dark"] .friend-page-host .finance-identity > span, html[data-theme="dark"] .friend-page-host .finance-status-strip > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(37, 58, 36); color: rgb(182, 215, 118); }
html[data-theme="dark"] .friend-page-host .finance-status-badge { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 55, 47); color: rgb(200, 214, 207); }
html[data-theme="dark"] .friend-page-host .finance-status-badge.is-active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 63, 36); color: rgb(199, 225, 132); }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 44, 38); }
html[data-theme="dark"] .friend-page-host .finance-pages input, html[data-theme="dark"] .friend-page-host .finance-pages select, html[data-theme="dark"] .friend-page-host .finance-dialog, html[data-theme="dark"] .friend-page-host .finance-dialog input, html[data-theme="dark"] .friend-page-host .finance-dialog select, html[data-theme="dark"] .friend-page-host .finance-dialog textarea, html[data-theme="dark"] .friend-page-host .finance-pages .secondary-btn, html[data-theme="dark"] .friend-page-host .finance-dialog .secondary-btn { border-top-color: rgb(53, 83, 69); border-right-color: rgb(53, 83, 69); border-bottom-color: rgb(53, 83, 69); border-left-color: rgb(53, 83, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 45, 37); color: rgb(225, 236, 229); }
html[data-theme="dark"] .friend-page-host .finance-converter-grid output { border-top-color: rgb(53, 83, 69); border-right-color: rgb(53, 83, 69); border-bottom-color: rgb(53, 83, 69); border-left-color: rgb(53, 83, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 48, 37); }
html[data-theme="dark"] .friend-page-host .finance-converter-grid output strong { color: rgb(223, 240, 218); }
html[data-theme="dark"] .friend-page-host .finance-link { color: rgb(182, 215, 118); }
@media (max-width: 1180px) {
.friend-page-host .finance-command-center > header { align-items: flex-start; }
.friend-page-host .finance-command-actions { justify-content: flex-end; }
.friend-page-host .finance-converter-grid { grid-template-columns: 1fr 1fr; }
.friend-page-host .finance-list-meta > small { display: none; }
.friend-page-host .finance-summary-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 900px) {
.friend-page-host .finance-pages table, .friend-page-host .finance-pages tbody { display: block; }
.friend-page-host .finance-pages .finance-data-table { width: 100%; min-width: 0px !important; }
.friend-page-host .finance-pages thead { display: none; }
.friend-page-host .finance-pages tbody { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: grid; row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-pages tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(25, 59, 46, 0.035) 0px 5px 14px; }
.friend-page-host .finance-pages tbody td { height: auto; min-width: 0px; display: grid; grid-template-columns: minmax(88px, 0.7fr) minmax(0px, 1.3fr); align-items: start; border-top-width: ; border-top-style: ; border-top-color: ; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-pages tbody td::before { content: attr(data-label); padding-top: 11px; padding-right: 0px; padding-bottom: 11px; padding-left: 13px; color: var(--finance-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: 0.04em; }
.friend-page-host .finance-cell-content { padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; }
.friend-page-host .finance-pages tbody td:first-child, .friend-page-host .finance-pages tbody td:nth-child(2) { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .finance-pages tbody .finance-empty { display: block; grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .finance-empty-row { display: block !important; }
.friend-page-host .finance-identity { min-width: 0px; }
}
@media (max-width: 760px) {
.friend-page-host .finance-pages { row-gap: 12px; column-gap: 12px; }
.friend-page-host .finance-command-center > header { min-height: 0px; padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; display: grid; }
.friend-page-host .finance-command-copy { row-gap: 11px; column-gap: 11px; }
.friend-page-host .finance-command-icon { flex-basis: 38px; width: 38px; height: 38px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 18px; }
.friend-page-host .finance-command-copy h1 { font-size: 24px; }
.friend-page-host .finance-command-copy small { font-size: 12px !important; }
.friend-page-host .finance-command-actions { width: 100%; justify-content: flex-start; }
.friend-page-host .finance-command-actions > * { flex-grow: 1; flex-shrink: 1; flex-basis: auto; text-align: center; justify-content: center; }
.friend-page-host .finance-command-status { padding-top: 9px; padding-right: 16px; padding-bottom: 9px; padding-left: 16px; }
.friend-page-host .finance-command-status small { display: none; }
.friend-page-host .finance-control-deck { padding-top: 12px !important; padding-right: 12px !important; padding-bottom: 12px !important; padding-left: 12px !important; }
.friend-page-host .finance-search { width: 100%; display: grid; row-gap: 7px; column-gap: 7px; }
.friend-page-host .finance-search > div { min-width: 0px; width: 100%; }
.friend-page-host .finance-pages > .finance-toolbar { display: grid; }
.friend-page-host .finance-toolbar label { grid-template-columns: 1fr; row-gap: 5px; column-gap: 5px; }
.friend-page-host .finance-toolbar label select { width: 100%; }
.friend-page-host .finance-summary-card { min-height: 112px; row-gap: 12px; column-gap: 12px; padding-top: 14px !important; padding-right: 15px !important; padding-bottom: 18px !important; padding-left: 15px !important; }
.friend-page-host .finance-summary-card strong { font-size: 20px; }
.friend-page-host .finance-list-shell > header { min-height: 68px; padding-top: 13px; padding-right: 14px; padding-bottom: 13px; padding-left: 14px; }
.friend-page-host .finance-list-shell > header h2, .friend-page-host .finance-feature-panel > header h2 { font-size: 18px; }
.friend-page-host .finance-list-meta > small { display: none; }
.friend-page-host .finance-pages tbody { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
.friend-page-host .finance-pages tbody tr { grid-template-columns: 1fr; }
.friend-page-host .finance-pages tbody td, .friend-page-host .finance-pages tbody td:nth-child(2) { border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-pages tbody td:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .finance-pages tbody td { grid-template-columns: minmax(86px, 0.65fr) minmax(0px, 1.35fr); }
.friend-page-host .finance-row-actions { min-width: 0px; }
.friend-page-host .finance-row-actions .secondary-btn { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }
.friend-page-host .finance-pagination { padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; }
.friend-page-host .finance-pagination-actions { width: auto; margin-left: auto; justify-content: flex-end; }
.friend-page-host .finance-pagination-actions .secondary-btn { flex-grow: 0; flex-shrink: 0; flex-basis: 36px; }
.friend-page-host .finance-converter-grid { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; grid-template-columns: 1fr; }
.friend-page-host .finance-converter-grid output { min-height: 67px; }
.friend-page-host .finance-status-strip { grid-template-columns: auto minmax(0px, 1fr); }
.friend-page-host .finance-status-strip > b { display: none; }
.friend-page-host .finance-form-grid { grid-template-columns: 1fr; }
.friend-page-host .finance-dialog form { padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; }
}
@media (max-width: 390px) {
.friend-page-host .finance-summary-grid { grid-template-columns: 1fr; }
.friend-page-host .finance-command-actions > * { flex-basis: 100%; }
.friend-page-host .finance-pages tbody td { grid-template-columns: 1fr; row-gap: 4px; column-gap: 4px; }
.friend-page-host .finance-pages tbody td::before { padding-top: 10px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; }
.friend-page-host .finance-cell-content { padding-top: 5px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; }
}
@media (hover: none), (pointer: coarse) {
.friend-page-host .finance-pages .primary-btn:hover, .friend-page-host .finance-pages .secondary-btn:hover, .friend-page-host .finance-dialog .primary-btn:hover, .friend-page-host .finance-dialog .secondary-btn:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .finance-pages *, .friend-page-host .finance-dialog * { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}
.friend-page-host .finance-run-card { padding-top: 15px; padding-right: 17px; padding-bottom: 15px; padding-left: 17px; display: flex; align-items: flex-start; justify-content: space-between; row-gap: 14px; column-gap: 14px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.043) 0px 10px 28px; }
.friend-page-host .finance-run-card > div { display: grid; row-gap: 3px; column-gap: 3px; }
.friend-page-host .finance-run-card small { color: rgb(93, 137, 0); font-weight: 900; letter-spacing: 0.1em; font-size: 10px !important; }
.friend-page-host .finance-run-card span { color: var(--finance-muted); font-size: 11px; }
.friend-page-host .finance-run-card p { max-width: 650px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 244, 229); color: rgb(134, 93, 29); font-size: 12px; }
.friend-page-host .finance-due-badge { display: inline-flex; margin-top: 5px; padding-top: 3px; padding-right: 7px; padding-bottom: 3px; padding-left: 7px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 232); color: rgb(94, 116, 95); font-size: 10px; font-weight: 850; }
.friend-page-host .finance-due-badge.is-due { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 216); color: rgb(145, 96, 19); }
.friend-page-host .finance-due-badge.is-overdue { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 233, 228); color: rgb(160, 62, 49); }
.friend-page-host .finance-analytics-panel { overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.043) 0px 10px 28px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-analytics-panel > header { min-height: 72px; padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 18px; display: flex; align-items: center; justify-content: space-between; row-gap: 14px; column-gap: 14px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: linear-gradient(90deg, rgb(245, 249, 239), rgb(255, 255, 255)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .finance-analytics-panel > header p { margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; color: rgb(93, 137, 0); font-size: 10px; font-weight: 900; letter-spacing: 0.11em; }
.friend-page-host .finance-analytics-panel > header h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 19px; }
.friend-page-host .finance-analytics-panel > header > span { max-width: 460px; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 223); color: rgb(85, 123, 18); font-size: 11px; font-weight: 800; }
.friend-page-host .finance-analytics-panel .finance-months { padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; }
html[data-theme="dark"] .friend-page-host .finance-run-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); color: rgb(163, 185, 174); }
html[data-theme="dark"] .friend-page-host .finance-analytics-panel > header { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 43, 35); }
html[data-theme="dark"] .friend-page-host .finance-run-card p { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(58, 47, 29); color: rgb(228, 196, 140); }
@media (max-width: 760px) {
.friend-page-host .finance-run-card, .friend-page-host .finance-analytics-panel > header { display: grid; }
.friend-page-host .finance-analytics-panel > header > span { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-analytics-panel .finance-months { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.friend-page-host .finance-command-actions .finance-link { box-sizing: border-box; min-height: 40px; padding-top: 9px; padding-right: 14px; padding-bottom: 9px; padding-left: 14px; display: inline-flex; align-items: center; justify-content: center; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(54, 91, 75); font-size: 13px; font-weight: 750; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; transition-behavior: normal, normal, normal; transition-duration: 0.16s, 0.16s, 0.16s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: transform, border-color, background-color; }
.friend-page-host .finance-command-actions .finance-link:hover { border-top-color: rgb(170, 189, 145); border-right-color: rgb(170, 189, 145); border-bottom-color: rgb(170, 189, 145); border-left-color: rgb(170, 189, 145); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 241); text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; transform: translateY(-1px); }
.friend-page-host .finance-pages :where(button, a, input, select, textarea):focus-visible, .friend-page-host .finance-dialog :where(button, a, input, select, textarea):focus-visible { outline-color: rgb(123, 171, 34) !important; outline-style: solid !important; outline-width: 3px !important; outline-offset: 2px !important; }
html[data-theme="dark"] .friend-page-host .finance-command-status { color: rgb(207, 221, 213); }
html[data-theme="dark"] .friend-page-host .finance-toolbar label, html[data-theme="dark"] .friend-page-host .finance-form-grid label, html[data-theme="dark"] .friend-page-host .finance-converter-grid label { color: rgb(189, 206, 197); }
html[data-theme="dark"] .friend-page-host .finance-command-actions .finance-link { border-top-color: rgb(53, 83, 69); border-right-color: rgb(53, 83, 69); border-bottom-color: rgb(53, 83, 69); border-left-color: rgb(53, 83, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 45, 37); color: rgb(225, 236, 229); }
@media (max-width: 760px) {
.friend-page-host .finance-command-actions .finance-link { width: 100%; }
}
.friend-page-host .finance-balance-stack { display: grid; row-gap: 4px; column-gap: 4px; }
.friend-page-host .finance-balance-stack > span { display: block; }
.friend-page-host .finance-data-table.finance-cols-6 { min-width: 1020px; }
.friend-page-host .finance-data-table.finance-cols-7 { min-width: 1140px; }
html[data-theme="dark"] .friend-page-host .finance-summary-card > header > span { color: var(--finance-muted); }
html[data-theme="dark"] .friend-page-host .finance-command-copy p, html[data-theme="dark"] .friend-page-host .finance-feature-panel > header p, html[data-theme="dark"] .friend-page-host .finance-list-shell > header p, html[data-theme="dark"] .friend-page-host .finance-run-card small, html[data-theme="dark"] .friend-page-host .finance-analytics-panel > header p { color: rgb(183, 216, 120); }
@media (max-width: 1180px) {
.friend-page-host .finance-summary-card:last-child:nth-child(2n+1) { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .finance-pages table, .friend-page-host .finance-pages tbody { display: block; }
.friend-page-host .finance-pages .finance-data-table { width: 100%; min-width: 0px !important; }
.friend-page-host .finance-pages thead { display: none; }
.friend-page-host .finance-pages tbody { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: grid; row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-pages tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(25, 59, 46, 0.035) 0px 5px 14px; }
.friend-page-host .finance-pages tbody td { height: auto; min-width: 0px; display: grid; grid-template-columns: minmax(88px, 0.7fr) minmax(0px, 1.3fr); align-items: start; border-top-width: ; border-top-style: ; border-top-color: ; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-pages tbody td:nth-child(2n) { border-left-width:  !important; border-left-style:  !important; border-left-color:  !important; }
.friend-page-host .finance-pages tbody td::before { content: attr(data-label); padding-top: 11px; padding-right: 0px; padding-bottom: 11px; padding-left: 13px; color: var(--finance-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: 0.04em; }
.friend-page-host .finance-cell-content { padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; }
.friend-page-host .finance-pages tbody td:first-child, .friend-page-host .finance-pages tbody td:nth-child(2) { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .finance-pages tbody .finance-empty { display: block; grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .finance-empty-row { display: block !important; }
.friend-page-host .finance-identity { min-width: 0px; }
}
.friend-page-host .payment-vault-page { display: grid; row-gap: 16px; column-gap: 16px; min-width: 0px; }
.friend-page-host .payment-vault-feedback:empty { display: none; }
.friend-page-host .payment-vault-feedback { display: grid; row-gap: 8px; column-gap: 8px; }
.friend-page-host .payment-vault-section { min-width: 0px; overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.043) 0px 10px 28px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .payment-vault-section-head { min-height: 76px; padding-top: 15px; padding-right: 18px; padding-bottom: 15px; padding-left: 18px; display: flex; align-items: center; justify-content: space-between; row-gap: 16px; column-gap: 16px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: linear-gradient(90deg, rgb(245, 249, 239), rgb(255, 255, 255)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .payment-vault-section-head > div { min-width: 0px; }
.friend-page-host .payment-vault-section-head p { margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; color: rgb(93, 137, 0); font-size: 10px; font-weight: 900; letter-spacing: 0.11em; }
.friend-page-host .payment-vault-section-head h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 20px; line-height: 1.2; }
.friend-page-host .payment-vault-section-head small { display: block; margin-top: 4px; color: var(--finance-muted); font-size: 10px !important; }
.friend-page-host .payment-vault-section-head > .primary-btn { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .payment-vault-grid { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr)); row-gap: 12px; column-gap: 12px; }
.friend-page-host .payment-vault-record { position: relative; min-width: 0px; display: grid; grid-template-rows: auto 1fr auto auto; overflow-x: hidden; overflow-y: hidden; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 228, 212); border-right-color: rgb(217, 228, 212); border-bottom-color: rgb(217, 228, 212); border-left-color: rgb(217, 228, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); box-shadow: rgba(22, 63, 47, 0.055) 0px 8px 22px; }
.friend-page-host .payment-vault-record::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: auto; left: 0px; height: 3px; background-image: linear-gradient(90deg, rgb(77, 141, 0), rgb(180, 216, 52)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .payment-vault-iban-card::before { background-image: linear-gradient(90deg, rgb(13, 107, 85), rgb(124, 171, 36)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .payment-vault-record > header { min-width: 0px; padding-top: 17px; padding-right: 16px; padding-bottom: 13px; padding-left: 16px; display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 11px; column-gap: 11px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(226, 233, 223); }
.friend-page-host .payment-vault-record-icon { width: 36px; height: 36px; display: grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); color: rgb(84, 130, 0); font-size: 15px; font-weight: 900; }
.friend-page-host .payment-vault-record > header > div { min-width: 0px; }
.friend-page-host .payment-vault-record > header strong, .friend-page-host .payment-vault-record > header small { display: block; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .payment-vault-record > header strong { color: var(--finance-ink); font-size: 14px; }
.friend-page-host .payment-vault-record > header small { margin-top: 3px; color: var(--finance-muted); font-size: 10px !important; }
.friend-page-host .payment-vault-status { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(215, 226, 207); border-right-color: rgb(215, 226, 207); border-bottom-color: rgb(215, 226, 207); border-left-color: rgb(215, 226, 207); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 242, 236); color: rgb(104, 119, 111); font-size: 9px; font-weight: 900; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .payment-vault-status.is-primary { border-top-color: rgb(201, 221, 169); border-right-color: rgb(201, 221, 169); border-bottom-color: rgb(201, 221, 169); border-left-color: rgb(201, 221, 169); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(236, 246, 221); color: rgb(79, 121, 9); }
.friend-page-host .payment-vault-values { min-width: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .payment-vault-value { min-width: 0px; min-height: 76px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; display: grid; align-content: center; row-gap: 6px; column-gap: 6px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(226, 233, 223); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(226, 233, 223); }
.friend-page-host .payment-vault-value:nth-child(2n) { border-right-width: 0px; border-right-style: none; border-right-color: currentcolor; }
.friend-page-host .payment-vault-value.is-wide { grid-column-start: 1; grid-column-end: -1; border-right-width: 0px; border-right-style: none; border-right-color: currentcolor; }
.friend-page-host .payment-vault-value > span { color: var(--finance-muted); font-size: 9px; font-weight: 850; letter-spacing: 0.04em; text-transform: uppercase; }
.friend-page-host .payment-vault-value > div { min-width: 0px; display: flex; align-items: center; justify-content: space-between; row-gap: 9px; column-gap: 9px; }
.friend-page-host .payment-vault-value strong, .friend-page-host .payment-vault-value code { min-width: 0px; overflow-x: hidden; overflow-y: hidden; color: var(--finance-ink); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .payment-vault-value code { font-size: 14px; letter-spacing: 0.055em; }
.friend-page-host .payment-vault-copy { flex-grow: 0; flex-shrink: 0; flex-basis: 88px; width: 88px; min-height: 32px; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; display: inline-flex; align-items: center; justify-content: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(205, 219, 188); border-right-color: rgb(205, 219, 188); border-bottom-color: rgb(205, 219, 188); border-left-color: rgb(205, 219, 188); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 247, 232); color: rgb(66, 109, 8); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; white-space-collapse: collapse; text-wrap-mode: nowrap; cursor: pointer; transition-behavior: normal, normal, normal; transition-duration: 0.15s, 0.15s, 0.15s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: border-color, background-color, transform; }
.friend-page-host .payment-vault-copy:hover { border-top-color: rgb(134, 170, 73); border-right-color: rgb(134, 170, 73); border-bottom-color: rgb(134, 170, 73); border-left-color: rgb(134, 170, 73); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 243, 215); transform: translateY(-1px); }
.friend-page-host .payment-vault-note { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(226, 233, 223); color: var(--finance-muted); font-size: 11px; line-height: 1.5; white-space-collapse: preserve; text-wrap-mode: wrap; }
.friend-page-host .payment-vault-record > footer { padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; display: flex; justify-content: flex-end; row-gap: 7px; column-gap: 7px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); }
.friend-page-host .payment-vault-record > footer > .secondary-btn { min-height: 34px; padding-top: 7px; padding-right: 11px; padding-bottom: 7px; padding-left: 11px; font-size: 11px; }
.friend-page-host .payment-vault-record > footer > .is-danger { border-top-color: rgb(239, 209, 203); border-right-color: rgb(239, 209, 203); border-bottom-color: rgb(239, 209, 203); border-left-color: rgb(239, 209, 203); color: rgb(155, 63, 52); }
.friend-page-host .payment-vault-record > footer > .is-danger:hover { border-top-color: rgb(223, 159, 149); border-right-color: rgb(223, 159, 149); border-bottom-color: rgb(223, 159, 149); border-left-color: rgb(223, 159, 149); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); }
.friend-page-host .payment-vault-empty { min-height: 180px; padding-top: 34px; padding-right: 20px; padding-bottom: 34px; padding-left: 20px; display: grid; align-items: center; justify-items: center; align-content: center; row-gap: 7px; column-gap: 7px; text-align: center; color: var(--finance-muted); }
.friend-page-host .payment-vault-empty > span { width: 42px; height: 42px; display: grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); color: rgb(95, 140, 11); font-size: 19px; }
.friend-page-host .payment-vault-empty > strong { color: var(--finance-ink); font-size: 14px; }
.friend-page-host .payment-vault-empty > small { max-width: 390px; line-height: 1.5; font-size: 11px !important; }
.friend-page-host .payment-vault-loading { min-height: 180px; }
.friend-page-host .payment-vault-dialog header > div { min-width: 0px; }
.friend-page-host .payment-vault-dialog header small { display: block; margin-top: 5px; color: rgb(113, 128, 119); line-height: 1.45; font-size: 11px !important; }
.friend-page-host .payment-vault-dialog textarea { width: 100%; resize: vertical; }
.friend-page-host .payment-vault-dialog .finance-form-grid label > small { color: rgb(122, 137, 128); font-weight: 550; line-height: 1.4; font-size: 10px !important; }
.friend-page-host .payment-vault-scan { display: grid; row-gap: 10px; column-gap: 10px; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 232, 201); border-right-color: rgb(217, 232, 201); border-bottom-color: rgb(217, 232, 201); border-left-color: rgb(217, 232, 201); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 251, 241); }
.friend-page-host .payment-vault-scan-head { display: flex; align-items: center; row-gap: 10px; column-gap: 10px; }
.friend-page-host .payment-vault-scan-head > span { flex-grow: 0; flex-shrink: 0; flex-basis: 34px; width: 34px; height: 34px; display: grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(229, 243, 208); color: rgb(73, 119, 18); font-size: 11px; font-weight: 900; }
.friend-page-host .payment-vault-scan-head > div { min-width: 0px; display: grid; row-gap: 2px; column-gap: 2px; }
.friend-page-host .payment-vault-scan-head strong { color: var(--finance-ink); font-size: 12px; }
.friend-page-host .payment-vault-scan-head small { color: var(--finance-muted); line-height: 1.4; font-size: 11px !important; }
.friend-page-host .payment-vault-scan-actions { display: flex; flex-wrap: wrap; row-gap: 7px; column-gap: 7px; }
.friend-page-host .payment-vault-scan-actions > :is(label, button) { position: relative; min-height: 37px; display: inline-flex; align-items: center; justify-content: center; padding-top: 7px; padding-right: 11px; padding-bottom: 7px; padding-left: 11px; font-size: 11px; line-height: 1.2; cursor: pointer; }
.friend-page-host .payment-vault-scan-actions > label:focus-within { outline-color: rgb(101, 158, 22); outline-style: solid; outline-width: 2px; outline-offset: 2px; }
.friend-page-host .payment-vault-scan-actions > label input { position: absolute; width: 1px; height: 1px; min-height: 1px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; opacity: 0; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .payment-vault-scan-actions > .primary-btn { margin-left: auto; }
.friend-page-host .payment-vault-scan-progress { display: grid; row-gap: 7px; column-gap: 7px; min-width: 0px; padding-top: 10px; padding-right: 11px; padding-bottom: 10px; padding-left: 11px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(211, 227, 188); border-right-color: rgb(211, 227, 188); border-bottom-color: rgb(211, 227, 188); border-left-color: rgb(211, 227, 188); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(239, 247, 231); color: rgb(59, 98, 49); }
.friend-page-host .payment-vault-scan-progress-head { display: flex; align-items: center; justify-content: space-between; row-gap: 8px; column-gap: 8px; font-size: 11px; }
.friend-page-host .payment-vault-scan-progress-head strong { font-size: 11px; }
.friend-page-host .payment-vault-scan-progress-head span { font-variant-numeric: tabular-nums; font-weight: 800; }
.friend-page-host .payment-vault-scan-progress-track { height: 7px; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(214, 228, 204); }
.friend-page-host .payment-vault-scan-progress-fill { display: block; width: 35%; height: 100%; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; background-image: linear-gradient(90deg, rgb(110, 170, 49), rgb(63, 140, 85)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; animation-duration: 1.35s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--payment-vault-scan-pulse; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .payment-vault-scan-progress.is-upload.is-measured .payment-vault-scan-progress-fill, .friend-page-host .payment-vault-scan-progress.is-complete .payment-vault-scan-progress-fill { animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .payment-vault-scan-progress.is-upload.is-measured .payment-vault-scan-progress-fill { transition-behavior: normal; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; transition-property: width; }
.friend-page-host .payment-vault-scan-progress.is-complete .payment-vault-scan-progress-fill { width: 100%; }
.friend-page-host .payment-vault-scan-progress.is-failed { border-top-color: rgb(230, 201, 191); border-right-color: rgb(230, 201, 191); border-bottom-color: rgb(230, 201, 191); border-left-color: rgb(230, 201, 191); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 241, 237); color: rgb(145, 67, 55); }
.friend-page-host .payment-vault-scan-progress.is-failed .payment-vault-scan-progress-fill { width: 35%; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(215, 132, 112); animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .payment-vault-scan-progress.is-cancelled { border-top-color: rgb(217, 221, 218); border-right-color: rgb(217, 221, 218); border-bottom-color: rgb(217, 221, 218); border-left-color: rgb(217, 221, 218); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 245, 242); color: rgb(96, 112, 104); }
.friend-page-host .payment-vault-scan-progress.is-cancelled .payment-vault-scan-progress-fill { width: 0px; animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .payment-vault-scan-progress small { font-size: 10px !important; line-height: 1.4; }
@keyframes friend-page--payment-vault-scan-pulse {
0% { transform: translateX(-110%); }
100% { transform: translateX(310%); }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .payment-vault-scan-progress-fill { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .payment-vault-scan-progress.is-upload.is-measured .payment-vault-scan-progress-fill { transition-behavior: normal; transition-duration: 0s; transition-timing-function: ease; transition-delay: 0s; transition-property: none; }
}
.friend-page-host .payment-vault-scan-file { min-width: 0px; display: flex; align-items: center; row-gap: 9px; column-gap: 9px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 232, 209); border-right-color: rgb(220, 232, 209); border-bottom-color: rgb(220, 232, 209); border-left-color: rgb(220, 232, 209); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .payment-vault-scan-file img { width: 42px; height: 42px; object-fit: cover; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .payment-vault-scan-file > span { min-width: 0px; display: grid; row-gap: 2px; column-gap: 2px; }
.friend-page-host .payment-vault-scan-file strong { overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; color: var(--finance-ink); font-size: 11px; }
.friend-page-host .payment-vault-scan-file small { color: var(--finance-muted); font-size: 10px !important; }
.friend-page-host .payment-vault-scan-note { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(92, 109, 97); font-size: 10px; line-height: 1.5; }
.friend-page-host .payment-vault-scan-result, .friend-page-host .payment-vault-scan-review { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 9px; padding-right: 10px; padding-bottom: 9px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(201, 223, 168); border-right-color: rgb(201, 223, 168); border-bottom-color: rgb(201, 223, 168); border-left-color: rgb(201, 223, 168); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 247, 225); color: rgb(61, 100, 34); font-size: 11px; line-height: 1.45; }
.friend-page-host .payment-vault-scan-result { display: grid; row-gap: 3px; column-gap: 3px; }
.friend-page-host .payment-vault-scan-result strong { font-size: 11px; }
.friend-page-host .payment-vault-scan-result small { font-size: 10px !important; line-height: 1.45; }
.friend-page-host .payment-vault-scan .finance-error { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .payment-vault-person-picker { position: relative; min-width: 0px; }
.friend-page-host .payment-vault-person-picker > input { width: 100%; }
.friend-page-host .payment-vault-person-options { position: absolute; z-index: 8; top: calc(100% + 5px); right: 0px; left: 0px; max-height: 210px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; overflow-x: auto; overflow-y: auto; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 217, 197); border-right-color: rgb(204, 217, 197); border-bottom-color: rgb(204, 217, 197); border-left-color: rgb(204, 217, 197); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); box-shadow: rgba(17, 55, 41, 0.16) 0px 14px 34px; }
.friend-page-host .payment-vault-person-options > button, .friend-page-host .payment-vault-person-options > span { width: 100%; min-height: 38px; display: flex; align-items: center; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: var(--finance-ink); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; text-align: left; }
.friend-page-host .payment-vault-person-options > button { cursor: pointer; }
.friend-page-host .payment-vault-person-options > button:hover, .friend-page-host .payment-vault-person-options > button.is-active, .friend-page-host .payment-vault-person-options > button[aria-selected="true"] { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 246, 223); color: rgb(66, 111, 8); }
.friend-page-host .payment-vault-person-options > span { color: var(--finance-muted); font-weight: 650; }
.friend-page-host .payment-vault-check { min-height: 42px; display: flex; align-items: center; row-gap: 10px; column-gap: 10px; color: rgb(56, 90, 75); font-size: 12px; font-weight: 700; }
.friend-page-host .payment-vault-check > input { flex-grow: 0; flex-shrink: 0; flex-basis: 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; width: 20px !important; min-height: 20px !important; }
.friend-page-host .payment-vault-security-note { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 229, 200); border-right-color: rgb(216, 229, 200); border-bottom-color: rgb(216, 229, 200); border-left-color: rgb(216, 229, 200); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 237); color: rgb(79, 103, 91); font-size: 11px; line-height: 1.45; }
.friend-page-host .payment-vault-delete-copy { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(239, 209, 203); border-right-color: rgb(239, 209, 203); border-bottom-color: rgb(239, 209, 203); border-left-color: rgb(239, 209, 203); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 243, 240); }
.friend-page-host .payment-vault-delete-copy strong { color: rgb(127, 52, 43); }
.friend-page-host .payment-vault-delete-copy p { margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(146, 80, 71); font-size: 12px; }
html[data-theme="dark"] .friend-page-host .payment-vault-section-head { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 43, 35); }
html[data-theme="dark"] .friend-page-host .payment-vault-record { border-top-color: rgb(52, 73, 63); border-right-color: rgb(52, 73, 63); border-bottom-color: rgb(52, 73, 63); border-left-color: rgb(52, 73, 63); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(19, 38, 31); box-shadow: none; }
html[data-theme="dark"] .friend-page-host .payment-vault-record > header, html[data-theme="dark"] .friend-page-host .payment-vault-value, html[data-theme="dark"] .friend-page-host .payment-vault-note { border-top-color: rgb(48, 69, 58); border-right-color: rgb(48, 69, 58); border-bottom-color: rgb(48, 69, 58); border-left-color: rgb(48, 69, 58); }
html[data-theme="dark"] .friend-page-host .payment-vault-record-icon, html[data-theme="dark"] .friend-page-host .payment-vault-empty > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 61, 35); color: rgb(198, 223, 127); }
html[data-theme="dark"] .friend-page-host .payment-vault-values { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 34, 28); }
html[data-theme="dark"] .friend-page-host .payment-vault-record > footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(21, 39, 31); }
html[data-theme="dark"] .friend-page-host .payment-vault-copy { border-top-color: rgb(73, 99, 62); border-right-color: rgb(73, 99, 62); border-bottom-color: rgb(73, 99, 62); border-left-color: rgb(73, 99, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(35, 58, 41); color: rgb(203, 227, 152); }
html[data-theme="dark"] .friend-page-host .payment-vault-person-options { border-top-color: rgb(58, 81, 69); border-right-color: rgb(58, 81, 69); border-bottom-color: rgb(58, 81, 69); border-left-color: rgb(58, 81, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 39, 31); box-shadow: rgba(0, 0, 0, 0.3) 0px 14px 34px; }
html[data-theme="dark"] .friend-page-host .payment-vault-scan { border-top-color: rgb(61, 86, 53); border-right-color: rgb(61, 86, 53); border-bottom-color: rgb(61, 86, 53); border-left-color: rgb(61, 86, 53); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 48, 36); }
html[data-theme="dark"] .friend-page-host .payment-vault-scan-head > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(51, 74, 43); color: rgb(195, 228, 145); }
html[data-theme="dark"] .friend-page-host .payment-vault-scan-file { border-top-color: rgb(64, 88, 69); border-right-color: rgb(64, 88, 69); border-bottom-color: rgb(64, 88, 69); border-left-color: rgb(64, 88, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 41, 32); }
html[data-theme="dark"] .friend-page-host .payment-vault-scan-note { color: rgb(175, 193, 179); }
html[data-theme="dark"] .friend-page-host .payment-vault-scan-progress { border-top-color: rgb(71, 97, 59); border-right-color: rgb(71, 97, 59); border-bottom-color: rgb(71, 97, 59); border-left-color: rgb(71, 97, 59); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(35, 57, 42); color: rgb(206, 230, 187); }
html[data-theme="dark"] .friend-page-host .payment-vault-scan-progress-track { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(64, 87, 73); }
html[data-theme="dark"] .friend-page-host .payment-vault-scan-progress.is-failed { border-top-color: rgb(112, 73, 63); border-right-color: rgb(112, 73, 63); border-bottom-color: rgb(112, 73, 63); border-left-color: rgb(112, 73, 63); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(53, 35, 31); color: rgb(255, 193, 183); }
html[data-theme="dark"] .friend-page-host .payment-vault-scan-progress.is-cancelled { border-top-color: rgb(70, 91, 77); border-right-color: rgb(70, 91, 77); border-bottom-color: rgb(70, 91, 77); border-left-color: rgb(70, 91, 77); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 46, 39); color: rgb(182, 199, 187); }
html[data-theme="dark"] .friend-page-host .payment-vault-scan-result, html[data-theme="dark"] .friend-page-host .payment-vault-scan-review { border-top-color: rgb(73, 107, 56); border-right-color: rgb(73, 107, 56); border-bottom-color: rgb(73, 107, 56); border-left-color: rgb(73, 107, 56); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 61, 40); color: rgb(208, 235, 168); }
html[data-theme="dark"] .friend-page-host .payment-vault-status { border-top-color: rgb(66, 84, 74); border-right-color: rgb(66, 84, 74); border-bottom-color: rgb(66, 84, 74); border-left-color: rgb(66, 84, 74); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 55, 47); color: rgb(200, 214, 207); }
html[data-theme="dark"] .friend-page-host .payment-vault-status.is-primary { border-top-color: rgb(82, 107, 62); border-right-color: rgb(82, 107, 62); border-bottom-color: rgb(82, 107, 62); border-left-color: rgb(82, 107, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 63, 36); color: rgb(199, 225, 132); }
html[data-theme="dark"] .friend-page-host .payment-vault-security-note { border-top-color: rgb(61, 83, 56); border-right-color: rgb(61, 83, 56); border-bottom-color: rgb(61, 83, 56); border-left-color: rgb(61, 83, 56); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 48, 37); color: rgb(197, 213, 202); }
html[data-theme="dark"] .friend-page-host .payment-vault-delete-copy { border-top-color: rgb(112, 73, 63); border-right-color: rgb(112, 73, 63); border-bottom-color: rgb(112, 73, 63); border-left-color: rgb(112, 73, 63); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(53, 35, 31); }
html[data-theme="dark"] .friend-page-host .payment-vault-delete-copy strong { color: rgb(255, 193, 183); }
html[data-theme="dark"] .friend-page-host .payment-vault-delete-copy p { color: rgb(221, 178, 170); }
@media (max-width: 760px) {
.friend-page-host .payment-vault-page { row-gap: 12px; column-gap: 12px; }
.friend-page-host .payment-vault-section-head { min-height: 0px; padding-top: 13px; padding-right: 12px; padding-bottom: 13px; padding-left: 12px; align-items: center; }
.friend-page-host .payment-vault-section-head h2 { font-size: 18px; }
.friend-page-host .payment-vault-section-head > .primary-btn { min-width: 118px; padding-inline-start: 10px; padding-inline-end: 10px; }
.friend-page-host .payment-vault-grid { padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; grid-template-columns: minmax(0px, 1fr); row-gap: 9px; column-gap: 9px; }
.friend-page-host .payment-vault-record { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .payment-vault-record > header { padding-top: 15px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; row-gap: 9px; column-gap: 9px; }
.friend-page-host .payment-vault-value { min-height: 72px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; }
.friend-page-host .payment-vault-value > div { align-items: flex-start; flex-direction: column; }
.friend-page-host .payment-vault-value code, .friend-page-host .payment-vault-value strong { max-width: 100%; white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; }
.friend-page-host .payment-vault-copy { flex-basis: auto; width: 100%; min-height: 36px; }
.friend-page-host .payment-vault-note { text-align: center; }
.friend-page-host .payment-vault-record > footer { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .payment-vault-record > footer > .secondary-btn { width: 100%; }
.friend-page-host .payment-vault-dialog .finance-form-grid { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .payment-vault-dialog .finance-wide { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .payment-vault-scan-actions > :is(label, button) { flex-grow: 1; flex-shrink: 1; flex-basis: 120px; }
.friend-page-host .payment-vault-scan-actions > .primary-btn { margin-left: 0px; }
}
@media (max-width: 390px) {
.friend-page-host .payment-vault-section-head { display: grid; grid-template-columns: minmax(0px, 1fr) auto; row-gap: 9px; column-gap: 9px; }
.friend-page-host .payment-vault-section-head p { font-size: 9px; }
.friend-page-host .payment-vault-section-head > .primary-btn { min-width: 106px; font-size: 11px; }
.friend-page-host .payment-vault-values { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .payment-vault-value, .friend-page-host .payment-vault-value:nth-child(2n) { grid-column-start: 1; grid-column-end: auto; border-right-width: 0px; border-right-style: none; border-right-color: currentcolor; }
}
@media (max-width: 760px) {
.friend-page-host .finance-command-center > header { grid-template-columns: minmax(0px, 1fr); justify-content: stretch; }
.friend-page-host .finance-command-copy { width: 100%; }
.friend-page-host .finance-command-actions .finance-link { width: auto; }
.friend-page-host .finance-pages tbody td:nth-child(2n) { border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
}
@media (max-width: 390px) {
.friend-page-host .finance-command-actions .finance-link { width: 100%; }
}
.friend-page-host .finance-dialog :is(input, select, textarea):disabled { opacity: 0.78; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 244, 239); color: rgb(96, 112, 104); cursor: not-allowed; }
html[data-theme="dark"] .friend-page-host .finance-dialog :is(input, select, textarea):disabled { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 41, 35); color: rgb(158, 177, 167); }
.friend-page-host .finance-summary-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
@media (max-width: 1180px) {
.friend-page-host .finance-summary-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 390px) {
.friend-page-host .finance-summary-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
.friend-page-host .finance-pages tbody { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
.friend-page-host .finance-pages tbody tr { grid-template-columns: 1fr; }
.friend-page-host .finance-pages tbody td, .friend-page-host .finance-pages tbody td:nth-child(2) { border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-pages tbody td:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .finance-pages tbody td { grid-template-columns: minmax(86px, 0.65fr) minmax(0px, 1.35fr); border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
}
@media (max-width: 760px) {
.friend-page-host .finance-pages tbody .finance-link { box-sizing: border-box; min-width: 44px; min-height: 44px; padding-top: 8px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px; display: inline-flex; align-items: center; }
}
@media (max-width: 390px) {
.friend-page-host .finance-pages tbody td { grid-template-columns: 1fr; row-gap: 4px; column-gap: 4px; }
.friend-page-host .finance-pages tbody td::before { padding-top: 10px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; }
.friend-page-host .finance-cell-content { padding-top: 5px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; }
}
@media (min-width: 351px) and (max-width: 760px) {
.friend-page-host .payment-vault-dialog .payment-vault-card-form-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .payment-vault-dialog .payment-vault-card-form-grid > .finance-wide { grid-column-start: 1; grid-column-end: -1; }
}
.friend-page-host .finance-pages tbody tr.is-clickable { cursor: pointer; }
.friend-page-host .finance-pages tbody tr.is-clickable:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 248, 230); box-shadow: rgb(111, 159, 23) 4px 0px 0px inset; }
.friend-page-host .finance-pages tbody tr.is-clickable:focus-visible { position: relative; z-index: 1; outline-offset: -3px; outline-color: rgb(123, 171, 34) !important; outline-style: solid !important; outline-width: 3px !important; }
.friend-page-host .finance-pages tbody tr.is-clickable:active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 244, 219); }
.friend-page-host .finance-command-actions > :is(button, a) { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 154px !important; width: 154px !important; min-width: 154px !important; height: 42px !important; min-height: 42px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 14px !important; padding-bottom: 0px !important; padding-left: 14px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(79, 133, 0) !important; border-right-color: rgb(79, 133, 0) !important; border-bottom-color: rgb(79, 133, 0) !important; border-left-color: rgb(79, 133, 0) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(79, 146, 0) !important; color: rgb(255, 255, 255) !important; font-style:  !important; font-variant-ligatures:  !important; font-variant-caps:  !important; font-variant-numeric:  !important; font-variant-east-asian:  !important; font-variant-alternates:  !important; font-variant-position:  !important; font-variant-emoji:  !important; font-weight:  !important; font-stretch:  !important; font-size:  !important; line-height:  !important; font-family:  !important; font-optical-sizing:  !important; font-size-adjust:  !important; font-kerning:  !important; font-feature-settings:  !important; font-variation-settings:  !important; font-language-override:  !important; text-align: center !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; box-shadow: rgba(67, 117, 0, 0.12) 0px 8px 18px !important; transition-behavior: normal, normal, normal !important; transition-duration: 0.16s, 0.16s, 0.16s !important; transition-timing-function: ease, ease, ease !important; transition-delay: 0s, 0s, 0s !important; transition-property: transform, background-color, box-shadow !important; }
.friend-page-host .finance-command-actions > :is(button, a):hover { transform: translateY(-1px); background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(66, 125, 0) !important; border-top-color: rgb(66, 125, 0) !important; border-right-color: rgb(66, 125, 0) !important; border-bottom-color: rgb(66, 125, 0) !important; border-left-color: rgb(66, 125, 0) !important; color: rgb(255, 255, 255) !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; box-shadow: rgba(58, 104, 0, 0.2) 0px 10px 22px !important; }
.friend-page-host .finance-command-actions > :is(button, a):active { transform: translateY(0px); }
.friend-page-host .finance-rate-overview { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(280px, 0.65fr); row-gap: 12px; column-gap: 12px; }
.friend-page-host .finance-rate-overview > .finance-status-strip, .friend-page-host .finance-rate-overview > .finance-run-card { min-height: 88px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.04) 0px 8px 24px; }
.friend-page-host .finance-status-strip.is-stale > span { color: rgb(189, 120, 19); }
.friend-page-host .finance-status-strip.is-stale > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 216); color: rgb(142, 94, 17); }
.friend-page-host .finance-status-strip.is-fresh { box-shadow: rgb(112, 162, 23) 4px 0px 0px inset, rgba(26, 62, 48, 0.04) 0px 8px 24px; }
.friend-page-host .finance-status-badge.is-stale { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 216); color: rgb(142, 94, 17); }
.friend-page-host .finance-status-badge.is-missing { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 233, 228); color: rgb(157, 61, 49); }
.friend-page-host .finance-filter-panel, .friend-page-host .finance-category-panel, .friend-page-host .finance-year-panel { overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.043) 0px 10px 28px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-filter-panel > header, .friend-page-host .finance-category-panel > header, .friend-page-host .finance-year-panel > header { min-height: 72px; padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 18px; display: flex; align-items: center; justify-content: space-between; row-gap: 14px; column-gap: 14px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: linear-gradient(90deg, rgb(245, 249, 239), rgb(255, 255, 255)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .finance-filter-panel > header p, .friend-page-host .finance-category-panel > header p, .friend-page-host .finance-year-panel > header p { margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; color: rgb(93, 137, 0); font-size: 10px; font-weight: 900; letter-spacing: 0.11em; }
.friend-page-host .finance-filter-panel > header h2, .friend-page-host .finance-category-panel > header h2, .friend-page-host .finance-year-panel > header h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 19px; }
.friend-page-host .finance-filter-panel > header > span, .friend-page-host .finance-category-panel > header > span { padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 223); color: rgb(85, 123, 18); font-size: 11px; font-weight: 850; }
.friend-page-host .finance-filter-panel > .finance-toolbar { padding-top: 16px; padding-right: 18px; padding-bottom: 16px; padding-left: 18px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
.friend-page-host .finance-expense-categories { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); row-gap: 9px; column-gap: 9px; }
.friend-page-host .finance-expense-categories > button, .friend-page-host .finance-year-list > button { min-width: 0px; padding-top: 13px; padding-right: 14px; padding-bottom: 13px; padding-left: 14px; display: grid; row-gap: 5px; column-gap: 5px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); color: var(--finance-ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-align: left; cursor: pointer; transition-behavior: normal, normal, normal, normal; transition-duration: 0.15s, 0.15s, 0.15s, 0.15s; transition-timing-function: ease, ease, ease, ease; transition-delay: 0s, 0s, 0s, 0s; transition-property: transform, border-color, background-color, box-shadow; }
.friend-page-host .finance-expense-categories > button:hover, .friend-page-host .finance-year-list > button:hover { border-top-color: rgb(168, 194, 124); border-right-color: rgb(168, 194, 124); border-bottom-color: rgb(168, 194, 124); border-left-color: rgb(168, 194, 124); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 233); transform: translateY(-1px); box-shadow: rgba(62, 102, 24, 0.08) 0px 8px 18px; }
.friend-page-host .finance-expense-categories > button.is-active, .friend-page-host .finance-year-list > button.is-active { border-top-color: rgb(110, 159, 22); border-right-color: rgb(110, 159, 22); border-bottom-color: rgb(110, 159, 22); border-left-color: rgb(110, 159, 22); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); box-shadow: rgb(110, 159, 22) 0px -3px 0px inset; }
.friend-page-host .finance-expense-categories span { color: rgb(88, 112, 102); font-size: 11px; font-weight: 800; }
.friend-page-host .finance-expense-categories strong { font-size: 16px; }
.friend-page-host .finance-expense-categories small { min-height: 30px; color: var(--finance-muted); line-height: 1.45; font-size: 10px !important; }
.friend-page-host .finance-year-list { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); row-gap: 9px; column-gap: 9px; }
.friend-page-host .finance-year-list > button strong { font-size: 18px; }
.friend-page-host .finance-year-list > button span { font-size: 12px; font-weight: 750; }
.friend-page-host .finance-year-list > button small { color: var(--finance-muted); font-size: 10px !important; }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-clickable:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 53, 43); box-shadow: rgb(155, 195, 79) 4px 0px 0px inset; }
html[data-theme="dark"] .friend-page-host .finance-filter-panel > header, html[data-theme="dark"] .friend-page-host .finance-category-panel > header, html[data-theme="dark"] .friend-page-host .finance-year-panel > header { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 43, 35); }
html[data-theme="dark"] .friend-page-host .finance-filter-panel > header p, html[data-theme="dark"] .friend-page-host .finance-category-panel > header p, html[data-theme="dark"] .friend-page-host .finance-year-panel > header p { color: rgb(183, 216, 120); }
html[data-theme="dark"] .friend-page-host .finance-expense-categories > button, html[data-theme="dark"] .friend-page-host .finance-year-list > button { border-top-color: rgb(48, 65, 57); border-right-color: rgb(48, 65, 57); border-bottom-color: rgb(48, 65, 57); border-left-color: rgb(48, 65, 57); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); color: rgb(237, 243, 239); }
html[data-theme="dark"] .friend-page-host .finance-expense-categories > button:hover, html[data-theme="dark"] .friend-page-host .finance-year-list > button:hover, html[data-theme="dark"] .friend-page-host .finance-expense-categories > button.is-active, html[data-theme="dark"] .friend-page-host .finance-year-list > button.is-active { border-top-color: rgb(125, 164, 61); border-right-color: rgb(125, 164, 61); border-bottom-color: rgb(125, 164, 61); border-left-color: rgb(125, 164, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 53, 43); }
html[data-theme="dark"] .friend-page-host .finance-expense-categories span { color: rgb(189, 206, 197); }
html[data-theme="dark"] .friend-page-host .finance-status-strip.is-stale > b, html[data-theme="dark"] .friend-page-host .finance-status-badge.is-stale { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(58, 47, 29); color: rgb(228, 196, 140); }
html[data-theme="dark"] .friend-page-host .finance-status-badge.is-missing { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(65, 40, 36); color: rgb(239, 177, 168); }
@media (max-width: 1180px) {
.friend-page-host .finance-rate-overview { grid-template-columns: 1fr; }
.friend-page-host .finance-expense-categories { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 760px) {
.friend-page-host .finance-command-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)); display: grid !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .finance-command-actions > :is(button, a) { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: 100% !important; min-width: 0px !important; height: 44px !important; min-height: 44px !important; }
.friend-page-host .finance-filter-panel > header, .friend-page-host .finance-category-panel > header, .friend-page-host .finance-year-panel > header { min-height: 64px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; }
.friend-page-host .finance-filter-panel > .finance-toolbar { padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
.friend-page-host .finance-expense-categories { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-year-list { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-rate-overview > .finance-status-strip, .friend-page-host .finance-rate-overview > .finance-run-card { min-height: 0px; }
}
@media (max-width: 390px) {
.friend-page-host .finance-command-actions { grid-template-columns: 1fr; }
.friend-page-host .finance-expense-categories, .friend-page-host .finance-year-list { grid-template-columns: 1fr; }
}
@media (hover: none), (pointer: coarse) {
.friend-page-host .finance-expense-categories > button:hover, .friend-page-host .finance-year-list > button:hover, .friend-page-host .finance-command-actions > :is(button, a):hover { transform: none; }
}
.friend-page-host .finance-command-actions > :is(button, a) { flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: 112px !important; width: 112px !important; min-width: 108px !important; max-width: 116px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; padding-inline-start: 10px !important; padding-inline-end: 10px !important; }
@media (max-width: 760px) {
.friend-page-host .finance-command-center > header { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; }
.friend-page-host .finance-command-actions { width: 100%; grid-template-columns: repeat(auto-fit, minmax(108px, 1fr)); display: grid !important; row-gap: 6px !important; column-gap: 6px !important; }
.friend-page-host .finance-command-actions > :is(button, a) { white-space-collapse: collapse; text-wrap-mode: wrap; width: 100% !important; min-width: 0px !important; max-width: none !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; padding-inline-start: 7px !important; padding-inline-end: 7px !important; font-size: 11.5px !important; line-height: 1.15 !important; }
.friend-page-host .finance-summary-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .finance-summary-card, .friend-page-host .finance-summary-card:last-child:nth-child(2n+1) { min-height: 98px; row-gap: 8px; column-gap: 8px; grid-column-start: auto !important; grid-column-end: auto !important; padding-top: 11px !important; padding-right: 12px !important; padding-bottom: 15px !important; padding-left: 12px !important; }
.friend-page-host .finance-summary-card > header { row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-summary-card > header > span { font-size: 10px; line-height: 1.25; }
.friend-page-host .finance-summary-card > header > b { width: 20px; height: 20px; flex-grow: 0; flex-shrink: 0; flex-basis: 20px; font-size: 10px; }
.friend-page-host .finance-summary-card strong { font-size: 17px; line-height: 1.18; }
.friend-page-host .finance-summary-card small { margin-top: 5px; line-height: 1.3; font-size: 9.5px !important; }
.friend-page-host .finance-pages tbody { padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-pages tbody tr { padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 7px; column-gap: 7px; overflow-x: visible; overflow-y: visible; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(25, 59, 46, 0.043) 0px 5px 15px; }
.friend-page-host .finance-pages tbody td, .friend-page-host .finance-pages tbody td:first-child, .friend-page-host .finance-pages tbody td:nth-child(2), .friend-page-host .finance-pages tbody td:nth-child(2n) { min-width: 0px; min-height: 64px; display: block; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; }
.friend-page-host .finance-pages tbody td::before { display: block; padding-top: 8px; padding-right: 9px; padding-bottom: 0px; padding-left: 9px; font-size: 9px; line-height: 1.2; }
.friend-page-host .finance-cell-content { padding-top: 4px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; }
.friend-page-host .finance-pages tbody td:has(.finance-identity), .friend-page-host .finance-pages tbody td[data-label="İşlemler"], .friend-page-host .finance-pages tbody .finance-empty { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .finance-pages tbody .finance-empty { min-height: 0px; }
.friend-page-host .finance-identity { row-gap: 9px; column-gap: 9px; }
.friend-page-host .finance-identity > span { width: 34px; height: 34px; flex-basis: 34px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 10px; }
.friend-page-host .finance-identity strong { font-size: 12px; white-space-collapse: collapse; text-wrap-mode: wrap; }
.friend-page-host .finance-identity small { margin-top: 2px; font-size: 9px !important; }
.friend-page-host .finance-metric { min-width: 0px; }
.friend-page-host .finance-metric small { font-size: 8.5px !important; }
.friend-page-host .finance-metric strong { font-size: 11.5px; overflow-wrap: anywhere; }
.friend-page-host .finance-metric span { font-size: 8.5px; }
.friend-page-host .finance-row-actions { width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)); row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-row-actions :is(button, a) { width: 100%; min-width: 0px; justify-content: center; text-align: center; }
.friend-page-host .finance-pages > .finance-toolbar, .friend-page-host .finance-filter-panel > .finance-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-toolbar label { min-width: 0px; grid-template-columns: 1fr; row-gap: 4px; column-gap: 4px; }
.friend-page-host .finance-toolbar label :is(input, select) { width: 100%; min-width: 0px; }
.friend-page-host .finance-form-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-form-grid label { min-width: 0px; }
.friend-page-host .finance-form-grid label :is(input, select, textarea) { width: 100%; min-width: 0px; }
.friend-page-host .finance-converter-grid { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-converter-grid output { min-height: 58px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; }
.friend-page-host .finance-converter-grid output strong { font-size: 17px; }
.friend-page-host .finance-expense-categories, .friend-page-host .finance-year-list { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 7px; column-gap: 7px; }
.friend-page-host .finance-expense-categories > button, .friend-page-host .finance-year-list > button { min-height: 76px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; row-gap: 3px; column-gap: 3px; }
.friend-page-host .finance-expense-categories strong, .friend-page-host .finance-year-list > button strong { font-size: 14px; }
.friend-page-host .finance-expense-categories small { min-height: 0px; line-height: 1.3; }
}
@media (max-width: 350px) {
.friend-page-host .finance-command-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-pages tbody tr { row-gap: 6px; column-gap: 6px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; }
.friend-page-host .finance-pages tbody td::before { padding-inline-start: 8px; padding-inline-end: 8px; }
.friend-page-host .finance-cell-content { padding-inline-start: 8px; padding-inline-end: 8px; }
}
@media (max-width: 760px) {
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
html[data-theme="dark"] .friend-page-host .finance-pages tbody td { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
}
.friend-page-host .finance-refresh-spinner { display: inline-flex; align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin-inline-end: 0.35em; line-height: 1; transform-origin: center center; animation-duration: 0.72s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--finance-refresh-spin; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
@keyframes friend-page--finance-refresh-spin {
100% { transform: rotate(1turn); }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .finance-refresh-spinner { animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
}
.friend-page-host .finance-dialog[open] { overscroll-behavior-x: contain; overscroll-behavior-y: contain; box-sizing: border-box !important; position: fixed !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: min(690px,calc(100vw - max(16px,env(safe-area-inset-left,0px)) - max(16px,env(safe-area-inset-right,0px)))) !important; max-width: calc(100vw - max(16px,env(safe-area-inset-left,0px)) - max(16px,env(safe-area-inset-right,0px))) !important; min-height: 0px !important; max-height: calc(100dvh - max(16px,env(safe-area-inset-top,0px)) - max(16px,env(safe-area-inset-bottom,0px))) !important; margin-top: auto !important; margin-right: auto !important; margin-bottom: auto !important; margin-left: auto !important; overflow-x: auto !important; overflow-y: auto !important; transform: none !important; }
.friend-page-host .finance-dialog::backdrop { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(16, 46, 51, 0.5); pointer-events: auto; }
@media (max-width: 760px) {
.friend-page-host .finance-dialog[open] { width: calc(100vw - max(10px,env(safe-area-inset-left,0px)) - max(10px,env(safe-area-inset-right,0px))) !important; max-width: calc(100vw - max(10px,env(safe-area-inset-left,0px)) - max(10px,env(safe-area-inset-right,0px))) !important; top:  !important; right:  !important; bottom:  !important; left:  !important; max-height: calc(100dvh - var(--project-header-height,64px) - 16px - env(safe-area-inset-bottom,0px)) !important; margin-top: auto !important; margin-right: auto !important; margin-bottom: auto !important; margin-left: auto !important; }
.friend-page-host .finance-dialog::backdrop { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
}
.friend-page-host .finance-action-label-compact { display: none; }
.friend-page-host .finance-download-command-error { margin-top: -2px; }
@media (max-width: 760px) {
.friend-page-host .finance-action-label-full { display: none; }
.friend-page-host .finance-action-label-compact { display: inline; }
}
.friend-page-host .finance-page-skeleton { grid-template-columns: auto minmax(0px, 1fr); align-items: center; row-gap: 12px; column-gap: 12px; min-height: 190px; padding-top: 22px; padding-right: 22px; padding-bottom: 22px; padding-left: 22px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--finance-muted); display: grid !important; }
.friend-page-host .finance-page-skeleton > span { width: 38px; height: 38px; display: grid; align-items: center; justify-items: center; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); color: rgb(90, 140, 0); animation-duration: 0.85s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--finance-skeleton-spin; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .finance-page-skeleton strong, .friend-page-host .finance-page-skeleton small { display: block; }
.friend-page-host .finance-page-skeleton strong { color: var(--finance-ink); font-size: 14px; }
.friend-page-host .finance-page-skeleton small { margin-top: 3px; }
.friend-page-host .finance-skeleton-grid { grid-column-start: 1; grid-column-end: -1; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-skeleton-grid i { height: 62px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: linear-gradient(100deg, rgb(237, 241, 235) 20%, rgb(248, 250, 247) 42%, rgb(237, 241, 235) 64%); background-position-x: initial; background-position-y: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 220% 100%; animation-duration: 1.05s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--finance-skeleton-sheen; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
@keyframes friend-page--finance-skeleton-spin {
100% { transform: rotate(1turn); }
}
@keyframes friend-page--finance-skeleton-sheen {
0% { background-position-x: 100%; background-position-y: 0px; }
100% { background-position-x: -100%; background-position-y: 0px; }
}
html[data-theme="dark"] .friend-page-host .finance-page-skeleton > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 61, 35); color: rgb(198, 223, 127); }
html[data-theme="dark"] .friend-page-host .finance-skeleton-grid i { background-image: linear-gradient(100deg, rgb(27, 44, 37) 20%, rgb(38, 58, 49) 42%, rgb(27, 44, 37) 64%); background-position-x: initial; background-position-y: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 220% 100%; }
@media (max-width: 760px) {
.friend-page-host .finance-page-skeleton { min-height: 160px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }
.friend-page-host .finance-skeleton-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-skeleton-grid i { height: 52px; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .finance-page-skeleton > span, .friend-page-host .finance-skeleton-grid i { animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
}
.friend-page-host button.finance-summary-card.is-filter-control { appearance: none; box-sizing: border-box; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: inherit; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: rgba(90, 140, 0, 0.14); transition-behavior: normal, normal, normal; transition-duration: 0.16s, 0.16s, 0.16s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: background-color, box-shadow, transform; }
.friend-page-host button.finance-summary-card.is-filter-control:hover { z-index: 1; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 246); transform: translateY(-2px); box-shadow: rgba(20, 55, 43, 0.1) 0px 12px 28px !important; }
.friend-page-host button.finance-summary-card.is-filter-control.is-selected { z-index: 1; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 252, 248); }
.friend-page-host button.finance-summary-card.is-filter-control:active { transform: translateY(0px); }
html[data-theme="dark"] .friend-page-host button.finance-summary-card.is-filter-control:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 43, 35); }
html[data-theme="dark"] .friend-page-host button.finance-summary-card.is-filter-control.is-selected { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 40, 32); }
.friend-page-host .finance-contact-filter-panel { overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.043) 0px 10px 28px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-contact-filter-panel > header { min-height: 64px; padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; display: flex; align-items: center; justify-content: space-between; row-gap: 14px; column-gap: 14px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: linear-gradient(90deg, rgb(245, 249, 239), rgb(255, 255, 255)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .finance-contact-filter-panel > header p { margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; color: rgb(93, 137, 0); font-size: 10px; font-weight: 900; letter-spacing: 0.11em; }
.friend-page-host .finance-contact-filter-panel > header h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 18px; }
.friend-page-host .finance-contact-filter-panel > header > span { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 223); color: rgb(85, 123, 18); font-size: 11px; font-weight: 850; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-contact-filter-groups { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); min-width: 0px; }
.friend-page-host .finance-contact-filter-group { min-width: 0px; padding-top: 13px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; display: grid; row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-contact-filter-group + .finance-contact-filter-group { border-left-width: ; border-left-style: ; border-left-color: ; }
.friend-page-host .finance-contact-filter-group > span { color: rgb(104, 120, 111); font-size: 10px; font-weight: 850; letter-spacing: 0.04em; text-transform: uppercase; }
.friend-page-host .finance-contact-filter-buttons { display: flex; align-items: stretch; row-gap: 6px; column-gap: 6px; flex-wrap: wrap; }
.friend-page-host .finance-contact-filter-buttons > button { box-sizing: border-box; min-width: 76px; min-height: 38px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; display: inline-flex; align-items: center; justify-content: flex-start; row-gap: 7px; column-gap: 7px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 226, 212); border-right-color: rgb(216, 226, 212); border-bottom-color: rgb(216, 226, 212); border-left-color: rgb(216, 226, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); color: rgb(80, 97, 89); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; white-space-collapse: collapse; text-wrap-mode: nowrap; cursor: pointer; transition-behavior: normal, normal, normal, normal; transition-duration: 0.15s, 0.15s, 0.15s, 0.15s; transition-timing-function: ease, ease, ease, ease; transition-delay: 0s, 0s, 0s, 0s; transition-property: border-color, background-color, box-shadow, transform; width: auto !important; }
.friend-page-host .finance-contact-filter-buttons > button > b { flex-grow: 0; flex-shrink: 0; flex-basis: 24px; width: 24px; height: 24px; display: grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 223); color: rgb(89, 131, 0); font-size: 10px; font-weight: 950; }
.friend-page-host .finance-contact-filter-buttons > button:hover { border-top-color: rgb(169, 194, 126); border-right-color: rgb(169, 194, 126); border-bottom-color: rgb(169, 194, 126); border-left-color: rgb(169, 194, 126); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 239); transform: translateY(-1px); }
.friend-page-host .finance-contact-filter-buttons > button.is-active { border-top-color: rgb(127, 167, 59); border-right-color: rgb(127, 167, 59); border-bottom-color: rgb(127, 167, 59); border-left-color: rgb(127, 167, 59); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(240, 246, 231); color: rgb(49, 88, 0); box-shadow: rgb(109, 156, 24) 0px -3px 0px inset; }
.friend-page-host .finance-contact-filter-buttons > button.is-active > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 140, 0); color: rgb(255, 255, 255); }
.friend-page-host .finance-contact-currency-buttons > button { min-width: 72px; }
html[data-theme="dark"] .friend-page-host .finance-contact-filter-panel > header { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 43, 35); }
html[data-theme="dark"] .friend-page-host .finance-contact-filter-panel > header p { color: rgb(183, 216, 120); }
html[data-theme="dark"] .friend-page-host .finance-contact-filter-group > span { color: rgb(169, 187, 177); }
html[data-theme="dark"] .friend-page-host .finance-contact-filter-buttons > button { border-top-color: rgb(52, 73, 63); border-right-color: rgb(52, 73, 63); border-bottom-color: rgb(52, 73, 63); border-left-color: rgb(52, 73, 63); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 40, 32); color: rgb(201, 215, 207); }
html[data-theme="dark"] .friend-page-host .finance-contact-filter-buttons > button > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 60, 39); color: rgb(187, 217, 120); }
html[data-theme="dark"] .friend-page-host .finance-contact-filter-buttons > button:hover, html[data-theme="dark"] .friend-page-host .finance-contact-filter-buttons > button.is-active { border-top-color: rgb(117, 157, 56); border-right-color: rgb(117, 157, 56); border-bottom-color: rgb(117, 157, 56); border-left-color: rgb(117, 157, 56); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 53, 43); color: rgb(222, 237, 188); }
html[data-theme="dark"] .friend-page-host .finance-contact-filter-buttons > button.is-active > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(109, 150, 29); color: rgb(255, 255, 255); }
@media (max-width: 980px) {
.friend-page-host .finance-contact-filter-groups { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .finance-contact-filter-group + .finance-contact-filter-group { border-top-width: ; border-top-style: ; border-top-color: ; border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; }
}
@media (max-width: 760px) {
.friend-page-host .finance-contact-filter-panel > header { min-height: 58px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
.friend-page-host .finance-contact-filter-panel > header h2 { font-size: 17px; }
.friend-page-host .finance-contact-filter-group { padding-top: 10px; padding-right: 11px; padding-bottom: 12px; padding-left: 11px; }
.friend-page-host .finance-contact-filter-buttons { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-contact-currency-buttons { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.friend-page-host .finance-contact-filter-buttons > button { min-width: 0px; min-height: 40px; padding-top: 6px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; width: 100% !important; }
.friend-page-host .finance-contact-filter-buttons > button > b { flex-basis: 22px; width: 22px; height: 22px; }
}
@media (max-width: 350px) {
.friend-page-host .finance-contact-currency-buttons { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.friend-page-host .finance-pages .finance-contact-filter-search { width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: block; min-width: 0px; color: rgb(95, 114, 94); }
.friend-page-host .finance-pages .finance-contact-search-group .finance-contact-filter-search > span { display: none; }
.friend-page-host .finance-pages .finance-contact-filter-search > div { width: 100%; min-width: 0px; }
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
.friend-page-host button.finance-summary-card.is-filter-control:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; transform: none; box-shadow: inset -1px 0 var(--finance-line),inset 0 -1px var(--finance-line) !important; }
.friend-page-host button.finance-summary-card.is-filter-control.is-selected:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 252, 248); }
html[data-theme="dark"] .friend-page-host button.finance-summary-card.is-filter-control.is-selected:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 40, 32); }
.friend-page-host .finance-contact-filter-buttons > button:hover { transform: none; }
}
.friend-page-host .finance-converter-grid { grid-template-columns: minmax(250px, 1.35fr) minmax(145px, 0.8fr) minmax(145px, 0.8fr) minmax(210px, 1.1fr); }
.friend-page-host .finance-converter-direction-field { min-width: 0px; display: grid; row-gap: 7px; column-gap: 7px; color: rgb(83, 101, 92); font-size: 12px; font-weight: 750; }
.friend-page-host .finance-converter-direction { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 5px; column-gap: 5px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 247, 242); }
.friend-page-host .finance-converter-direction > button { box-sizing: border-box; width: 100%; min-width: 0px; min-height: 40px; padding-top: 7px; padding-right: 8px; padding-bottom: 7px; padding-left: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(83, 101, 92); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; white-space-collapse: collapse; text-wrap-mode: wrap; cursor: pointer; }
.friend-page-host .finance-converter-direction > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(63, 105, 0); }
.friend-page-host .finance-converter-direction > button.is-active { border-top-color: rgb(98, 150, 0); border-right-color: rgb(98, 150, 0); border-bottom-color: rgb(98, 150, 0); border-left-color: rgb(98, 150, 0); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(90, 146, 0); color: rgb(255, 255, 255); box-shadow: rgba(65, 112, 0, 0.14) 0px 5px 12px; }
.friend-page-host .finance-converter-grid input[data-amount-input="true"] { font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }
.friend-page-host .finance-summary-head { display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; }
.friend-page-host .finance-summary-head > span { color: rgb(93, 106, 99); font-size: 12px; font-weight: 650; }
.friend-page-host .finance-summary-head > b { width: auto; min-width: 23px; height: 23px; padding-inline-start: 6px; padding-inline-end: 6px; display: grid; align-items: center; justify-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 222); color: rgb(86, 128, 0); font-size: 12px; font-weight: 900; line-height: 1; white-space-collapse: collapse; text-wrap-mode: nowrap; overflow-wrap: normal; word-break: normal; box-sizing: border-box; }
.friend-page-host .finance-summary-body { display: block; min-width: 0px; }
html[data-theme="dark"] .friend-page-host .finance-summary-head > span { color: var(--finance-muted); }
html[data-theme="dark"] .friend-page-host .finance-summary-head > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(37, 58, 36); color: rgb(182, 215, 118); }
html[data-theme="dark"] .friend-page-host .finance-converter-direction-field { color: rgb(189, 206, 197); }
html[data-theme="dark"] .friend-page-host .finance-converter-direction { border-top-color: rgb(53, 83, 69); border-right-color: rgb(53, 83, 69); border-bottom-color: rgb(53, 83, 69); border-left-color: rgb(53, 83, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(16, 35, 28); }
html[data-theme="dark"] .friend-page-host .finance-converter-direction > button { color: rgb(189, 206, 197); }
html[data-theme="dark"] .friend-page-host .finance-converter-direction > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 51, 40); color: rgb(217, 238, 167); }
html[data-theme="dark"] .friend-page-host .finance-converter-direction > button.is-active { border-top-color: rgb(135, 179, 58); border-right-color: rgb(135, 179, 58); border-bottom-color: rgb(135, 179, 58); border-left-color: rgb(135, 179, 58); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(85, 127, 13); color: rgb(255, 255, 255); }
@media (max-width: 1180px) {
.friend-page-host .finance-converter-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-converter-direction-field, .friend-page-host .finance-converter-grid > output { grid-column-start: 1; grid-column-end: -1; }
}
@media (max-width: 760px) {
.friend-page-host .finance-converter-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-converter-direction-field, .friend-page-host .finance-converter-grid > output { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .finance-converter-direction > button { min-height: 44px; }
.friend-page-host .finance-summary-head { row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-summary-head > span { font-size: 10px; line-height: 1.25; }
.friend-page-host .finance-summary-head > b { width: auto; min-width: 20px; height: 20px; padding-inline-start: 5px; padding-inline-end: 5px; flex-basis: auto; font-size: 10px; }
.friend-page-host .finance-summary-card strong { white-space-collapse: collapse; text-wrap-mode: nowrap; overflow-wrap: normal; font-size: clamp(15px, 4.6vw, 20px); }
}
.friend-page-host .backup-center { row-gap: 16px !important; column-gap: 16px !important; }
.friend-page-host .backup-hero { min-height: 150px !important; padding-top: 25px !important; padding-right: 27px !important; padding-bottom: 25px !important; padding-left: 27px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: linear-gradient(120deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 68%, rgb(237, 245, 223) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; box-shadow: rgba(26, 62, 48, 0.055) 0px 12px 30px !important; }
.friend-page-host .backup-shield { box-shadow: rgba(78, 128, 0, 0.15) 0px 10px 24px; width: 54px !important; height: 54px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .backup-export-grid { row-gap: 14px !important; column-gap: 14px !important; }
.friend-page-host .backup-export-grid > .backup-card { position: relative; overflow-x: hidden; overflow-y: hidden; min-height: 255px !important; padding-top: 20px !important; padding-right: 20px !important; padding-bottom: 20px !important; padding-left: 20px !important; display: grid !important; grid-template-columns: 45px minmax(0px, 1fr) !important; grid-template-rows: 1fr auto !important; align-items: start !important; row-gap: 15px !important; column-gap: 15px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; box-shadow: rgba(26, 62, 48, 0.05) 0px 12px 28px !important; }
.friend-page-host .backup-export-grid > .backup-card::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: auto; left: 0px; height: 4px; background-image: linear-gradient(90deg, rgb(90, 145, 0), rgb(190, 223, 65)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .backup-export-grid > .backup-card > .backup-icon { width: 45px !important; height: 45px !important; display: grid !important; align-items: center !important; justify-items: center !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(237, 245, 223) !important; color: rgb(78, 123, 0) !important; font-size: 11px !important; font-weight: 950 !important; }
.friend-page-host .backup-export-grid > .backup-card > div { min-width: 0px; }
.friend-page-host .backup-export-grid > .backup-card h3 { margin-top: 4px !important; margin-right: 0px !important; margin-bottom: 8px !important; margin-left: 0px !important; font-size: 19px !important; }
.friend-page-host .backup-export-grid > .backup-card > div > span { display: block; color: rgb(116, 128, 120); line-height: 1.55; font-size: 12px !important; }
.friend-page-host .backup-export-grid > .backup-card > button, .friend-page-host .backup-restore form > button { box-sizing: border-box; width: 100% !important; min-width: 0px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 15px !important; padding-bottom: 0px !important; padding-left: 15px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(86, 143, 0) !important; border-top-color: rgb(86, 143, 0) !important; border-right-color: rgb(86, 143, 0) !important; border-bottom-color: rgb(86, 143, 0) !important; border-left-color: rgb(86, 143, 0) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; box-shadow: rgba(75, 124, 0, 0.11) 0px 8px 18px !important; }
.friend-page-host .backup-export-grid > .backup-card > button { grid-column-start: 1 !important; grid-column-end: -1 !important; align-self: end !important; }
.friend-page-host .backup-export-grid > .backup-card > button:hover, .friend-page-host .backup-restore form > button:hover { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(70, 119, 0) !important; border-top-color: rgb(70, 119, 0) !important; border-right-color: rgb(70, 119, 0) !important; border-bottom-color: rgb(70, 119, 0) !important; border-left-color: rgb(70, 119, 0) !important; }
.friend-page-host .backup-export-grid > .backup-card > button:disabled, .friend-page-host .backup-restore form > button:disabled { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(158, 181, 124) !important; border-top-color: rgb(158, 181, 124) !important; border-right-color: rgb(158, 181, 124) !important; border-bottom-color: rgb(158, 181, 124) !important; border-left-color: rgb(158, 181, 124) !important; color: rgb(247, 250, 244) !important; box-shadow: none !important; }
.friend-page-host .backup-restore { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .backup-restore > .panel-head { padding-top: 17px !important; padding-right: 20px !important; padding-bottom: 17px !important; padding-left: 20px !important; background-image: linear-gradient(90deg, rgb(247, 250, 243), rgb(255, 255, 255)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; }
.friend-page-host .backup-restore > .restore-warning { margin-top: 16px !important; margin-right: 20px !important; margin-bottom: 0px !important; margin-left: 20px !important; padding-top: 13px !important; padding-right: 15px !important; padding-bottom: 13px !important; padding-left: 15px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .backup-restore > form { padding-top: 15px !important; padding-right: 20px !important; padding-bottom: 20px !important; padding-left: 20px !important; display: grid !important; grid-template-columns: minmax(0px, 1fr) minmax(180px, 230px) !important; align-items: end !important; row-gap: 12px !important; column-gap: 12px !important; }
.friend-page-host .backup-picker { min-height: 72px !important; padding-top: 13px !important; padding-right: 15px !important; padding-bottom: 13px !important; padding-left: 15px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(250, 252, 248) !important; }
.friend-page-host .backup-operation-progress, .friend-page-host .backup-restore .backup-result { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .backup-notes { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 0px !important; column-gap: 0px !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-color:  !important; border-top-style:  !important; border-top-width:  !important; border-right-color:  !important; border-right-style:  !important; border-right-width:  !important; border-bottom-color:  !important; border-bottom-style:  !important; border-bottom-width:  !important; border-left-color:  !important; border-left-style:  !important; border-left-width:  !important; border-image-source:  !important; border-image-slice:  !important; border-image-width:  !important; border-image-outset:  !important; border-image-repeat:  !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; }
.friend-page-host .backup-notes > div { min-height: 72px !important; padding-top: 13px !important; padding-right: 16px !important; padding-bottom: 13px !important; padding-left: 16px !important; border-top-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-right-width:  !important; border-right-style:  !important; border-right-color:  !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host .backup-notes > div:last-child { border-right-width: 0px !important; border-right-style: none !important; border-right-color: currentcolor !important; }
.friend-page-host .backup-notes strong { font-size: 11px !important; }
.friend-page-host .backup-notes span { font-size: 10px !important; line-height: 1.45 !important; }
html[data-theme="dark"] .friend-page-host .backup-hero, html[data-theme="dark"] .friend-page-host .backup-restore > .panel-head { background-image: linear-gradient(120deg, rgb(20, 37, 31), rgb(26, 48, 38)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; }
html[data-theme="dark"] .friend-page-host .backup-notes { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 37, 31); color: rgb(219, 232, 223); }
html[data-theme="dark"] .friend-page-host .backup-picker { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(23, 42, 34) !important; }
html[data-theme="dark"] .friend-page-host .backup-notes > div { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(20, 37, 31) !important; }
@media (max-width: 900px) {
.friend-page-host .backup-export-grid > .backup-card { grid-template-columns: 45px minmax(0px, 1fr) !important; }
.friend-page-host .backup-export-grid > .backup-card > button { grid-column-start: 1 !important; grid-column-end: -1 !important; }
}
@media (max-width: 760px) {
.friend-page-host .backup-hero { min-height: 0px !important; padding-top: 18px !important; padding-right: 18px !important; padding-bottom: 18px !important; padding-left: 18px !important; }
.friend-page-host .backup-export-grid > .backup-card { min-height: 225px !important; padding-top: 16px !important; padding-right: 16px !important; padding-bottom: 16px !important; padding-left: 16px !important; }
.friend-page-host .backup-export-grid > .backup-card > button, .friend-page-host .backup-restore form > button { height: 44px !important; min-height: 44px !important; max-height: 44px !important; }
.friend-page-host .backup-restore > form { grid-template-columns: 1fr !important; padding-top: 13px !important; padding-right: 15px !important; padding-bottom: 17px !important; padding-left: 15px !important; }
.friend-page-host .backup-restore > .restore-warning { margin-top: 13px !important; margin-right: 15px !important; margin-bottom: 0px !important; margin-left: 15px !important; }
.friend-page-host .backup-notes { grid-template-columns: 1fr !important; }
.friend-page-host .backup-notes > div { min-height: 0px !important; border-right-width: 0px !important; border-right-style: none !important; border-right-color: currentcolor !important; border-bottom-width:  !important; border-bottom-style:  !important; border-bottom-color:  !important; }
.friend-page-host .backup-notes > div:last-child { border-bottom-width: 0px !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
}
@media (max-width: 430px) {
.friend-page-host .backup-export-grid > .backup-card > button, .friend-page-host .backup-restore form > button { padding-inline-start: 12px !important; padding-inline-end: 12px !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; }
}
.friend-page-host .backup-center { row-gap: 14px !important; column-gap: 14px !important; }
.friend-page-host .backup-center > .backup-hero { min-height: 132px !important; padding-top: 22px !important; padding-right: 24px !important; padding-bottom: 22px !important; padding-left: 24px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(220, 230, 215) !important; border-right-color: rgb(220, 230, 215) !important; border-bottom-color: rgb(220, 230, 215) !important; border-left-color: rgb(220, 230, 215) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: linear-gradient(118deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 66%, rgb(238, 246, 223) 100%) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(23, 48, 39) !important; box-shadow: rgba(24, 58, 46, 0.06) 0px 10px 28px !important; }
.friend-page-host .backup-center > .backup-hero p { color: rgb(86, 134, 0) !important; }
.friend-page-host .backup-center > .backup-hero h2 { color: rgb(20, 37, 30) !important; }
.friend-page-host .backup-center > .backup-hero > div > span { color: rgb(99, 113, 105) !important; }
.friend-page-host .backup-center > .backup-hero > .backup-shield { width: 52px !important; height: 52px !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(213, 229, 191) !important; border-right-color: rgb(213, 229, 191) !important; border-bottom-color: rgb(213, 229, 191) !important; border-left-color: rgb(213, 229, 191) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(247, 251, 234) !important; color: rgb(90, 140, 0) !important; box-shadow: rgba(72, 116, 0, 0.12) 0px 9px 22px !important; }
.friend-page-host .backup-center > .backup-export-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 12px !important; column-gap: 12px !important; overflow-x: visible !important; overflow-y: visible !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card { position: relative; min-height: 190px !important; padding-top: 18px !important; padding-right: 18px !important; padding-bottom: 18px !important; padding-left: 18px !important; display: grid !important; grid-template-columns: 44px minmax(0px, 1fr) !important; grid-template-rows: minmax(92px, 1fr) auto !important; column-gap: 13px !important; row-gap: 12px !important; align-items: start !important; overflow-x: hidden !important; overflow-y: hidden !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(220, 229, 217) !important; border-right-color: rgb(220, 229, 217) !important; border-bottom-color: rgb(220, 229, 217) !important; border-left-color: rgb(220, 229, 217) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; box-shadow: rgba(25, 58, 47, 0.055) 0px 9px 24px !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card:first-child { border-top-width: 1px !important; border-top-style: solid !important; border-top-color: rgb(220, 229, 217) !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > .backup-icon { width: 44px !important; height: 44px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(237, 245, 223) !important; color: rgb(79, 125, 0) !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > div { min-width: 0px !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card p { color: rgb(93, 141, 10) !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card h3 { margin-top: 3px !important; margin-right: 0px !important; margin-bottom: 6px !important; margin-left: 0px !important; color: rgb(23, 39, 31) !important; font-size: 18px !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > div > span { min-height: 0px !important; color: rgb(100, 113, 105) !important; font-size: 11px !important; line-height: 1.5 !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > button, .friend-page-host .backup-center > .backup-restore form > button { box-sizing: border-box !important; width: auto !important; min-width: 164px !important; max-width: 100% !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 15px !important; padding-bottom: 0px !important; padding-left: 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-top-width: 1px !important; border-right-width: 1px !important; border-bottom-width: 1px !important; border-left-width: 1px !important; border-top-style: solid !important; border-right-style: solid !important; border-bottom-style: solid !important; border-left-style: solid !important; border-top-color: rgb(86, 143, 0) !important; border-right-color: rgb(86, 143, 0) !important; border-bottom-color: rgb(86, 143, 0) !important; border-left-color: rgb(86, 143, 0) !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(86, 143, 0) !important; color: rgb(255, 255, 255) !important; font-size: 11px !important; font-weight: 850 !important; line-height: 1 !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; box-shadow: rgba(75, 124, 0, 0.12) 0px 7px 17px !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > button { grid-column-start: 2 !important; grid-column-end: auto !important; justify-self: start !important; align-self: end !important; }
.friend-page-host .backup-center > .backup-restore form > button { justify-self: end !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > button:hover, .friend-page-host .backup-center > .backup-restore form > button:hover { border-top-color: rgb(70, 119, 0) !important; border-right-color: rgb(70, 119, 0) !important; border-bottom-color: rgb(70, 119, 0) !important; border-left-color: rgb(70, 119, 0) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(70, 119, 0) !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > button:disabled, .friend-page-host .backup-center > .backup-restore form > button:disabled { border-top-color: rgb(158, 181, 124) !important; border-right-color: rgb(158, 181, 124) !important; border-bottom-color: rgb(158, 181, 124) !important; border-left-color: rgb(158, 181, 124) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(158, 181, 124) !important; color: rgb(247, 250, 244) !important; box-shadow: none !important; }
.friend-page-host .backup-center > .backup-restore { border-top-color: rgb(220, 229, 217) !important; border-right-color: rgb(220, 229, 217) !important; border-bottom-color: rgb(220, 229, 217) !important; border-left-color: rgb(220, 229, 217) !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .backup-center > .backup-restore > .panel-head { padding-top: 16px !important; padding-right: 18px !important; padding-bottom: 16px !important; padding-left: 18px !important; background-image: linear-gradient(90deg, rgb(246, 249, 242), rgb(255, 255, 255)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; }
.friend-page-host .backup-center > .backup-restore > .restore-warning { margin-top: 14px !important; margin-right: 18px !important; margin-bottom: 0px !important; margin-left: 18px !important; }
.friend-page-host .backup-center > .backup-restore > form { grid-template-columns: minmax(0px, 1fr) auto !important; padding-top: 14px !important; padding-right: 18px !important; padding-bottom: 18px !important; padding-left: 18px !important; }
.friend-page-host .backup-center > .backup-restore .backup-picker { min-height: 66px !important; }
.friend-page-host .backup-center > .backup-notes { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; border-top-color: rgb(220, 229, 217) !important; border-right-color: rgb(220, 229, 217) !important; border-bottom-color: rgb(220, 229, 217) !important; border-left-color: rgb(220, 229, 217) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; }
.friend-page-host .backup-center > .backup-notes > div { min-height: 66px !important; color: rgb(38, 60, 51) !important; }
.friend-page-host .backup-center > .backup-notes span { color: rgb(102, 116, 108) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-hero { border-top-color: rgb(48, 69, 60) !important; border-right-color: rgb(48, 69, 60) !important; border-bottom-color: rgb(48, 69, 60) !important; border-left-color: rgb(48, 69, 60) !important; background-image: linear-gradient(120deg, rgb(20, 37, 31), rgb(26, 48, 38)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; color: rgb(237, 243, 239) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-hero p { color: rgb(194, 211, 82) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-hero h2 { color: rgb(241, 245, 242) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-hero > div > span { color: rgb(184, 199, 192) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-hero > .backup-shield { border-top-color: rgb(66, 91, 72) !important; border-right-color: rgb(66, 91, 72) !important; border-bottom-color: rgb(66, 91, 72) !important; border-left-color: rgb(66, 91, 72) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(32, 56, 43) !important; color: rgb(194, 211, 82) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-export-grid > .backup-card, html[data-theme="dark"] .friend-page-host .backup-center > .backup-notes { border-top-color: rgb(48, 65, 57) !important; border-right-color: rgb(48, 65, 57) !important; border-bottom-color: rgb(48, 65, 57) !important; border-left-color: rgb(48, 65, 57) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(20, 37, 31) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-export-grid > .backup-card:first-child { border-top-color: rgb(48, 65, 57) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-export-grid > .backup-card h3, html[data-theme="dark"] .friend-page-host .backup-center > .backup-notes > div { color: rgb(237, 243, 239) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-export-grid > .backup-card > div > span, html[data-theme="dark"] .friend-page-host .backup-center > .backup-notes span { color: rgb(184, 199, 192) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-export-grid > .backup-card > .backup-icon { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(38, 60, 44) !important; color: rgb(194, 211, 82) !important; }
html[data-theme="dark"] .friend-page-host .backup-center > .backup-restore > .panel-head { background-image: linear-gradient(120deg, rgb(20, 37, 31), rgb(26, 48, 38)) !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; }
@media (max-width: 1100px) and (min-width: 761px) {
.friend-page-host .backup-center > .backup-export-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
}
@media (max-width: 760px) {
.friend-page-host .backup-center { row-gap: 11px !important; column-gap: 11px !important; }
.friend-page-host .backup-center > .backup-hero { min-height: 0px !important; padding-top: 17px !important; padding-right: 17px !important; padding-bottom: 17px !important; padding-left: 17px !important; }
.friend-page-host .backup-center > .backup-hero > .backup-shield { width: 44px !important; height: 44px !important; }
.friend-page-host .backup-center > .backup-export-grid { grid-template-columns: minmax(0px, 1fr) !important; row-gap: 10px !important; column-gap: 10px !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card { min-height: 0px !important; padding-top: 15px !important; padding-right: 15px !important; padding-bottom: 15px !important; padding-left: 15px !important; grid-template-columns: 41px minmax(0px, 1fr) !important; grid-template-rows: auto auto !important; column-gap: 11px !important; row-gap: 11px !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > .backup-icon { width: 41px !important; height: 41px !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > button { grid-column-start: 2 !important; grid-column-end: auto !important; width: auto !important; min-width: 148px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; }
.friend-page-host .backup-center > .backup-restore > form { grid-template-columns: minmax(0px, 1fr) !important; }
.friend-page-host .backup-center > .backup-restore form > button { width: auto !important; min-width: 164px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; justify-self: start !important; }
}
@media (min-width: 801px) {
.friend-page-host .area-upload-card > .area-camera-button, .friend-page-host .area-upload-card > .area-analyze-button { box-sizing: border-box !important; width: auto !important; min-width: 180px !important; max-width: 100% !important; height: 40px !important; min-height: 40px !important; justify-self: start !important; padding-top: 0px !important; padding-right: 15px !important; padding-bottom: 0px !important; padding-left: 15px !important; }
.friend-page-host .area-output-actions { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: center !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .area-output-actions > button { flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: auto !important; min-width: 122px !important; height: 40px !important; min-height: 40px !important; padding-top: 0px !important; padding-right: 14px !important; padding-bottom: 0px !important; padding-left: 14px !important; }
}
@media (max-width: 800px) {
.friend-page-host .area-page-head > button { width: auto !important; min-height: 42px !important; align-self: flex-start !important; }
.friend-page-host .area-results-head { display: grid !important; grid-template-columns: minmax(0px, 1fr) auto !important; align-items: center !important; row-gap: 10px !important; column-gap: 10px !important; }
.friend-page-host .area-results-head > button { width: auto !important; min-width: 0px !important; min-height: 42px !important; align-self: center !important; padding-inline-start: 10px !important; padding-inline-end: 10px !important; }
.friend-page-host .area-upload-card > .area-camera-button, .friend-page-host .area-upload-card > .area-analyze-button { box-sizing: border-box !important; width: auto !important; min-width: 0px !important; max-width: 100% !important; height: 42px !important; min-height: 42px !important; justify-self: start !important; padding-top: 0px !important; padding-right: 13px !important; padding-bottom: 0px !important; padding-left: 13px !important; }
.friend-page-host .area-output-actions { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; row-gap: 6px !important; column-gap: 6px !important; }
.friend-page-host .area-output-actions > button, .friend-page-host .area-output-actions > button:last-child { grid-column-start: auto !important; grid-column-end: auto !important; width: 100% !important; min-width: 0px !important; min-height: 42px !important; padding-top: 0px !important; padding-right: 6px !important; padding-bottom: 0px !important; padding-left: 6px !important; font-size: 9.5px !important; line-height: 1.15 !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; }
}
.friend-page-host .finance-pages button.finance-summary-card.is-filter-control:focus-visible { position: relative; z-index: 3; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; box-shadow: inset 0 0 0 1px rgba(90,140,0,.68),inset -1px 0 var(--finance-line),inset 0 -1px var(--finance-line) !important; }
html[data-theme="dark"] .friend-page-host .finance-pages button.finance-summary-card.is-filter-control:focus-visible { box-shadow: inset 0 0 0 1px rgba(183,216,120,.72),inset -1px 0 var(--finance-line),inset 0 -1px var(--finance-line) !important; }
@media (forced-colors: active) {
.friend-page-host .finance-pages button.finance-summary-card.is-filter-control:focus-visible { outline-color: canvastext !important; outline-style: solid !important; outline-width: 2px !important; outline-offset: -2px !important; box-shadow: none !important; }
}
.friend-page-host .payment-vault-category-section .payment-vault-section-head { background-image: linear-gradient(90deg, rgb(244, 249, 235), rgb(255, 255, 255)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .payment-vault-person-groups { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; display: grid; row-gap: 12px; column-gap: 12px; }
.friend-page-host .payment-vault-person-group { min-width: 0px; overflow-x: hidden; overflow-y: hidden; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 228, 212); border-right-color: rgb(216, 228, 212); border-bottom-color: rgb(216, 228, 212); border-left-color: rgb(216, 228, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); box-shadow: rgba(22, 63, 47, 0.043) 0px 7px 20px; }
.friend-page-host .payment-vault-person-head { min-height: 62px; padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; row-gap: 11px; column-gap: 11px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(220, 231, 216); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 239); }
.friend-page-host .payment-vault-person-head > span { width: 38px; height: 38px; display: grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 238, 201); color: rgb(73, 118, 0); font-size: 11px; font-weight: 900; }
.friend-page-host .finance-pages .payment-vault-person-group > .payment-vault-person-head { border-bottom-color: rgb(40, 99, 79); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(47, 118, 95); }
.friend-page-host .finance-pages .payment-vault-person-group > .payment-vault-person-head > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(220, 239, 199); color: rgb(43, 90, 53); }
.friend-page-host .finance-pages .payment-vault-person-group > .payment-vault-person-head h3 { color: rgb(255, 255, 255); }
.friend-page-host .finance-pages .payment-vault-person-group > .payment-vault-person-head small { color: rgb(243, 249, 246); }
.friend-page-host .finance-pages .payment-vault-person-group > .payment-vault-person-head .payment-vault-copy { border-top-color: rgb(212, 231, 194); border-right-color: rgb(212, 231, 194); border-bottom-color: rgb(212, 231, 194); border-left-color: rgb(212, 231, 194); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 250, 239); color: rgb(38, 88, 57); }
.friend-page-host .payment-vault-person-head > div { min-width: 0px; }
.friend-page-host .payment-vault-person-head h3 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow-x: hidden; overflow-y: hidden; color: var(--finance-ink); font-size: 15px; line-height: 1.25; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .payment-vault-person-head small { display: block; margin-top: 3px; color: var(--finance-muted); font-size: 10px !important; }
.friend-page-host .payment-vault-person-head-actions { display: flex; align-items: center; justify-content: flex-end; row-gap: 7px; column-gap: 7px; }
.friend-page-host .payment-vault-person-head-actions > b { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 242, 218); color: rgb(82, 122, 10); font-size: 9px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .payment-vault-person-head-actions .payment-vault-copy { min-height: 30px; padding-top: 6px; padding-right: 8px; padding-bottom: 6px; padding-left: 8px; }
.friend-page-host .payment-vault-compact-list { min-width: 0px; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; display: grid; row-gap: 8px; column-gap: 8px; }
.friend-page-host .payment-vault-person-records { grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); }
.friend-page-host .payment-vault-card-badges { min-width: 0px; display: flex; align-items: flex-end; justify-content: flex-end; row-gap: 5px; column-gap: 5px; flex-wrap: wrap; }
.friend-page-host .payment-vault-status.is-expired { border-top-color: rgb(239, 176, 169); border-right-color: rgb(239, 176, 169); border-bottom-color: rgb(239, 176, 169); border-left-color: rgb(239, 176, 169); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 233, 230); color: rgb(174, 47, 37); }
.friend-page-host .payment-vault-bank-card.is-expired { border-top-color: rgb(233, 164, 157); border-right-color: rgb(233, 164, 157); border-bottom-color: rgb(233, 164, 157); border-left-color: rgb(233, 164, 157); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 246, 244); box-shadow: rgba(160, 47, 35, 0.09) 0px 8px 22px; }
.friend-page-host .payment-vault-bank-card.is-expired::before { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(216, 73, 62); }
.friend-page-host .payment-vault-bank-card.is-expired > header { border-bottom-color: rgb(240, 199, 194); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 241, 239); }
.friend-page-host .payment-vault-bank-card.is-expired .payment-vault-record-icon { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 224, 220); color: rgb(189, 53, 42); }
.friend-page-host .payment-vault-bank-card.is-expired .payment-vault-values { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 248, 247); }
.friend-page-host .payment-vault-bank-card.is-expired .payment-vault-value, .friend-page-host .payment-vault-bank-card.is-expired .payment-vault-note { border-top-color: rgb(240, 209, 205); border-right-color: rgb(240, 209, 205); border-bottom-color: rgb(240, 209, 205); border-left-color: rgb(240, 209, 205); }
.friend-page-host .payment-vault-bank-card.is-expired > footer { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 241, 239); }
.friend-page-host .payment-vault-iban-meta { min-width: 0px; align-self: start; display: flex; flex-direction: column; align-items: flex-end; row-gap: 5px; column-gap: 5px; padding-top: 1px; }
.friend-page-host .payment-vault-iban-meta time { color: rgb(98, 117, 109); font-size: 9px; font-weight: 800; line-height: 1.25; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .payment-vault-record.is-compact { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: none; }
.friend-page-host .payment-vault-record.is-compact > header { padding-top: 13px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
.friend-page-host .payment-vault-record.is-compact .payment-vault-record-icon { width: 32px; height: 32px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .payment-vault-record.is-compact .payment-vault-value { min-height: 65px; padding-top: 9px; padding-right: 11px; padding-bottom: 9px; padding-left: 11px; }
.friend-page-host .payment-vault-record.is-compact > footer { padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; }
.friend-page-host .payment-vault-value-actions { min-width: 0px; display: flex; align-items: center; justify-content: flex-end; row-gap: 5px; column-gap: 5px; }
.friend-page-host .payment-vault-reveal { flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-height: 32px; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(202, 217, 192); border-right-color: rgb(202, 217, 192); border-bottom-color: rgb(202, 217, 192); border-left-color: rgb(202, 217, 192); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(54, 91, 75); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; cursor: pointer; }
.friend-page-host .payment-vault-reveal:hover { border-top-color: rgb(134, 170, 73); border-right-color: rgb(134, 170, 73); border-bottom-color: rgb(134, 170, 73); border-left-color: rgb(134, 170, 73); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 235); }
.friend-page-host .payment-vault-reveal:disabled { opacity: 0.6; cursor: wait; }
.friend-page-host .payment-vault-secret-input { position: relative; min-width: 0px; width: 100%; }
.friend-page-host .payment-vault-secret-input > input { width: 100%; letter-spacing: 0.035em; padding-right: 91px !important; }
.friend-page-host .payment-vault-secret-toggle { position: absolute; z-index: 1; top: 50%; right: 5px; min-width: 80px; min-height: 32px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; display: inline-flex; align-items: center; justify-content: center; row-gap: 4px; column-gap: 4px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(208, 221, 200); border-right-color: rgb(208, 221, 200); border-bottom-color: rgb(208, 221, 200); border-left-color: rgb(208, 221, 200); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 239); color: rgb(65, 106, 22); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; cursor: pointer; transform: translateY(-50%); }
.friend-page-host .payment-vault-secret-toggle:hover { border-top-color: rgb(145, 174, 97); border-right-color: rgb(145, 174, 97); border-bottom-color: rgb(145, 174, 97); border-left-color: rgb(145, 174, 97); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(235, 243, 223); }
html[data-theme="dark"] .friend-page-host .payment-vault-person-group { border-top-color: rgb(52, 73, 63); border-right-color: rgb(52, 73, 63); border-bottom-color: rgb(52, 73, 63); border-left-color: rgb(52, 73, 63); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(19, 37, 30); box-shadow: none; }
html[data-theme="dark"] .friend-page-host .payment-vault-person-head { border-top-color: rgb(48, 69, 58); border-right-color: rgb(48, 69, 58); border-bottom-color: rgb(48, 69, 58); border-left-color: rgb(48, 69, 58); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(24, 43, 35); }
html[data-theme="dark"] .friend-page-host .payment-vault-person-head > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 63, 36); color: rgb(199, 225, 132); }
html[data-theme="dark"] .friend-page-host .payment-vault-person-head-actions > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 55, 47); color: rgb(200, 214, 207); }
html[data-theme="dark"] .friend-page-host .payment-vault-person-records { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 34, 28); }
html[data-theme="dark"] .friend-page-host .payment-vault-status.is-expired { border-top-color: rgb(142, 77, 70); border-right-color: rgb(142, 77, 70); border-bottom-color: rgb(142, 77, 70); border-left-color: rgb(142, 77, 70); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(73, 41, 35); color: rgb(255, 184, 175); }
html[data-theme="dark"] .friend-page-host .payment-vault-bank-card.is-expired { border-top-color: rgb(116, 69, 63); border-right-color: rgb(116, 69, 63); border-bottom-color: rgb(116, 69, 63); border-left-color: rgb(116, 69, 63); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(50, 31, 28); }
html[data-theme="dark"] .friend-page-host .payment-vault-bank-card.is-expired > header, html[data-theme="dark"] .friend-page-host .payment-vault-bank-card.is-expired > footer { border-top-color: rgb(104, 65, 59); border-right-color: rgb(104, 65, 59); border-bottom-color: rgb(104, 65, 59); border-left-color: rgb(104, 65, 59); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(56, 35, 31); }
html[data-theme="dark"] .friend-page-host .payment-vault-bank-card.is-expired .payment-vault-record-icon { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(77, 43, 38); color: rgb(255, 173, 163); }
html[data-theme="dark"] .friend-page-host .payment-vault-bank-card.is-expired .payment-vault-values { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(45, 29, 26); }
html[data-theme="dark"] .friend-page-host .payment-vault-bank-card.is-expired .payment-vault-value, html[data-theme="dark"] .friend-page-host .payment-vault-bank-card.is-expired .payment-vault-note { border-top-color: rgb(93, 58, 53); border-right-color: rgb(93, 58, 53); border-bottom-color: rgb(93, 58, 53); border-left-color: rgb(93, 58, 53); }
html[data-theme="dark"] .friend-page-host .payment-vault-iban-meta time { color: rgb(168, 185, 177); }
html[data-theme="dark"] .friend-page-host .payment-vault-reveal { border-top-color: rgb(73, 99, 62); border-right-color: rgb(73, 99, 62); border-bottom-color: rgb(73, 99, 62); border-left-color: rgb(73, 99, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(35, 58, 41); color: rgb(203, 227, 152); }
html[data-theme="dark"] .friend-page-host .payment-vault-secret-toggle { border-top-color: rgb(73, 99, 62); border-right-color: rgb(73, 99, 62); border-bottom-color: rgb(73, 99, 62); border-left-color: rgb(73, 99, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 53, 42); color: rgb(203, 227, 152); }
@media (max-width: 760px) {
.friend-page-host .payment-vault-person-groups { padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; row-gap: 9px; column-gap: 9px; }
.friend-page-host .payment-vault-person-head { padding-top: 11px; padding-right: 10px; padding-bottom: 11px; padding-left: 10px; }
.friend-page-host .payment-vault-person-records { grid-template-columns: minmax(0px, 1fr); padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; }
.friend-page-host .payment-vault-card-badges { flex-direction: column; flex-wrap: nowrap; }
.friend-page-host .payment-vault-iban-meta time { font-size: 8.5px; }
.friend-page-host .payment-vault-value-actions { width: 100%; justify-content: stretch; }
.friend-page-host .payment-vault-value-actions > :is(button) { flex-grow: 1; flex-shrink: 1; flex-basis: 0px; width: auto; }
.friend-page-host .payment-vault-secret-input > input { padding-right: 45px !important; }
.friend-page-host .payment-vault-secret-toggle { width: 36px; min-width: 36px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.friend-page-host .payment-vault-secret-toggle-text { position: absolute; width: 1px; height: 1px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: -1px; margin-right: -1px; margin-bottom: -1px; margin-left: -1px; overflow-x: hidden; overflow-y: hidden; clip: rect(0px, 0px, 0px, 0px); white-space-collapse: collapse; text-wrap-mode: nowrap; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
}
@media (max-width: 350px) {
.friend-page-host .payment-vault-dialog .payment-vault-card-form-grid { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .payment-vault-dialog .payment-vault-card-form-grid > .finance-wide { grid-column-start: 1; grid-column-end: auto; }
.friend-page-host .payment-vault-person-head { grid-template-columns: auto minmax(0px, 1fr); }
.friend-page-host .payment-vault-person-head-actions { grid-column-start: 2; grid-column-end: auto; justify-self: start; justify-content: flex-start; }
}
.friend-page-host .payment-vault-categories { min-width: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); align-items: start; row-gap: 16px; column-gap: 16px; }
.friend-page-host .payment-vault-category-switch { display: none; }
.friend-page-host .payment-vault-category-section .payment-vault-section-head { min-height: 82px; padding-top: 15px; padding-right: 17px; padding-bottom: 15px; padding-left: 17px; }
.friend-page-host .payment-vault-category-section .payment-vault-section-head > div { min-width: 0px; display: flex; align-items: center; row-gap: 11px; column-gap: 11px; }
.friend-page-host .payment-vault-section-copy { min-width: 0px; }
.friend-page-host .payment-vault-category-mark { flex-grow: 0; flex-shrink: 0; flex-basis: 39px; width: 39px; height: 39px; display: grid; align-items: center; justify-items: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(213, 231, 186); border-right-color: rgb(213, 231, 186); border-bottom-color: rgb(213, 231, 186); border-left-color: rgb(213, 231, 186); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 244, 216); color: rgb(83, 129, 7); font-size: 20px; font-weight: 850; }
.friend-page-host .payment-vault-category-section .payment-vault-person-groups { padding-top: 11px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; row-gap: 11px; column-gap: 11px; }
.friend-page-host .payment-vault-category-section .payment-vault-person-records { grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); }
.friend-page-host .payment-vault-person-group.is-ibans { container-type: inline-size; }
.friend-page-host .payment-vault-category-section.is-ibans .payment-vault-person-records { grid-template-columns: minmax(0px, 1fr); }
@container (min-width: 740px) {
.friend-page-host .payment-vault-category-section.is-ibans .payment-vault-person-records { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .payment-vault-category-section.is-ibans .payment-vault-value > div { display: grid; grid-template-columns: minmax(0px, 1fr); row-gap: 5px; column-gap: 5px; }
.friend-page-host .payment-vault-category-section.is-ibans .payment-vault-value-actions { width: 100%; justify-content: flex-end; }
}
.friend-page-host .payment-vault-category-section.is-ibans .payment-vault-person-head { grid-template-columns: auto minmax(0px, 1fr); }
html[data-theme="dark"] .friend-page-host .payment-vault-category-section .payment-vault-section-head { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 48, 37); }
html[data-theme="dark"] .friend-page-host .payment-vault-category-mark { border-top-color: rgb(75, 99, 53); border-right-color: rgb(75, 99, 53); border-bottom-color: rgb(75, 99, 53); border-left-color: rgb(75, 99, 53); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 64, 36); color: rgb(200, 224, 132); }
@media (max-width: 1080px) {
.friend-page-host .payment-vault-category-switch { min-width: 0px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 4px; column-gap: 4px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .payment-vault-category-switch > button { min-width: 0px; min-height: 45px; padding-top: 8px; padding-right: 11px; padding-bottom: 8px; padding-left: 11px; display: flex; align-items: center; justify-content: space-between; row-gap: 8px; column-gap: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: var(--finance-muted); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; cursor: pointer; }
.friend-page-host .payment-vault-category-switch > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 247, 233); color: rgb(70, 106, 20); }
.friend-page-host .payment-vault-category-switch > button.is-active { border-top-color: rgb(187, 213, 141); border-right-color: rgb(187, 213, 141); border-bottom-color: rgb(187, 213, 141); border-left-color: rgb(187, 213, 141); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 246, 222); color: rgb(66, 107, 12); box-shadow: rgba(39, 82, 30, 0.08) 0px 2px 7px; }
.friend-page-host .payment-vault-category-switch > button > b { min-width: 26px; padding-top: 4px; padding-right: 6px; padding-bottom: 4px; padding-left: 6px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: inherit; font-size: 10px; text-align: center; }
.friend-page-host .payment-vault-categories { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .payment-vault-categories[data-mobile-category="cards"] > .is-ibans, .friend-page-host .payment-vault-categories[data-mobile-category="ibans"] > .is-cards { display: none; }
html[data-theme="dark"] .friend-page-host .payment-vault-category-switch > button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 58, 45); color: rgb(211, 227, 195); }
html[data-theme="dark"] .friend-page-host .payment-vault-category-switch > button.is-active { border-top-color: rgb(82, 107, 62); border-right-color: rgb(82, 107, 62); border-bottom-color: rgb(82, 107, 62); border-left-color: rgb(82, 107, 62); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 64, 36); color: rgb(199, 225, 132); box-shadow: none; }
html[data-theme="dark"] .friend-page-host .payment-vault-category-switch > button > b { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(25, 48, 39); }
}
@media (max-width: 760px) {
.friend-page-host .payment-vault-category-section .payment-vault-section-head { min-height: 76px; padding-top: 13px; padding-right: 12px; padding-bottom: 13px; padding-left: 12px; }
.friend-page-host .payment-vault-category-section .payment-vault-person-groups { padding-top: 9px; padding-right: 9px; padding-bottom: 9px; padding-left: 9px; row-gap: 9px; column-gap: 9px; }
}
.friend-page-host .payment-vault-category-section.is-cards .payment-vault-person-records { grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); }
.friend-page-host .payment-vault-bank-card { grid-template-rows: auto auto auto; }
.friend-page-host .payment-vault-bank-card::before { display: none; }
.friend-page-host .payment-vault-card-face { --card-accent: #a8e6c8; position: relative; min-width: 0px; min-height: 264px; padding-top: 17px; padding-right: 18px; padding-bottom: 15px; padding-left: 18px; display: grid; grid-template-rows: auto 1fr auto auto; row-gap: 12px; column-gap: 12px; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: linear-gradient(125deg, rgb(12, 101, 87) 0%, rgb(17, 75, 81) 55%, rgb(17, 47, 67) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(255, 255, 255); isolation: isolate; }
.friend-page-host .payment-vault-card-face.is-credit { --card-accent: #f0d492; background-image: linear-gradient(125deg, rgb(37, 43, 52) 0%, rgb(53, 56, 61) 53%, rgb(102, 87, 62) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .payment-vault-card-face.is-virtual { --card-accent: #c9d8ff; background-image: linear-gradient(125deg, rgb(38, 63, 135) 0%, rgb(53, 89, 160) 55%, rgb(74, 130, 153) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .payment-vault-bank-card.is-expired .payment-vault-card-face { --card-accent: #ffd0c8; background-image: linear-gradient(125deg, rgb(154, 65, 57) 0%, rgb(104, 50, 56) 58%, rgb(75, 42, 57) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .payment-vault-card-face::before { content: ""; position: absolute; z-index: 0; top: -95px; right: -65px; width: 270px; height: 270px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.16); border-right-color: rgba(255, 255, 255, 0.16); border-bottom-color: rgba(255, 255, 255, 0.16); border-left-color: rgba(255, 255, 255, 0.16); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); box-shadow: rgba(255, 255, 255, 0.035) 0px 0px 0px 38px, rgba(255, 255, 255, 0.024) 0px 0px 0px 83px; pointer-events: none; }
.friend-page-host .payment-vault-card-face::after { content: ""; position: absolute; z-index: 0; top: auto; right: -15%; bottom: -90px; left: 35%; height: 180px; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.13); transform: rotate(-15deg); pointer-events: none; }
.friend-page-host .payment-vault-card-face > * { position: relative; z-index: 1; min-width: 0px; }
.friend-page-host .payment-vault-card-face-top, .friend-page-host .payment-vault-card-face-middle { display: flex; align-items: flex-start; justify-content: space-between; row-gap: 10px; column-gap: 10px; min-width: 0px; }
.friend-page-host .payment-vault-card-face-top > strong { min-width: 0px; overflow-x: hidden; overflow-y: hidden; font-size: 15px; line-height: 1.3; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .payment-vault-card-kind { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.35); border-right-color: rgba(255, 255, 255, 0.35); border-bottom-color: rgba(255, 255, 255, 0.35); border-left-color: rgba(255, 255, 255, 0.35); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.13); font-size: 10px; font-weight: 850; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .payment-vault-card-face-middle { align-items: center; }
.friend-page-host .payment-vault-card-chip { position: relative; flex-grow: 0; flex-shrink: 0; flex-basis: 39px; width: 39px; height: 28px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.55); border-right-color: rgba(255, 255, 255, 0.55); border-bottom-color: rgba(255, 255, 255, 0.55); border-left-color: rgba(255, 255, 255, 0.55); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: linear-gradient(130deg, rgb(247, 231, 173), rgb(191, 164, 94) 55%, rgb(227, 209, 141)); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; box-shadow: rgba(100, 77, 28, 0.24) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 2px 8px; }
.friend-page-host .payment-vault-card-chip::before, .friend-page-host .payment-vault-card-chip::after { content: ""; position: absolute; border-top-color: rgba(97, 76, 35, 0.42); border-right-color: rgba(97, 76, 35, 0.42); border-bottom-color: rgba(97, 76, 35, 0.42); border-left-color: rgba(97, 76, 35, 0.42); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; }
.friend-page-host .payment-vault-card-chip::before { top: 0px; right: 12px; bottom: 0px; left: 12px; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; }
.friend-page-host .payment-vault-card-chip::after { top: 9px; right: 0px; bottom: 9px; left: 0px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; }
.friend-page-host .payment-vault-card-face.is-virtual .payment-vault-card-chip { border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.17); box-shadow: none; }
.friend-page-host .payment-vault-card-face.is-virtual .payment-vault-card-chip::before, .friend-page-host .payment-vault-card-face.is-virtual .payment-vault-card-chip::after { border-top-color: rgba(255, 255, 255, 0.42); border-right-color: rgba(255, 255, 255, 0.42); border-bottom-color: rgba(255, 255, 255, 0.42); border-left-color: rgba(255, 255, 255, 0.42); }
.friend-page-host .payment-vault-card-face-badges { min-width: 0px; display: flex; justify-content: flex-end; row-gap: 5px; column-gap: 5px; flex-wrap: wrap; }
.friend-page-host .payment-vault-card-face-badges > span { padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.3); border-right-color: rgba(255, 255, 255, 0.3); border-bottom-color: rgba(255, 255, 255, 0.3); border-left-color: rgba(255, 255, 255, 0.3); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.14); font-size: 9px; font-weight: 800; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .payment-vault-card-face-number { min-width: 0px; display: grid; row-gap: 6px; column-gap: 6px; }
.friend-page-host .payment-vault-card-face-number > span, .friend-page-host .payment-vault-card-face-bottom span { color: rgba(255, 255, 255, 0.76); font-size: 8px; font-weight: 850; letter-spacing: 0.08em; }
.friend-page-host .payment-vault-card-face-number > code { min-width: 0px; display: block; overflow-wrap: anywhere; color: rgb(255, 255, 255); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; letter-spacing: 0.075em; font-variant-numeric: tabular-nums; }
.friend-page-host .payment-vault-card-face-actions { display: flex; align-items: center; row-gap: 6px; column-gap: 6px; }
.friend-page-host .payment-vault-card-face .payment-vault-copy, .friend-page-host .payment-vault-card-face .payment-vault-reveal { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: auto; min-height: 30px; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(255, 255, 255, 0.4); border-right-color: rgba(255, 255, 255, 0.4); border-bottom-color: rgba(255, 255, 255, 0.4); border-left-color: rgba(255, 255, 255, 0.4); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.15); color: rgb(255, 255, 255); box-shadow: none; transform: none; }
.friend-page-host .payment-vault-card-face .payment-vault-copy:hover, .friend-page-host .payment-vault-card-face .payment-vault-reveal:hover { border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.25); color: rgb(255, 255, 255); transform: none; }
.friend-page-host .payment-vault-card-face .payment-vault-copy.is-icon-only { flex-grow: 0; flex-shrink: 0; flex-basis: 27px; width: 27px; min-width: 27px; min-height: 27px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; font-size: 13px; }
.friend-page-host .payment-vault-card-face-bottom { min-width: 0px; display: grid; grid-template-columns: minmax(0px, 1.6fr) minmax(0px, 0.72fr) minmax(0px, 0.42fr); row-gap: 8px; column-gap: 8px; align-items: end; }
.friend-page-host .payment-vault-card-face-bottom > div { min-width: 0px; display: grid; row-gap: 4px; column-gap: 4px; }
.friend-page-host .payment-vault-card-face-bottom > div > strong, .friend-page-host .payment-vault-card-face-holder strong { min-width: 0px; overflow-x: hidden; overflow-y: hidden; color: rgb(255, 255, 255); font-size: 12px; font-weight: 850; line-height: 1.3; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .payment-vault-cvv-toggle { min-width: 0px; width: max-content; max-width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(255, 255, 255); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; text-align: left; cursor: pointer; }
.friend-page-host .payment-vault-cvv-toggle::after { content: "◉"; margin-left: 4px; font-size: 9px; opacity: 0.8; }
.friend-page-host .payment-vault-cvv-toggle:disabled { opacity: 0.7; cursor: wait; }
.friend-page-host .payment-vault-cvv-toggle:focus-visible { outline-color: rgb(255, 255, 255); outline-style: solid; outline-width: 2px; outline-offset: 3px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; }
.friend-page-host .payment-vault-card-face-holder > div { min-width: 0px; display: flex; align-items: center; row-gap: 5px; column-gap: 5px; }
.friend-page-host .payment-vault-card-face-holder strong { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }
html[data-theme="dark"] .friend-page-host .payment-vault-card-face .payment-vault-copy, html[data-theme="dark"] .friend-page-host .payment-vault-card-face .payment-vault-reveal { border-top-color: rgba(255, 255, 255, 0.4); border-right-color: rgba(255, 255, 255, 0.4); border-bottom-color: rgba(255, 255, 255, 0.4); border-left-color: rgba(255, 255, 255, 0.4); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.15); color: rgb(255, 255, 255); }
@media (max-width: 760px) {
.friend-page-host .payment-vault-card-face { min-height: 250px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; row-gap: 10px; column-gap: 10px; }
.friend-page-host .payment-vault-card-face-actions > button { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }
.friend-page-host .payment-vault-card-face .payment-vault-copy.is-icon-only { flex-grow: 0; flex-shrink: 0; flex-basis: 27px; width: 27px; }
}
@media (max-width: 350px) {
.friend-page-host .payment-vault-card-face { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .payment-vault-card-face-top > strong { font-size: 13px; }
.friend-page-host .payment-vault-card-kind { padding-top: 4px; padding-right: 6px; padding-bottom: 4px; padding-left: 6px; font-size: 9px; }
.friend-page-host .payment-vault-card-face-bottom { row-gap: 5px; column-gap: 5px; }
.friend-page-host .payment-vault-card-face-bottom span { font-size: 7px; }
.friend-page-host .payment-vault-card-face-bottom > div > strong, .friend-page-host .payment-vault-card-face-holder strong { font-size: 11px; }
}
.friend-page-host .finance-dialog-backdrop { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 110; box-sizing: border-box; display: grid; align-items: center; justify-items: center; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; overflow-x: hidden; overflow-y: hidden; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(7, 31, 24, 0.56); backdrop-filter: blur(3px); overscroll-behavior-x: contain; overscroll-behavior-y: contain; }
.friend-page-host .finance-dialog-backdrop > .finance-dialog { box-sizing: border-box; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: min(690px, 100%); max-width: 100%; max-height: calc(100dvh - max(28px,env(safe-area-inset-top,0px)) - max(28px,env(safe-area-inset-bottom,0px))); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: block; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .finance-dialog-backdrop > .finance-dialog > form { box-sizing: border-box; max-height: inherit; overflow-x: hidden; overflow-y: auto; overscroll-behavior-x: contain; overscroll-behavior-y: contain; }
.friend-page-host.finance-dialog-open { overscroll-behavior-x: none; overscroll-behavior-y: none; overflow-x: hidden !important; overflow-y: hidden !important; }
@media (max-width: 900px) {
.friend-page-host .finance-dialog-backdrop { top: ; right: ; bottom: ; left: ; z-index: 39; padding-top: ; padding-right: ; padding-bottom: ; padding-left: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(7, 31, 24, 0.52); backdrop-filter: none; }
.friend-page-host .finance-dialog-backdrop > .finance-dialog { width: min(690px, 100%); max-height: calc(100dvh - var(--project-header-height,64px) - 16px - env(safe-area-inset-bottom,0px)); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
}
.friend-page-host .finance-installment-state { align-items: center; width: max-content; max-width: 100%; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(236, 214, 164); border-right-color: rgb(236, 214, 164); border-bottom-color: rgb(236, 214, 164); border-left-color: rgb(236, 214, 164); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 247, 229); line-height: 1.25; display: inline-flex !important; margin-top: 0px !important; color: rgb(132, 93, 10) !important; font-size: 9px !important; font-weight: 850 !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; }
.friend-page-host .finance-installment-state:is(.is-unpaid, .is-due) { border-top-color: rgb(223, 189, 98); border-right-color: rgb(223, 189, 98); border-bottom-color: rgb(223, 189, 98); border-left-color: rgb(223, 189, 98); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 199); color: rgb(118, 80, 8) !important; }
.friend-page-host .finance-installment-state.is-paid { border-top-color: rgb(207, 224, 188); border-right-color: rgb(207, 224, 188); border-bottom-color: rgb(207, 224, 188); border-left-color: rgb(207, 224, 188); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 247, 229); color: rgb(76, 116, 8) !important; }
.friend-page-host .finance-installment-state.is-overdue { border-top-color: rgb(239, 193, 185); border-right-color: rgb(239, 193, 185); border-bottom-color: rgb(239, 193, 185); border-left-color: rgb(239, 193, 185); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 240, 237); color: rgb(164, 59, 48) !important; }
.friend-page-host .finance-installment-state.is-partial { border-top-color: rgb(215, 200, 150); border-right-color: rgb(215, 200, 150); border-bottom-color: rgb(215, 200, 150); border-left-color: rgb(215, 200, 150); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 244, 221); color: rgb(117, 96, 24) !important; }
.friend-page-host .finance-pages tbody tr.is-installment-unpaid { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 243, 217); box-shadow: rgb(201, 141, 24) 4px 0px 0px inset; }
.friend-page-host .finance-pages tbody tr.is-installment-due { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 235, 191); }
.friend-page-host .finance-pages tbody tr.is-installment-overdue { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 241, 238); box-shadow: rgb(201, 86, 73) 4px 0px 0px inset; }
.friend-page-host .finance-pages tbody tr:is(.is-installment-unpaid, .is-installment-overdue) > td { background-image: inherit !important; background-position-x: inherit !important; background-position-y: inherit !important; background-size: inherit !important; background-repeat: inherit !important; background-attachment: inherit !important; background-origin: inherit !important; background-clip: inherit !important; background-color: inherit !important; }
.friend-page-host .finance-pages tbody tr.is-installment-paid .finance-identity > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 228); color: rgb(86, 128, 0); }
.friend-page-host .finance-pages tbody tr.is-installment-unpaid .finance-identity > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 228, 170); color: rgb(134, 88, 6); }
.friend-page-host .finance-pages tbody tr.is-installment-overdue .finance-identity > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 227, 222); color: rgb(161, 57, 48); }
.friend-page-host .finance-pages tbody tr.is-installment-unpaid:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 237, 200); }
.friend-page-host .finance-pages tbody tr.is-installment-due:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 231, 179); }
.friend-page-host .finance-pages tbody tr.is-installment-overdue:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 235, 231); }
html[data-theme="dark"] .friend-page-host .finance-installment-state { border-top-color: rgb(116, 98, 50); border-right-color: rgb(116, 98, 50); border-bottom-color: rgb(116, 98, 50); border-left-color: rgb(116, 98, 50); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(52, 43, 24); color: rgb(240, 209, 123) !important; }
html[data-theme="dark"] .friend-page-host .finance-installment-state.is-paid { border-top-color: rgb(64, 92, 55); border-right-color: rgb(64, 92, 55); border-bottom-color: rgb(64, 92, 55); border-left-color: rgb(64, 92, 55); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 52, 33); color: rgb(200, 226, 154) !important; }
html[data-theme="dark"] .friend-page-host .finance-installment-state.is-overdue { border-top-color: rgb(117, 69, 63); border-right-color: rgb(117, 69, 63); border-bottom-color: rgb(117, 69, 63); border-left-color: rgb(117, 69, 63); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(53, 31, 28); color: rgb(242, 170, 161) !important; }
html[data-theme="dark"] .friend-page-host .finance-installment-state.is-partial { border-top-color: rgb(102, 91, 56); border-right-color: rgb(102, 91, 56); border-bottom-color: rgb(102, 91, 56); border-left-color: rgb(102, 91, 56); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 40, 27); color: rgb(225, 207, 134) !important; }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-installment-unpaid { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(56, 45, 25); box-shadow: rgb(208, 160, 53) 4px 0px 0px inset; }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-installment-due { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(66, 48, 22); }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-installment-overdue { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(53, 31, 28); box-shadow: rgb(198, 93, 80) 4px 0px 0px inset; }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-installment-unpaid:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(59, 48, 27); }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-installment-due:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(68, 50, 24); }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-installment-overdue:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(58, 33, 30); }
@media (max-width: 900px) {
.friend-page-host .finance-pages tbody tr.is-installment-unpaid, .friend-page-host .finance-pages tbody tr.is-installment-overdue { border-top-color: rgb(228, 207, 173); border-right-color: rgb(228, 207, 173); border-bottom-color: rgb(228, 207, 173); border-left-color: rgb(228, 207, 173); }
.friend-page-host .finance-pages tbody tr.is-installment-overdue { border-top-color: rgb(228, 185, 177); border-right-color: rgb(228, 185, 177); border-bottom-color: rgb(228, 185, 177); border-left-color: rgb(228, 185, 177); }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr:is(.is-installment-unpaid, .is-installment-overdue) > td { background-image: inherit !important; background-position-x: inherit !important; background-position-y: inherit !important; background-size: inherit !important; background-repeat: inherit !important; background-attachment: inherit !important; background-origin: inherit !important; background-clip: inherit !important; background-color: inherit !important; }
.friend-page-host .finance-installment-state { font-size: 9.5px !important; }
}
@media (max-width: 760px) {
.friend-page-host .finance-search input { min-height: 44px !important; }
.friend-page-host .finance-search button { right: 0px !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; }
}
@media (max-width: 760px) {
.friend-page-host .finance-pages .finance-summary-card { text-align: center; }
.friend-page-host .finance-pages .finance-summary-head { position: relative; justify-content: center; padding-inline-start: 24px; padding-inline-end: 24px; text-align: center; }
.friend-page-host .finance-pages .finance-summary-head > span { width: 100%; text-align: center; }
.friend-page-host .finance-pages .finance-summary-head > b { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
.friend-page-host .finance-pages .finance-rates-summary .finance-summary-head { display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); align-items: center; row-gap: 0px; column-gap: 0px; padding-inline-start: 0px; padding-inline-end: 0px; }
.friend-page-host .finance-pages .finance-rates-summary .finance-summary-head > span { width: auto; min-width: 0px; grid-column-start: 2; grid-column-end: auto; }
.friend-page-host .finance-pages .finance-rates-summary .finance-summary-head > b { position: static; grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; justify-self: end; transform: none; }
.friend-page-host .finance-pages .finance-summary-body, .friend-page-host .finance-pages .finance-summary-body > :is(strong, small) { text-align: center; }
.friend-page-host .finance-pages tbody td::before, .friend-page-host .finance-pages tbody .finance-cell-content, .friend-page-host .finance-pages tbody .finance-metric, .friend-page-host .finance-pages tbody .finance-identity > div { text-align: center; }
.friend-page-host .finance-pages tbody .finance-identity { justify-content: center; }
}
@media (max-width: 900px) {
.friend-page-host .finance-pages .finance-command-center.has-five-actions > header, .friend-page-host .finance-pages .finance-command-center[data-action-count="5"] > header { display: grid; grid-template-columns: minmax(0px, 1fr); justify-content: stretch; }
.friend-page-host .finance-pages .finance-command-center .finance-command-actions { width: 100%; display: grid !important; grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; grid-auto-flow: row !important; align-items: stretch !important; row-gap: 8px !important; column-gap: 8px !important; }
.friend-page-host .finance-pages .finance-command-center .finance-command-actions > :is(button, a) { overflow-wrap: anywhere; text-wrap-mode: initial; text-wrap-style: balance; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; width: 100% !important; min-width: 0px !important; max-width: none !important; min-height: 44px !important; height: auto !important; max-height: none !important; padding-block-start: 7px !important; padding-block-end: 7px !important; grid-column-start: span 3 !important; grid-column-end: auto !important; }
.friend-page-host .finance-pages .finance-command-actions > :first-child:only-child { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .finance-pages .finance-command-actions > :first-child:nth-last-child(3), .friend-page-host .finance-pages .finance-command-actions > :first-child:nth-last-child(3) ~ :is(button, a) { grid-column-start: span 2 !important; grid-column-end: auto !important; }
.friend-page-host .finance-pages .finance-command-actions > :first-child:nth-last-child(5), .friend-page-host .finance-pages .finance-command-actions > :first-child:nth-last-child(5) + :is(button, a) { grid-column-start: span 3 !important; grid-column-end: auto !important; }
.friend-page-host .finance-pages .finance-command-actions > :first-child:nth-last-child(5) ~ :is(button, a):nth-child(n+3) { grid-column-start: span 2 !important; grid-column-end: auto !important; }
.friend-page-host .finance-contact-filter-buttons.is-five-items { width: 100%; display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }
.friend-page-host .finance-contact-filter-buttons.is-five-items > button { min-width: 0px; min-height: 44px; white-space-collapse: collapse; text-wrap-mode: wrap; width: 100% !important; }
.friend-page-host .finance-contact-filter-buttons.is-five-items > :nth-child(-n+2) { grid-column-start: span 3; grid-column-end: auto; }
.friend-page-host .finance-contact-filter-buttons.is-five-items > :nth-child(n+3) { grid-column-start: span 2; grid-column-end: auto; }
.friend-page-host .finance-pages .finance-summary-grid.is-five-items, .friend-page-host .finance-pages .finance-summary-grid[data-item-count="5"], .friend-page-host .finance-expense-categories.is-five-items, .friend-page-host .finance-year-list.is-five-items { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }
.friend-page-host .finance-pages .finance-summary-grid.is-five-items > .finance-summary-card:last-child, .friend-page-host .finance-pages .finance-summary-grid[data-item-count="5"] > .finance-summary-card:last-child, .friend-page-host .finance-pages .finance-summary-grid > .finance-summary-card:nth-child(5):last-child, .friend-page-host .finance-expense-categories.is-five-items > button:last-child, .friend-page-host .finance-year-list.is-five-items > button:last-child { grid-column-start: 1 !important; grid-column-end: -1 !important; }
}
@media (max-width: 340px) {
.friend-page-host .finance-pages .finance-command-actions > :first-child:nth-last-child(5), .friend-page-host .finance-pages .finance-command-actions > :first-child:nth-last-child(5) ~ :is(button, a) { padding-inline-start: 4px !important; padding-inline-end: 4px !important; font-size: 10.5px !important; }
}
.friend-page-host .finance-notice.is-warning { border-top-color: rgb(234, 211, 157); border-right-color: rgb(234, 211, 157); border-bottom-color: rgb(234, 211, 157); border-left-color: rgb(234, 211, 157); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 248, 232); color: rgb(127, 91, 8); }
html[data-theme="dark"] .friend-page-host .finance-notice.is-warning { border-top-color: rgb(109, 93, 50); border-right-color: rgb(109, 93, 50); border-bottom-color: rgb(109, 93, 50); border-left-color: rgb(109, 93, 50); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 37, 23); color: rgb(239, 209, 138); }
.friend-page-host .finance-pages.is-soft-updating :is(.finance-command-center, .finance-overview-embedded-header) > header { position: relative; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .finance-pages.is-soft-updating :is(.finance-command-center, .finance-overview-embedded-header) > header::after { content: ""; position: absolute; right: auto; bottom: 0px; left: 0px; width: 38%; height: 2px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: linear-gradient(90deg, transparent, rgb(115, 165, 20), rgb(172, 215, 56), transparent); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; animation-duration: 0.9s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--finance-soft-route-progress; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; pointer-events: none; }
@keyframes friend-page--finance-soft-route-progress {
0% { transform: translateX(-110%); }
100% { transform: translateX(370%); }
}
html[data-theme="dark"] .friend-page-host .finance-pages.is-soft-updating :is(.finance-command-center, .finance-overview-embedded-header) > header::after { background-image: linear-gradient(90deg, transparent, rgb(156, 198, 76), rgb(209, 236, 134), transparent); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
@media (prefers-reduced-motion: reduce) {
.friend-page-host .finance-pages.is-soft-updating :is(.finance-command-center, .finance-overview-embedded-header) > header::after { width: 100%; animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; opacity: 0.72; }
}
.friend-page-host .finance-contact-filter-buttons > button { border-top-color: rgb(217, 226, 213); border-right-color: rgb(217, 226, 213); border-bottom-color: rgb(217, 226, 213); border-left-color: rgb(217, 226, 213); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(83, 97, 89); box-shadow: rgba(22, 54, 42, 0.024) 0px 1px 2px; }
.friend-page-host .finance-contact-filter-buttons > button > b { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 231, 206); border-right-color: rgb(220, 231, 206); border-bottom-color: rgb(220, 231, 206); border-left-color: rgb(220, 231, 206); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(240, 245, 232); color: rgb(79, 120, 0); transition-behavior: normal, normal, normal; transition-duration: 0.15s, 0.15s, 0.15s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: border-color, background-color, color; }
.friend-page-host .finance-contact-filter-buttons > button.is-active { border-top-color: rgb(171, 196, 138); border-right-color: rgb(171, 196, 138); border-bottom-color: rgb(171, 196, 138); border-left-color: rgb(171, 196, 138); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 248, 240); color: rgb(60, 100, 0); box-shadow: rgba(62, 96, 32, 0.08) 0px 3px 10px, rgba(112, 151, 54, 0.08) 0px 0px 0px 1px inset; }
.friend-page-host .finance-contact-filter-buttons > button.is-active > b { border-top-color: rgb(185, 207, 146); border-right-color: rgb(185, 207, 146); border-bottom-color: rgb(185, 207, 146); border-left-color: rgb(185, 207, 146); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(231, 240, 215); color: rgb(66, 106, 0); }
.friend-page-host button.finance-summary-card.is-filter-control.is-selected { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 243); box-shadow: inset 0 0 0 1px rgba(111,151,53,.34),inset -1px 0 var(--finance-line),inset 0 -1px var(--finance-line) !important; }
.friend-page-host button.finance-summary-card.is-filter-control.is-selected .finance-summary-head > b { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(197, 216, 164); border-right-color: rgb(197, 216, 164); border-bottom-color: rgb(197, 216, 164); border-left-color: rgb(197, 216, 164); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 241, 218); color: rgb(66, 106, 0); }
.friend-page-host .finance-converter-direction > button.is-active { border-top-color: rgb(170, 196, 132); border-right-color: rgb(170, 196, 132); border-bottom-color: rgb(170, 196, 132); border-left-color: rgb(170, 196, 132); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(240, 246, 231); color: rgb(61, 101, 0); box-shadow: rgba(62, 96, 32, 0.08) 0px 3px 10px, rgba(112, 151, 54, 0.07) 0px 0px 0px 1px inset; }
.friend-page-host .finance-expense-categories > button.is-active, .friend-page-host .finance-year-list > button.is-active { border-top-color: rgb(169, 196, 133); border-right-color: rgb(169, 196, 133); border-bottom-color: rgb(169, 196, 133); border-left-color: rgb(169, 196, 133); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 247, 237); box-shadow: rgba(62, 96, 32, 0.07) 0px 4px 12px, rgba(112, 151, 54, 0.07) 0px 0px 0px 1px inset; }
.friend-page-host :is(.finance-contact-filter-buttons > button, .finance-converter-direction > button, .finance-expense-categories > button, .finance-year-list > button):focus-visible { position: relative; z-index: 2; outline-color: rgba(78, 127, 0, 0.72) !important; outline-style: solid !important; outline-width: 2px !important; outline-offset: 2px !important; }
@media (hover: hover) and (pointer: fine) {
.friend-page-host .finance-contact-filter-buttons > button:hover { border-top-color: rgb(183, 202, 157); border-right-color: rgb(183, 202, 157); border-bottom-color: rgb(183, 202, 157); border-left-color: rgb(183, 202, 157); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 245); box-shadow: rgba(48, 82, 31, 0.07) 0px 4px 12px; }
.friend-page-host .finance-contact-filter-buttons > button.is-active:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 235); }
}
html[data-theme="dark"] .friend-page-host .finance-contact-filter-buttons > button { border-top-color: rgb(52, 72, 63); border-right-color: rgb(52, 72, 63); border-bottom-color: rgb(52, 72, 63); border-left-color: rgb(52, 72, 63); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 38, 31); color: rgb(199, 212, 205); box-shadow: none; }
html[data-theme="dark"] .friend-page-host .finance-contact-filter-buttons > button > b { border-top-color: rgb(64, 86, 61); border-right-color: rgb(64, 86, 61); border-bottom-color: rgb(64, 86, 61); border-left-color: rgb(64, 86, 61); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(34, 54, 42); color: rgb(194, 221, 140); }
html[data-theme="dark"] .friend-page-host .finance-contact-filter-buttons > button.is-active { border-top-color: rgb(82, 109, 67); border-right-color: rgb(82, 109, 67); border-bottom-color: rgb(82, 109, 67); border-left-color: rgb(82, 109, 67); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 53, 43); color: rgb(212, 232, 172); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 12px, rgba(178, 210, 114, 0.08) 0px 0px 0px 1px inset; }
html[data-theme="dark"] .friend-page-host .finance-contact-filter-buttons > button.is-active > b { border-top-color: rgb(99, 126, 75); border-right-color: rgb(99, 126, 75); border-bottom-color: rgb(99, 126, 75); border-left-color: rgb(99, 126, 75); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 63, 42); color: rgb(205, 230, 160); }
html[data-theme="dark"] .friend-page-host button.finance-summary-card.is-filter-control.is-selected { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(26, 45, 37); box-shadow: inset 0 0 0 1px rgba(183,216,120,.36),inset -1px 0 var(--finance-line),inset 0 -1px var(--finance-line) !important; }
html[data-theme="dark"] .friend-page-host button.finance-summary-card.is-filter-control.is-selected .finance-summary-head > b { border-top-color: rgb(83, 109, 67); border-right-color: rgb(83, 109, 67); border-bottom-color: rgb(83, 109, 67); border-left-color: rgb(83, 109, 67); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 59, 41); color: rgb(205, 230, 160); }
html[data-theme="dark"] .friend-page-host :is(.finance-converter-direction > button.is-active, .finance-expense-categories > button.is-active, .finance-year-list > button.is-active) { border-top-color: rgb(82, 109, 67); border-right-color: rgb(82, 109, 67); border-bottom-color: rgb(82, 109, 67); border-left-color: rgb(82, 109, 67); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 53, 43); color: rgb(205, 230, 160); box-shadow: rgba(0, 0, 0, 0.13) 0px 4px 12px, rgba(178, 210, 114, 0.08) 0px 0px 0px 1px inset; }
@media (max-width: 760px) {
.friend-page-host .finance-contact-filter-buttons > button { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .finance-contact-filter-buttons > button { transform: none !important; }
}
@media (forced-colors: active) {
.friend-page-host .finance-contact-filter-buttons > button.is-active, .friend-page-host button.finance-summary-card.is-filter-control.is-selected, .friend-page-host .finance-converter-direction > button.is-active, .friend-page-host .finance-expense-categories > button.is-active, .friend-page-host .finance-year-list > button.is-active { border-top-color: highlight !important; border-right-color: highlight !important; border-bottom-color: highlight !important; border-left-color: highlight !important; outline-color: highlight !important; outline-style: solid !important; outline-width: 1px !important; outline-offset: -2px !important; }
.friend-page-host :is(.finance-contact-filter-buttons > button, .finance-converter-direction > button, .finance-expense-categories > button, .finance-year-list > button):focus-visible { outline-color: canvastext !important; outline-style: solid !important; outline-width: 2px !important; }
}
.friend-page-host .finance-pages .finance-command-center > header, .friend-page-host .finance-pages .finance-control-deck, .friend-page-host .finance-pages > .finance-toolbar, .friend-page-host .finance-pages .finance-list-shell > header, .friend-page-host .finance-pages .finance-feature-panel > header, .friend-page-host .finance-pages .finance-filter-panel > header, .friend-page-host .finance-pages .finance-category-panel > header, .friend-page-host .finance-pages .finance-year-panel > header, .friend-page-host .finance-pages .finance-analytics-panel > header, .friend-page-host .finance-pages .payment-vault-category-section .payment-vault-section-head { box-shadow: rgb(112, 162, 23) 4px 0px 0px inset, rgba(26, 62, 48, 0.04) 0px 8px 24px !important; }
.friend-page-host .finance-pages .payment-vault-category-section .payment-vault-section-head { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-command-center > header, html[data-theme="dark"] .friend-page-host .finance-pages .finance-control-deck, html[data-theme="dark"] .friend-page-host .finance-pages > .finance-toolbar, html[data-theme="dark"] .friend-page-host .finance-pages .finance-list-shell > header, html[data-theme="dark"] .friend-page-host .finance-pages .finance-feature-panel > header, html[data-theme="dark"] .friend-page-host .finance-pages .finance-filter-panel > header, html[data-theme="dark"] .friend-page-host .finance-pages .finance-category-panel > header, html[data-theme="dark"] .friend-page-host .finance-pages .finance-year-panel > header, html[data-theme="dark"] .friend-page-host .finance-pages .finance-analytics-panel > header, html[data-theme="dark"] .friend-page-host .finance-pages .payment-vault-category-section .payment-vault-section-head { box-shadow: rgb(155, 195, 79) 4px 0px 0px inset, rgba(0, 0, 0, 0.14) 0px 8px 24px !important; }
html[data-theme="dark"] .friend-page-host .finance-pages .payment-vault-category-section .payment-vault-section-head { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-pages :is(.finance-command-center, .finance-list-shell, .finance-feature-panel, .finance-control-deck, .finance-status-strip, .finance-summary-grid, .finance-loading, .finance-analytics-panel, .finance-filter-panel, .finance-category-panel, .finance-year-panel, .finance-contact-filter-panel, .finance-page-skeleton, .payment-vault-section), .friend-page-host .finance-dialog-backdrop > .finance-dialog { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-dialog { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages :is(.finance-run-card, .payment-vault-person-group, .payment-vault-record) { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages :is(.finance-converter-grid output, .finance-mail-status, .finance-notice, .finance-error, .finance-expense-categories > button, .finance-year-list > button, .payment-vault-delete-copy, .payment-vault-category-switch) { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages > .finance-toolbar { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages :is(.primary-btn, .secondary-btn, input, select, textarea, .finance-command-actions .finance-link, .finance-contact-filter-buttons > button, .finance-converter-direction, .payment-vault-person-options, .payment-vault-security-note), .friend-page-host .finance-dialog :is(.primary-btn, .secondary-btn, input, select, textarea) { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages .finance-command-icon { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages .finance-feature-icon { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages :is(.finance-identity > span, .payment-vault-category-mark, .payment-vault-empty > span) { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages :is(.payment-vault-record-icon, .payment-vault-person-head > span) { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages .payment-vault-record.is-compact { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages .payment-vault-record.is-compact .payment-vault-record-icon { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages :is(.finance-run-card p, .finance-contact-filter-buttons > button > b, .finance-converter-direction > button, .payment-vault-copy, .payment-vault-person-options > button, .payment-vault-person-options > span, .payment-vault-category-switch > button, .payment-vault-category-switch > button > b, .payment-vault-reveal, .payment-vault-secret-toggle) { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-dialog :is(.payment-vault-person-options, .payment-vault-security-note) { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-dialog :is(.payment-vault-person-options > button, .payment-vault-person-options > span, .payment-vault-secret-toggle) { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .backup-center > .backup-hero { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .backup-center > .backup-hero > .backup-shield, .friend-page-host .backup-center > .backup-export-grid > .backup-card, .friend-page-host .backup-center > .backup-restore { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > .backup-icon { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .backup-center > .backup-export-grid > .backup-card > button, .friend-page-host .backup-center > .backup-restore form > button { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .backup-center > .backup-restore :is(.restore-warning, .backup-picker) { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.friend-page-host .backup-center > .backup-notes { border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
@media (max-width: 1180px) {
.friend-page-host .finance-pages tbody tr { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
}
@media (max-width: 760px) {
.friend-page-host .finance-pages .finance-command-icon { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-pages .payment-vault-record { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
}
.friend-page-host .finance-pages .finance-contact-filter-panel { border-left-width: 3px; border-left-style: solid; border-left-color: rgb(111, 155, 30); box-shadow: rgba(26, 62, 48, 0.043) 0px 8px 22px; }
.friend-page-host .finance-pages .finance-contact-filter-panel > header { min-height: 37px; padding-top: 10px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .finance-pages .finance-contact-filter-panel > header p { font-size: 11px; }
.friend-page-host .finance-pages .finance-contact-filter-panel > header > span { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(106, 120, 109); font-size: 13px; }
.friend-page-host .finance-pages .finance-contact-filter-group { padding-top: 9px; padding-right: 18px; padding-bottom: 15px; padding-left: 18px; row-gap: 7px; column-gap: 7px; }
.friend-page-host .finance-pages .finance-contact-filter-group > span { color: rgb(95, 114, 94); font-size: 12px; letter-spacing: 0.07em; }
.friend-page-host .finance-pages .finance-contact-filter-buttons { display: flex; align-items: flex-end; flex-wrap: wrap; row-gap: 0px; column-gap: 16px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(223, 232, 217); }
.friend-page-host .finance-pages .finance-contact-filter-buttons > button { min-height: 40px; position: relative; margin-bottom: -1px; color: rgb(89, 106, 93); font-size: 13px; font-weight: 750; transition-behavior: normal, normal; transition-duration: 0.15s, 0.15s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: color, border-color; width: auto !important; min-width: 0px !important; padding-top: 6px !important; padding-right: 1px !important; padding-bottom: 10px !important; padding-left: 1px !important; border-top-width: 0px !important; border-right-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-bottom-width: 3px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; transform: none !important; }
.friend-page-host .finance-pages .finance-contact-filter-buttons > button + button::before { content: ""; position: absolute; top: 50%; left: -9px; width: 1px; height: 15px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(220, 229, 217); transform: translateY(-50%); pointer-events: none; }
.friend-page-host .finance-pages .finance-contact-filter-buttons > button > b { display: inline-flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: auto; height: auto; color: rgb(117, 145, 70); font-size: 13px; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host .finance-pages .finance-contact-filter-buttons > button:hover { color: rgb(61, 104, 36); border-bottom-color: rgb(165, 195, 118) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; }
.friend-page-host .finance-pages .finance-contact-filter-buttons > button.is-active, .friend-page-host .finance-pages .finance-contact-filter-buttons > button.is-active:hover { color: rgb(49, 89, 0); border-bottom-color: rgb(90, 140, 0) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; }
.friend-page-host .finance-pages .finance-contact-filter-buttons > button.is-active > b { color: rgb(90, 140, 0); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-panel { border-left-color: rgb(164, 201, 100); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 22px; }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-panel > header { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 36, 29); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-panel > header > span { color: rgb(166, 183, 170); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-group > span { color: rgb(179, 198, 173); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-buttons { border-bottom-color: rgb(58, 80, 64); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-buttons > button + button::before { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(67, 88, 74); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-buttons > button { color: rgb(197, 210, 199); background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-buttons > button > b { color: rgb(169, 199, 124); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-buttons > button:hover { color: rgb(224, 239, 204); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-buttons > button.is-active, html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-buttons > button.is-active:hover { border-bottom-color: rgb(177, 214, 109) !important; color: rgb(217, 239, 183); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-filter-buttons > button.is-active > b { color: rgb(177, 214, 109); }
@media (max-width: 760px) {
.friend-page-host .finance-pages .finance-contact-filter-panel > header { padding-top: 12px; padding-right: 14px; padding-bottom: 3px; padding-left: 14px; }
.friend-page-host .finance-pages .finance-contact-filter-group { padding-top: 9px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; }
.friend-page-host .finance-pages .finance-contact-filter-buttons { display: flex; row-gap: 0px; column-gap: 10px; }
.friend-page-host .finance-pages .finance-contact-filter-buttons > button { min-height: 44px; }
.friend-page-host .finance-pages .finance-contact-filter-buttons > button + button::before { left: -6px; height: 13px; }
.friend-page-host .finance-pages .finance-contact-filter-buttons > button > b { display: none !important; }
}
@media (forced-colors: active) {
.friend-page-host .finance-pages .finance-contact-filter-buttons > button.is-active { border-bottom-color: highlight !important; }
}
.friend-page-host .finance-overview { min-width: 0px; display: grid; row-gap: 16px; column-gap: 16px; }
.friend-page-host .finance-overview > .finance-summary-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.friend-page-host .finance-overview .finance-summary-card { min-height: 122px; padding-top: 17px !important; padding-right: 19px !important; padding-bottom: 19px !important; padding-left: 19px !important; }
.friend-page-host .finance-overview .finance-summary-card strong { font-size: clamp(20px, 1.75vw, 26px); }
.friend-page-host .finance-overview-status { min-width: 0px; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: 4px; border-left-style: solid; border-left-color: rgb(92, 144, 0); border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; overflow-x: hidden; overflow-y: hidden; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.04) 0px 8px 22px; }
.friend-page-host .finance-overview-status > a { min-width: 0px; min-height: 61px; padding-top: 11px; padding-right: 16px; padding-bottom: 11px; padding-left: 16px; display: flex; align-items: center; justify-content: space-between; row-gap: 8px; column-gap: 8px; color: var(--finance-ink); text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .finance-overview-status > a + a { border-left-width: ; border-left-style: ; border-left-color: ; }
.friend-page-host .finance-overview-status > a:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 250, 239); }
.friend-page-host .finance-overview-status span { color: var(--finance-muted); font-size: 11px; font-weight: 700; }
.friend-page-host .finance-overview-status strong { font-size: 18px; }
.friend-page-host .finance-overview-rate-note { min-width: 0px; padding-top: 12px; padding-right: 15px; padding-bottom: 12px; padding-left: 15px; display: flex; align-items: center; row-gap: 10px; column-gap: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(233, 206, 131); border-right-color: rgb(233, 206, 131); border-bottom-color: rgb(233, 206, 131); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-left-width: 4px; border-left-style: solid; border-left-color: rgb(217, 163, 42); border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 249, 234); color: rgb(116, 83, 27); }
.friend-page-host .finance-overview-rate-note > span { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 25px; height: 25px; display: grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 227, 173); font-weight: 900; }
.friend-page-host .finance-overview-rate-note p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px; font-weight: 700; line-height: 1.5; }
.friend-page-host .finance-overview-grid { min-width: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 16px; column-gap: 16px; align-items: stretch; }
.friend-page-host .finance-overview-panel { min-width: 0px; overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: 4px; border-left-style: solid; border-left-color: rgb(92, 144, 0); border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.043) 0px 10px 28px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-overview-panel > header { min-height: 73px; padding-top: 15px; padding-right: 19px; padding-bottom: 15px; padding-left: 19px; display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .finance-overview-panel > header > div { min-width: 0px; }
.friend-page-host .finance-overview-panel > header p { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; color: rgb(91, 137, 10); font-size: 10px; font-weight: 900; letter-spacing: 0.12em; }
.friend-page-host .finance-overview-panel > header h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 19px; line-height: 1.2; }
.friend-page-host .finance-overview-panel > header > a { flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: rgb(74, 120, 11); font-size: 11px; font-weight: 800; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .finance-overview-panel > header > a:hover { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-underline-offset: 3px; }
.friend-page-host .finance-overview-donut-layout { min-width: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; display: grid; grid-template-columns: 164px minmax(0px, 1fr); align-items: center; row-gap: 20px; column-gap: 20px; }
.friend-page-host .finance-overview-donut { position: relative; width: 160px; height: 160px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }
.friend-page-host .finance-overview-donut::after { content: ""; position: absolute; top: 29px; right: 29px; bottom: 29px; left: 29px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; pointer-events: none; }
.friend-page-host .finance-overview-donut > div { position: absolute; z-index: 3; top: 0px; right: 0px; bottom: 0px; left: 0px; display: grid; align-content: center; justify-items: center; text-align: center; pointer-events: none; }
.friend-page-host .finance-overview-donut strong { color: var(--finance-ink); font-size: 22px; line-height: 1.05; }
.friend-page-host .finance-overview-donut small { margin-top: 5px; color: var(--finance-muted); font-size: 10px !important; }
.friend-page-host .finance-overview-currency-legend { min-width: 0px; display: grid; row-gap: 7px; column-gap: 7px; }
.friend-page-host .finance-overview-currency-legend > div { min-width: 0px; padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; display: grid; grid-template-columns: 9px 1fr auto; align-items: center; row-gap: 9px; column-gap: 9px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .finance-overview-currency-legend i { width: 9px; height: 9px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }
.friend-page-host .finance-overview-currency-legend span { color: var(--finance-muted); font-size: 11px; font-weight: 700; }
.friend-page-host .finance-overview-currency-legend strong { color: var(--finance-ink); font-size: 11px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-overview-debt-layout { grid-template-columns: 184px minmax(0px, 1fr); }
.friend-page-host .finance-overview-debt-donut { width: 176px; height: 176px; isolation: isolate; }
.friend-page-host .finance-overview-debt-donut::before { content: ""; position: absolute; z-index: -1; top: -5px; right: -5px; bottom: -5px; left: -5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(219, 231, 212); border-right-color: rgb(219, 231, 212); border-bottom-color: rgb(219, 231, 212); border-left-color: rgb(219, 231, 212); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-image: radial-gradient(circle at 50% 42%, rgba(181, 211, 63, 0.13), rgba(92, 144, 0, 0.024) 62%, transparent 63%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .finance-overview-debt-donut::after { top: 37px; right: 37px; bottom: 37px; left: 37px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(92, 144, 0, 0.12); border-right-color: rgba(92, 144, 0, 0.12); border-bottom-color: rgba(92, 144, 0, 0.12); border-left-color: rgba(92, 144, 0, 0.12); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; box-shadow: rgba(32, 75, 56, 0.11) 0px 10px 30px; }
.friend-page-host .finance-debt-wheel { position: absolute; z-index: 2; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; overflow-x: visible; overflow-y: visible; pointer-events: auto; }
.friend-page-host .finance-debt-wheel-track { stroke: rgb(237, 242, 233); }
.friend-page-host .finance-debt-wheel-guide { stroke: rgb(223, 233, 217); stroke-dasharray: 2, 5; }
.friend-page-host .finance-debt-wheel-slice { stroke-dasharray: var(--segment-length) var(--segment-circumference); transform: rotate(-90deg); transform-origin: 50% 50%; cursor: pointer; transition-behavior: normal, normal, normal; transition-duration: 0.18s, 0.18s, 0.18s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: stroke-width, filter, opacity; animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; }
.friend-page-host .finance-debt-wheel-link:hover .finance-debt-wheel-slice, .friend-page-host .finance-debt-wheel-link:focus .finance-debt-wheel-slice { stroke-width: 23; filter: drop-shadow(rgba(19, 57, 43, 0.24) 0px 3px 3px); }
.friend-page-host .finance-debt-wheel-link:focus { outline-color: initial; outline-style: none; outline-width: initial; }
@keyframes friend-page--finance-debt-wheel-enter {
0% { stroke-dasharray: 0 var(--segment-circumference); opacity: 0.35; }
100% { stroke-dasharray: var(--segment-length) var(--segment-circumference); opacity: 1; }
}
.friend-page-host .finance-overview-debt-stack { min-width: 0px; display: grid; row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-overview-debt-legend { min-width: 0px; display: grid; row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-overview-debt-filter { min-width: 0px; min-height: 43px; padding-top: 7px; padding-right: 8px; padding-bottom: 7px; padding-left: 8px; display: grid; grid-template-columns: 10px minmax(0px, 1fr) auto 14px; align-items: center; row-gap: 8px; column-gap: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-bottom-color: var(--finance-line); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; color: inherit; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; transition-behavior: normal, normal, normal; transition-duration: 0.18s, 0.18s, 0.18s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: border-color, background, transform; }
.friend-page-host .finance-overview-debt-filter:hover, .friend-page-host .finance-overview-debt-filter:focus-visible { border-top-color: rgb(189, 211, 147); border-right-color: rgb(189, 211, 147); border-bottom-color: rgb(189, 211, 147); border-left-color: rgb(189, 211, 147); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 250, 239); outline-color: initial; outline-style: none; outline-width: initial; transform: translateX(2px); }
.friend-page-host .finance-overview-debt-filter > i { width: 10px; height: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.friend-page-host .finance-overview-debt-filter > span { min-width: 0px; display: flex; align-items: baseline; row-gap: 5px; column-gap: 5px; flex-wrap: wrap; color: var(--finance-ink); }
.friend-page-host .finance-overview-debt-filter > span > b { font-size: 11px; font-weight: 850; }
.friend-page-host .finance-overview-debt-filter > span > small { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-muted); font-weight: 650; font-size: 10px !important; }
.friend-page-host .finance-overview-debt-filter > strong { color: var(--finance-ink); font-size: 11px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-overview-debt-filter > em { color: rgb(98, 148, 5); font-size: 14px; font-style: normal; font-weight: 900; }
.friend-page-host .finance-overview-empty { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; color: var(--finance-muted); font-size: 12px; line-height: 1.5; }
.friend-page-host .finance-overview-recent { grid-column-start: 1; grid-column-end: -1; border-left-color: rgb(166, 198, 60); }
.friend-page-host .finance-overview-activity { min-width: 0px; padding-top: 7px; padding-right: 9px; padding-bottom: 12px; padding-left: 9px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-overview-activity.is-single { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .finance-overview-activity-column { min-width: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; display: grid; align-content: start; }
.friend-page-host .finance-overview-activity-column + .finance-overview-activity-column { border-left-width: ; border-left-style: ; border-left-color: ; }
.friend-page-host .finance-overview-activity-entry { --activity-accent: #5c9000; min-width: 0px; min-height: 70px; padding-top: 9px; padding-right: 6px; padding-bottom: 9px; padding-left: 6px; display: grid; grid-template-columns: 48px minmax(0px, 1fr) auto 12px; align-items: center; row-gap: 11px; column-gap: 11px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; color: var(--finance-ink); text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; transition-behavior: normal; transition-duration: 0.18s; transition-timing-function: ease; transition-delay: 0s; transition-property: background; }
.friend-page-host .finance-overview-activity-entry.is-payment { --activity-accent: #0d6b55; }
.friend-page-host .finance-overview-activity-entry.is-credit { --activity-accent: #36658a; }
.friend-page-host .finance-overview-activity-entry.is-installment { --activity-accent: #6b7c25; }
.friend-page-host .finance-overview-activity-entry.is-expense { --activity-accent: #bf8a26; }
.friend-page-host .finance-overview-activity-column > .finance-overview-activity-entry:last-child { border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
.friend-page-host a.finance-overview-activity-entry:hover, .friend-page-host a.finance-overview-activity-entry:focus-visible { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 238); }
.friend-page-host a.finance-overview-activity-entry:focus-visible { outline-color: ; outline-style: ; outline-width: ; outline-offset: -2px; }
.friend-page-host .finance-overview-activity-date { min-width: 0px; padding-left: 9px; display: grid; align-content: center; row-gap: 2px; column-gap: 2px; border-left-width: ; border-left-style: ; border-left-color: ; font-variant-numeric: tabular-nums; }
.friend-page-host .finance-overview-activity-date strong { font-size: 20px; line-height: 1; font-weight: 800; letter-spacing: -0.04em; }
.friend-page-host .finance-overview-activity-date small { color: var(--finance-muted); line-height: 1.2; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 9px !important; }
.friend-page-host .finance-overview-activity-copy { min-width: 0px; display: grid; row-gap: 4px; column-gap: 4px; }
.friend-page-host .finance-overview-activity-kind { overflow-x: hidden; overflow-y: hidden; color: var(--activity-accent); font-weight: 900; letter-spacing: 0.07em; text-overflow: ellipsis; text-transform: uppercase; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 10px !important; }
.friend-page-host .finance-overview-activity-copy strong { overflow-x: hidden; overflow-y: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--finance-ink); font-size: 13px; font-weight: 750; line-height: 1.35; overflow-wrap: anywhere; }
.friend-page-host .finance-overview-activity-amount { min-width: 0px; display: grid; justify-items: end; row-gap: 3px; column-gap: 3px; text-align: right; font-variant-numeric: tabular-nums; }
.friend-page-host .finance-overview-activity-amount strong { color: var(--finance-ink); font-size: 13px; font-weight: 800; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-overview-activity-amount small { max-width: 130px; overflow-x: hidden; overflow-y: hidden; color: var(--finance-muted); text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 9px !important; }
.friend-page-host .finance-overview-activity-arrow { color: var(--activity-accent); font-size: 15px; font-weight: 800; line-height: 1; opacity: 0.55; transition-behavior: normal, normal; transition-duration: 0.18s, 0.18s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: transform, opacity; }
.friend-page-host a.finance-overview-activity-entry:hover .finance-overview-activity-arrow { transform: translateX(2px); opacity: 1; }
.friend-page-host .finance-overview-footnote { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-muted); font-size: 10px; line-height: 1.5; }
html[data-theme="dark"] .friend-page-host .finance-overview-panel { box-shadow: rgba(0, 0, 0, 0.12) 0px 9px 25px; }
html[data-theme="dark"] .friend-page-host .finance-overview-panel > header p, html[data-theme="dark"] .friend-page-host .finance-overview-panel > header > a { color: rgb(185, 217, 129); }
html[data-theme="dark"] .friend-page-host .finance-overview-rate-note { border-top-color: rgb(125, 105, 56); border-right-color: rgb(125, 105, 56); border-bottom-color: rgb(125, 105, 56); border-left-color: rgb(125, 105, 56); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(50, 43, 28); color: rgb(240, 213, 145); }
html[data-theme="dark"] .friend-page-host .finance-overview-rate-note > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(91, 76, 39); }
html[data-theme="dark"] .friend-page-host a.finance-overview-activity-entry:hover, html[data-theme="dark"] .friend-page-host a.finance-overview-activity-entry:focus-visible { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 51, 40); }
html[data-theme="dark"] .friend-page-host .finance-overview-status > a:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 51, 40); }
html[data-theme="dark"] .friend-page-host .finance-overview-debt-donut::before { border-top-color: rgb(58, 81, 65); border-right-color: rgb(58, 81, 65); border-bottom-color: rgb(58, 81, 65); border-left-color: rgb(58, 81, 65); background-image: radial-gradient(circle at 50% 42%, rgba(181, 211, 63, 0.09), rgba(92, 144, 0, 0.016) 62%, transparent 63%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
html[data-theme="dark"] .friend-page-host .finance-overview-debt-donut::after { border-top-color: rgb(59, 81, 66); border-right-color: rgb(59, 81, 66); border-bottom-color: rgb(59, 81, 66); border-left-color: rgb(59, 81, 66); box-shadow: rgba(0, 0, 0, 0.22) 0px 12px 30px; }
html[data-theme="dark"] .friend-page-host .finance-debt-wheel-track { stroke: rgb(41, 60, 49); }
html[data-theme="dark"] .friend-page-host .finance-debt-wheel-guide { stroke: rgb(59, 81, 66); }
html[data-theme="dark"] .friend-page-host .finance-overview-debt-filter:hover, html[data-theme="dark"] .friend-page-host .finance-overview-debt-filter:focus-visible { border-top-color: rgb(105, 135, 78); border-right-color: rgb(105, 135, 78); border-bottom-color: rgb(105, 135, 78); border-left-color: rgb(105, 135, 78); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 51, 40); }
html[data-theme="dark"] .friend-page-host .finance-overview-activity-entry.is-transaction { --activity-accent: #b9d981; }
html[data-theme="dark"] .friend-page-host .finance-overview-activity-entry.is-payment { --activity-accent: #71c3ad; }
html[data-theme="dark"] .friend-page-host .finance-overview-activity-entry.is-credit { --activity-accent: #9abfdb; }
html[data-theme="dark"] .friend-page-host .finance-overview-activity-entry.is-installment { --activity-accent: #c2d57b; }
html[data-theme="dark"] .friend-page-host .finance-overview-activity-entry.is-expense { --activity-accent: #e2bf73; }
@media (max-width: 800px) {
.friend-page-host .finance-overview-activity { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .finance-overview-activity-column + .finance-overview-activity-column { border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; }
.friend-page-host .finance-overview-activity-column:first-child > .finance-overview-activity-entry:last-child { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
}
@media (max-width: 600px) {
.friend-page-host .finance-overview-activity { padding-top: 3px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; }
.friend-page-host .finance-overview-activity-column { padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; }
.friend-page-host .finance-overview-activity-entry { min-height: 68px; grid-template-columns: 44px minmax(0px, 1fr) auto 10px; row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-overview-activity-date strong { font-size: 17px; }
.friend-page-host .finance-overview-activity-copy strong { font-size: 12px; }
.friend-page-host .finance-overview-activity-amount strong { font-size: 11px; }
}
@media (max-width: 390px) {
.friend-page-host .finance-overview-activity-entry { position: relative; grid-template-columns: 40px minmax(0px, 1fr); row-gap: 3px; column-gap: 9px; padding-top: 9px; padding-right: 3px; padding-bottom: 9px; padding-left: 3px; }
.friend-page-host .finance-overview-activity-date { grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: 3; padding-left: 6px; }
.friend-page-host .finance-overview-activity-copy { grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; padding-right: 13px; }
.friend-page-host .finance-overview-activity-amount { grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; justify-items: end; }
.friend-page-host .finance-overview-activity-amount strong { font-size: 12px; }
.friend-page-host .finance-overview-activity-arrow { position: absolute; top: 16px; right: 3px; font-size: 12px; }
}
.friend-page-host .finance-form-grid .finance-choice-field { box-sizing: border-box; min-height: 72px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; display: grid; grid-template-columns: 24px minmax(0px, 1fr); align-items: center; row-gap: 11px; column-gap: 11px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(216, 228, 209); border-right-color: rgb(216, 228, 209); border-bottom-color: rgb(216, 228, 209); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-left-width: 4px; border-left-style: solid; border-left-color: rgb(112, 162, 23); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 249, 239); cursor: pointer; }
.friend-page-host .finance-form-grid .finance-choice-field > input[type="checkbox"] { width: 22px; min-width: 22px; height: 22px; min-height: 22px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; accent-color: rgb(91, 144, 0); }
.friend-page-host .finance-form-grid .finance-choice-field > span { min-width: 0px; display: grid; row-gap: 3px; column-gap: 3px; }
.friend-page-host .finance-form-grid .finance-choice-field strong { color: var(--finance-ink); font-size: 13px; line-height: 1.3; }
.friend-page-host .finance-form-grid .finance-choice-field small { color: var(--finance-muted); font-weight: 550; line-height: 1.45; font-size: 10px !important; }
.friend-page-host .finance-form-grid .finance-option-field { min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; align-content: start; row-gap: 7px; column-gap: 7px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; }
.friend-page-host .finance-form-grid .finance-option-field > legend { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(83, 101, 92); font-size: 12px; font-weight: 750; }
.friend-page-host .finance-form-grid .finance-option-field > small { color: var(--finance-muted); font-weight: 550; line-height: 1.35; font-size: 9px !important; }
.friend-page-host .finance-choice-group { min-width: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 5px; column-gap: 5px; }
.friend-page-host .finance-choice-group > label { position: relative; min-width: 0px; min-height: 42px; display: grid; align-items: center; justify-items: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(207, 219, 202); border-right-color: rgb(207, 219, 202); border-bottom-color: rgb(207, 219, 202); border-left-color: rgb(207, 219, 202); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); color: rgb(80, 97, 88); cursor: pointer; transition-behavior: normal, normal, normal, normal; transition-duration: 0.16s, 0.16s, 0.16s, 0.16s; transition-timing-function: ease, ease, ease, ease; transition-delay: 0s, 0s, 0s, 0s; transition-property: border-color, background, color, box-shadow; }
.friend-page-host .finance-choice-group > label:hover { border-top-color: rgb(148, 182, 90); border-right-color: rgb(148, 182, 90); border-bottom-color: rgb(148, 182, 90); border-left-color: rgb(148, 182, 90); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 239); color: rgb(54, 91, 0); }
.friend-page-host .finance-choice-group > label.is-selected { border-top-color: rgb(103, 155, 12); border-right-color: rgb(103, 155, 12); border-bottom-color: rgb(103, 155, 12); border-left-color: rgb(103, 155, 12); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 246, 221); color: rgb(49, 91, 0); box-shadow: rgba(103, 155, 12, 0.12) 0px 0px 0px 1px inset; }
.friend-page-host .finance-choice-group > label:focus-within { outline-color: rgba(91, 144, 0, 0.25); outline-style: solid; outline-width: 2px; outline-offset: 2px; }
.friend-page-host .finance-choice-group input { pointer-events: none; position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; opacity: 0 !important; }
.friend-page-host .finance-choice-group span { overflow-x: hidden; overflow-y: hidden; max-width: 100%; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 4px; font-size: 11px; font-weight: 850; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-expense-tags { display: flex; align-items: center; row-gap: 6px; column-gap: 6px; flex-wrap: wrap; }
.friend-page-host .finance-profit-deduction-badge { display: inline-flex; align-items: center; min-height: 24px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(233, 244, 217); color: rgb(73, 116, 0); font-size: 10px; font-weight: 850; white-space-collapse: collapse; text-wrap-mode: nowrap; }
html[data-theme="dark"] .friend-page-host .finance-form-grid .finance-choice-field { border-top-color: rgb(72, 96, 57); border-right-color: rgb(72, 96, 57); border-bottom-color: rgb(72, 96, 57); border-left-color: rgb(155, 195, 79); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 48, 36); }
html[data-theme="dark"] .friend-page-host .finance-form-grid .finance-option-field > legend { color: rgb(189, 206, 197); }
html[data-theme="dark"] .friend-page-host .finance-choice-group > label { border-top-color: rgb(59, 85, 71); border-right-color: rgb(59, 85, 71); border-bottom-color: rgb(59, 85, 71); border-left-color: rgb(59, 85, 71); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(20, 43, 35); color: rgb(195, 208, 200); }
html[data-theme="dark"] .friend-page-host .finance-choice-group > label:hover { border-top-color: rgb(119, 152, 78); border-right-color: rgb(119, 152, 78); border-bottom-color: rgb(119, 152, 78); border-left-color: rgb(119, 152, 78); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 53, 40); color: rgb(216, 235, 184); }
html[data-theme="dark"] .friend-page-host .finance-choice-group > label.is-selected { border-top-color: rgb(154, 201, 80); border-right-color: rgb(154, 201, 80); border-bottom-color: rgb(154, 201, 80); border-left-color: rgb(154, 201, 80); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 68, 33); color: rgb(223, 242, 188); }
.friend-page-host .finance-debt-category-context { min-width: 0px; display: flex; align-items: center; justify-content: space-between; row-gap: 18px; column-gap: 18px; padding-top: 15px !important; padding-right: 18px !important; padding-bottom: 15px !important; padding-left: 18px !important; border-left-width: 4px !important; border-left-style: solid !important; border-left-color: rgb(92, 144, 0) !important; }
.friend-page-host .finance-debt-category-context > div { min-width: 0px; }
.friend-page-host .finance-debt-category-context p { margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; color: rgb(91, 137, 10); font-size: 10px; font-weight: 900; letter-spacing: 0.12em; }
.friend-page-host .finance-debt-category-context h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 20px; line-height: 1.25; }
.friend-page-host .finance-debt-category-context small { display: block; margin-top: 5px; color: var(--finance-muted); line-height: 1.45; font-size: 11px !important; }
.friend-page-host .finance-debt-category-context > strong { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 8px; padding-right: 11px; padding-bottom: 8px; padding-left: 11px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); color: rgb(75, 118, 7); font-size: 11px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-debt-category-context.is-todo { border-left-color: rgb(71, 127, 154) !important; }
.friend-page-host .finance-debt-category-context.is-todo p { color: rgb(71, 127, 154); }
.friend-page-host .finance-debt-category-context.is-todo > strong { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 247); color: rgb(49, 95, 118); }
html[data-theme="dark"] .friend-page-host .finance-debt-category-context > strong { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 67, 33); color: rgb(200, 229, 143); }
html[data-theme="dark"] .friend-page-host .finance-debt-category-context.is-todo > strong { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 58, 68); color: rgb(185, 220, 233); }
.friend-page-host .finance-debt-category-list { border-left-color: rgb(92, 144, 0); }
.friend-page-host .finance-debt-category-list .finance-todo-badge { white-space-collapse: collapse; text-wrap-mode: nowrap; }
html[data-theme="dark"] .friend-page-host .finance-profit-deduction-badge { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(42, 67, 37); color: rgb(199, 231, 134); }
@media (max-width: 760px) {
.friend-page-host .finance-form-grid .finance-choice-field { grid-column-start: 1; grid-column-end: -1; min-height: 68px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; }
.friend-page-host .finance-profit-deduction-badge { white-space-collapse: collapse; text-wrap-mode: wrap; }
}
@media (max-width: 1180px) {
.friend-page-host .finance-overview > .finance-summary-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-overview-donut-layout { grid-template-columns: 135px minmax(0px, 1fr); row-gap: 13px; column-gap: 13px; }
.friend-page-host .finance-overview-donut { width: 132px; height: 132px; }
.friend-page-host .finance-overview-donut::after { top: 25px; right: 25px; bottom: 25px; left: 25px; }
.friend-page-host .finance-overview-donut strong { font-size: 18px; }
}
@media (max-width: 800px) {
.friend-page-host .finance-overview-grid { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .finance-overview-status { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-overview-status > a:nth-child(2n+1) { border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; }
.friend-page-host .finance-overview-status > a:nth-child(n+3) { border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-overview-donut-layout { grid-template-columns: 145px minmax(0px, 1fr); }
.friend-page-host .finance-overview-donut { width: 140px; height: 140px; }
}
@media (max-width: 600px) {
.friend-page-host .finance-overview-panel > header { padding-top: 13px; padding-right: 14px; padding-bottom: 13px; padding-left: 14px; }
.friend-page-host .finance-overview-panel > header h2 { font-size: 17px; }
.friend-page-host .finance-overview-panel > header > a { font-size: 10px; }
.friend-page-host .finance-overview-donut-layout { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; grid-template-columns: 130px minmax(0px, 1fr); row-gap: 12px; column-gap: 12px; }
.friend-page-host .finance-overview-donut { width: 126px; height: 126px; }
.friend-page-host .finance-overview-donut::after { top: 24px; right: 24px; bottom: 24px; left: 24px; }
.friend-page-host .finance-overview-donut strong { font-size: 16px; }
}
@media (max-width: 520px) {
.friend-page-host .finance-overview-debt-layout { grid-template-columns: minmax(0px, 1fr); justify-items: center; }
.friend-page-host .finance-overview-debt-legend { width: 100%; }
}
@media (max-width: 390px) {
.friend-page-host .finance-overview > .finance-summary-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-overview .finance-summary-card { min-height: 112px; padding-top: 13px !important; padding-right: 12px !important; padding-bottom: 16px !important; padding-left: 12px !important; }
.friend-page-host .finance-overview .finance-summary-card strong { font-size: 17px; }
.friend-page-host .finance-overview .finance-summary-card small { font-size: 9px !important; }
.friend-page-host .finance-overview-donut-layout { grid-template-columns: minmax(0px, 1fr); justify-items: center; }
.friend-page-host .finance-overview-currency-legend { width: 100%; }
.friend-page-host .finance-overview-panel > header { align-items: flex-start; }
.friend-page-host .finance-overview-panel > header > a { max-width: 86px; text-align: right; }
}
@media (max-width: 1180px) {
.friend-page-host .finance-overview-debt-layout { grid-template-columns: 154px minmax(0px, 1fr); }
.friend-page-host .finance-overview-debt-donut { width: 148px; height: 148px; }
.friend-page-host .finance-overview-debt-donut::after { top: 31px; right: 31px; bottom: 31px; left: 31px; }
}
@media (max-width: 600px) {
.friend-page-host .finance-overview-debt-layout { grid-template-columns: 142px minmax(0px, 1fr); }
.friend-page-host .finance-overview-debt-donut { width: 138px; height: 138px; }
.friend-page-host .finance-overview-debt-donut::after { top: 29px; right: 29px; bottom: 29px; left: 29px; }
.friend-page-host .finance-debt-category-context { display: grid; row-gap: 10px; column-gap: 10px; padding-top: 13px !important; padding-right: 14px !important; padding-bottom: 13px !important; padding-left: 14px !important; }
.friend-page-host .finance-debt-category-context > strong { width: max-content; }
.friend-page-host .finance-choice-group span { font-size: 10px; }
}
@media (max-width: 520px) {
.friend-page-host .finance-overview-debt-layout { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .finance-overview-debt-donut { width: 152px; height: 152px; }
.friend-page-host .finance-overview-debt-donut::after { top: 32px; right: 32px; bottom: 32px; left: 32px; }
.friend-page-host .finance-overview-debt-stack, .friend-page-host .finance-overview-debt-legend { width: 100%; }
}
@media (min-width: 901px) {
.friend-page-host .finance-pages .finance-data-table { table-layout: fixed; }
.friend-page-host .finance-pages .finance-data-table th:first-child { width: 24%; }
.friend-page-host .finance-pages .finance-data-table .finance-identity { min-width: 0px; }
.friend-page-host .finance-pages .finance-data-table .finance-cell-content { overflow-wrap: anywhere; }
.friend-page-host .finance-stable-list-shell .finance-data-table { min-width: 900px; }
.friend-page-host .finance-contact-list-shell .finance-data-table th:nth-child(1) { width: 28%; }
.friend-page-host .finance-contact-list-shell .finance-data-table th:nth-child(2) { width: 16%; }
.friend-page-host .finance-contact-list-shell .finance-data-table th:nth-child(3) { width: 16%; }
.friend-page-host .finance-contact-list-shell .finance-data-table th:nth-child(4) { width: 28%; }
.friend-page-host .finance-contact-list-shell .finance-data-table th:nth-child(5) { width: 12%; }
}
.friend-page-host .finance-overview-currency { display: flex; flex-direction: column; }
.friend-page-host .finance-overview-currency .finance-overview-donut-layout { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; align-content: center; }
.friend-page-host .finance-operation-progress { position: fixed; z-index: 1190; left: 50%; bottom: max(18px,env(safe-area-inset-bottom)); transform: translateX(-50%); width: min(430px, -30px + 100vw); padding-top: 15px; padding-right: 18px; padding-bottom: 17px; padding-left: 18px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(201, 224, 157, 0.38); border-right-color: rgba(201, 224, 157, 0.38); border-bottom-color: rgba(201, 224, 157, 0.38); border-left-color: rgba(201, 224, 157, 0.38); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(13, 75, 61); color: rgb(255, 255, 255); box-shadow: rgba(7, 37, 28, 0.25) 0px 18px 46px; }
.friend-page-host .finance-operation-progress strong, .friend-page-host .finance-operation-progress small { display: block; }
.friend-page-host .finance-operation-progress strong { font-size: 14px; line-height: 1.35; }
.friend-page-host .finance-operation-progress small { margin-top: 4px; color: rgba(255, 255, 255, 0.8); font-size: 12px; line-height: 1.45; }
.friend-page-host .finance-operation-track { position: relative; height: 5px; margin-top: 13px; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.18); }
.friend-page-host .finance-operation-track i { position: absolute; top: 0px; right: auto; bottom: 0px; left: 0px; width: 38%; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(213, 239, 65); animation-duration: 1.25s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--finance-operation-sweep; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
@keyframes friend-page--finance-operation-sweep {
0% { transform: translateX(-105%); }
100% { transform: translateX(265%); }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .finance-operation-track i { animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; left: 31%; width: 38%; }
}
.friend-page-host .unified-home-dashboard, .friend-page-host .finance-pages.is-embedded-overview { min-width: 0px; }
.friend-page-host .finance-pages.is-embedded-overview > .finance-overview-embedded-header > header { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; row-gap: 18px; column-gap: 18px; min-height: 94px; padding-top: 17px; padding-right: 20px; padding-bottom: 17px; padding-left: 20px; }
.friend-page-host .finance-overview-embedded-copy { min-width: 0px; display: grid; }
.friend-page-host .finance-overview-embedded-copy > small { max-width: 720px; margin-top: 5px; color: var(--finance-muted); line-height: 1.5; font-size: 12px !important; }
.friend-page-host .finance-overview-embedded-status { display: inline-flex; align-items: center; row-gap: 7px; column-gap: 7px; width: max-content; max-width: 100%; margin-top: 8px; color: var(--finance-muted); font-size: 11px; font-weight: 750; }
.friend-page-host .finance-overview-embedded-status > i { flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 7px; height: 7px; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(126, 170, 31); box-shadow: rgba(126, 170, 31, 0.12) 0px 0px 0px 4px; }
.friend-page-host .finance-pages.is-embedded-overview > .finance-overview-embedded-header .finance-command-actions { justify-content: flex-end; }
html[data-theme="dark"] .friend-page-host .finance-overview-embedded-status { color: rgb(184, 201, 191); }
@media (max-width: 760px) {
.friend-page-host .finance-pages.is-embedded-overview > .finance-overview-embedded-header > header { grid-template-columns: minmax(0px, 1fr); row-gap: 13px; column-gap: 13px; padding-top: 15px; padding-right: 14px; padding-bottom: 15px; padding-left: 14px; }
.friend-page-host .finance-pages.is-embedded-overview > .finance-overview-embedded-header .finance-command-actions { justify-content: stretch; width: 100%; display: grid !important; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }
.friend-page-host .finance-pages.is-embedded-overview > .finance-overview-embedded-header .finance-command-actions > :is(button, a) { box-sizing: border-box; white-space-collapse: collapse; text-wrap-mode: wrap; text-align: center; justify-content: center; width: 100% !important; min-width: 0px !important; min-height: 44px !important; padding-top: 7px !important; padding-right: 6px !important; padding-bottom: 7px !important; padding-left: 6px !important; }
}
@media (max-width: 760px) {
.friend-page-host .finance-pages .finance-command-center .finance-command-actions[data-item-count], .friend-page-host .finance-pages.is-embedded-overview > .finance-overview-embedded-header .finance-command-actions[data-item-count] { display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0px, 1fr) !important; grid-template-columns: none !important; align-items: stretch !important; row-gap: 5px !important; column-gap: 5px !important; width: 100% !important; min-width: 0px !important; }
.friend-page-host .finance-pages .finance-command-center .finance-command-actions[data-item-count] > :is(button, a), .friend-page-host .finance-pages.is-embedded-overview > .finance-overview-embedded-header .finance-command-actions[data-item-count] > :is(button, a) { overflow-wrap: anywhere; grid-column-start: auto !important; grid-column-end: auto !important; width: 100% !important; min-width: 0px !important; max-width: none !important; min-height: 44px !important; height: auto !important; max-height: none !important; padding-top: 6px !important; padding-right: 3px !important; padding-bottom: 6px !important; padding-left: 3px !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; font-size: clamp(9px, 2.8vw, 11px) !important; line-height: 1.12 !important; }
.friend-page-host .finance-pages .finance-row-actions { width: 100% !important; min-width: 0px !important; display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(0px, 1fr) !important; grid-template-columns: none !important; align-items: stretch !important; row-gap: 5px !important; column-gap: 5px !important; }
.friend-page-host .finance-pages .finance-row-actions > :is(button, a) { overflow-wrap: anywhere; grid-column-start: auto !important; grid-column-end: auto !important; width: 100% !important; min-width: 0px !important; max-width: none !important; min-height: 44px !important; height: auto !important; padding-top: 6px !important; padding-right: 3px !important; padding-bottom: 6px !important; padding-left: 3px !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; font-size: clamp(9px, 2.6vw, 11px) !important; line-height: 1.12 !important; }
}
@media (max-width: 340px) {
.friend-page-host .finance-pages .finance-command-center .finance-command-actions[data-item-count], .friend-page-host .finance-pages.is-embedded-overview > .finance-overview-embedded-header .finance-command-actions[data-item-count] { row-gap: 4px !important; column-gap: 4px !important; }
.friend-page-host .finance-pages .finance-command-center .finance-command-actions[data-item-count] > :is(button, a), .friend-page-host .finance-pages.is-embedded-overview > .finance-overview-embedded-header .finance-command-actions[data-item-count] > :is(button, a) { padding-inline-start: 2px !important; padding-inline-end: 2px !important; font-size: 9px !important; }
}
.friend-page-host .finance-contact-story { overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: 4px; border-left-style: solid; border-left-color: rgb(92, 141, 0); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.043) 0px 10px 28px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-contact-story > header { padding-top: 12px; padding-right: 18px; padding-bottom: 11px; padding-left: 18px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-story > header p { margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; color: rgb(85, 127, 8); font-size: 10px; font-weight: 900; letter-spacing: 0.12em; }
.friend-page-host .finance-contact-story > header h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 19px; line-height: 1.2; }
.friend-page-host .finance-contact-story > header span { display: block; margin-top: 6px; color: var(--finance-muted); font-size: 12px; }
.friend-page-host .finance-contact-story-groups { display: grid; row-gap: 0px; column-gap: 0px; }
.friend-page-host .finance-contact-story-group { position: relative; }
.friend-page-host .finance-contact-story-group + .finance-contact-story-group { border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-contact-story-group > h3 { position: absolute; top: 7px; left: 18px; z-index: 1; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(79, 119, 16); font-size: 11px; font-weight: 850; }
.friend-page-host .finance-contact-story-steps { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.friend-page-host .finance-contact-story-step { min-width: 0px; padding-top: 9px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; display: grid; align-content: start; row-gap: 3px; column-gap: 3px; }
.friend-page-host .finance-contact-story-group.has-currency-label .finance-contact-story-step:nth-child(-n+2) { padding-top: 28px; padding-bottom: 9px; }
.friend-page-host .finance-contact-story-step + .finance-contact-story-step { border-left-width: ; border-left-style: ; border-left-color: ; }
.friend-page-host .finance-contact-story-step > span { color: var(--finance-muted); font-size: 11px; font-weight: 750; }
.friend-page-host .finance-contact-story-step > strong { overflow-wrap: anywhere; color: var(--finance-ink); font-size: clamp(19px, 1.7vw, 25px); line-height: 1.2; }
.friend-page-host .finance-contact-story-step.is-remaining { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(245, 250, 234); }
.friend-page-host .finance-contact-story-step.is-remaining > strong { color: rgb(71, 119, 0); }
.friend-page-host .finance-contact-story-group.is-debt .finance-contact-story-step.is-remaining { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 245, 243); }
.friend-page-host .finance-contact-story-group.is-debt .finance-contact-story-step.is-remaining > strong { color: rgb(162, 60, 51); }
.friend-page-host .finance-contact-story-step.has-conversion { grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 12px; }
.friend-page-host .finance-contact-story-step.has-conversion > span { grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .finance-contact-story-step.has-conversion > strong { grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; font-size: clamp(14px, 1.35vw, 22px); }
.friend-page-host .finance-contact-story-conversion { min-width: 0px; grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: span 2; padding-left: 12px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(220, 232, 201); display: grid; align-content: start; row-gap: 3px; column-gap: 3px; }
.friend-page-host .finance-contact-story-conversion > span { color: var(--finance-muted); font-size: 11px; font-weight: 750; }
.friend-page-host .finance-contact-story-conversion > strong { overflow-wrap: anywhere; color: rgb(65, 111, 0); font-size: clamp(14px, 1.35vw, 22px); line-height: 1.2; }
.friend-page-host .finance-contact-story-empty { padding-top: 21px; padding-right: 21px; padding-bottom: 21px; padding-left: 21px; display: grid; row-gap: 4px; column-gap: 4px; }
.friend-page-host .finance-contact-story-empty strong { color: var(--finance-ink); font-size: 20px; }
.friend-page-host .finance-contact-story-empty span { color: var(--finance-muted); font-size: 12px; }
.friend-page-host .finance-contact-todo-summary { min-width: 0px; padding-top: 13px; padding-right: 18px; padding-bottom: 13px; padding-left: 18px; display: flex; align-items: center; justify-content: space-between; row-gap: 14px; column-gap: 14px; border-top-width: 1px; border-top-style: dashed; border-top-color: rgb(159, 184, 198); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 248, 251); }
.friend-page-host .finance-contact-todo-summary > span { color: rgb(60, 109, 134); font-size: 11px; font-weight: 900; letter-spacing: 0.04em; text-transform: uppercase; }
.friend-page-host .finance-contact-todo-summary > div { min-width: 0px; display: flex; justify-content: flex-end; flex-wrap: wrap; row-gap: 5px; column-gap: 12px; }
.friend-page-host .finance-contact-todo-summary strong { color: rgb(49, 95, 119); font-size: 14px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-contact-list-balances { display: grid; row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-metric.is-todo strong { color: rgb(63, 112, 137); }
.friend-page-host .finance-transaction-identity { width: 100%; max-width: 100%; min-width: 0px; overflow-x: hidden; overflow-y: hidden; display: grid; justify-items: stretch; row-gap: 7px; column-gap: 7px; }
.friend-page-host .finance-transaction-list td, .friend-page-host .finance-transaction-list .finance-cell-content { min-width: 0px; max-width: 100%; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .finance-transaction-list .finance-transaction-identity > .finance-identity { width: 100%; max-width: 100%; min-width: 0px; }
.friend-page-host .finance-transaction-list .finance-identity > div { min-width: 0px; max-width: 100%; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .finance-transaction-list .finance-identity small { display: -webkit-box; max-width: 100%; overflow-x: hidden; overflow-y: hidden; overflow-wrap: anywhere; word-break: break-word; white-space-collapse: collapse; text-wrap-mode: wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.friend-page-host .finance-todo-badge { display: inline-flex; align-items: center; min-height: 24px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(227, 240, 246); color: rgb(53, 106, 131); font-size: 10px; font-weight: 900; line-height: 1.2; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-pages tbody tr.is-todo-row, .friend-page-host .finance-pages tbody tr.is-todo-only { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 252); }
.friend-page-host .finance-pages tbody tr.is-todo-row:hover, .friend-page-host .finance-pages tbody tr.is-todo-only:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 248); }
.friend-page-host .finance-pages tbody tr.is-todo-row > td:first-child, .friend-page-host .finance-pages tbody tr.is-todo-only > td:first-child { box-shadow: rgb(109, 154, 175) 4px 0px 0px inset; }
.friend-page-host .finance-contact-history-list .finance-row-actions { min-width: 0px; row-gap: 5px; column-gap: 5px; }
.friend-page-host .finance-contact-history-list .finance-row-actions .secondary-btn { padding-top: 6px; padding-right: 7px; padding-bottom: 6px; padding-left: 7px; font-size: 10px; }
html[data-theme="dark"] .friend-page-host .finance-contact-story > header { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
html[data-theme="dark"] .friend-page-host .finance-contact-story > header p, html[data-theme="dark"] .friend-page-host .finance-contact-story-group > h3 { color: rgb(180, 219, 105); }
html[data-theme="dark"] .friend-page-host .finance-contact-story-step.is-remaining { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(36, 56, 32); }
html[data-theme="dark"] .friend-page-host .finance-contact-story-step.is-remaining > strong { color: rgb(209, 237, 146); }
html[data-theme="dark"] .friend-page-host .finance-contact-story-group.is-debt .finance-contact-story-step.is-remaining { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(52, 35, 31); }
html[data-theme="dark"] .friend-page-host .finance-contact-story-group.is-debt .finance-contact-story-step.is-remaining > strong { color: rgb(239, 181, 172); }
html[data-theme="dark"] .friend-page-host .finance-contact-story-conversion { border-left-color: rgb(66, 91, 53); }
html[data-theme="dark"] .friend-page-host .finance-contact-story-conversion > strong { color: rgb(209, 237, 146); }
html[data-theme="dark"] .friend-page-host .finance-contact-todo-summary { border-top-color: rgb(73, 105, 122); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 48, 57); }
html[data-theme="dark"] .friend-page-host .finance-contact-todo-summary > span, html[data-theme="dark"] .friend-page-host .finance-contact-todo-summary strong, html[data-theme="dark"] .friend-page-host .finance-metric.is-todo strong { color: rgb(173, 208, 223); }
html[data-theme="dark"] .friend-page-host .finance-todo-badge { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(35, 63, 75); color: rgb(184, 217, 231); }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-todo-row, html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-todo-only { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 49); }
html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-todo-row:hover, html[data-theme="dark"] .friend-page-host .finance-pages tbody tr.is-todo-only:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 51, 59); }
@media (max-width: 760px) {
.friend-page-host .finance-contact-story > header { padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; }
.friend-page-host .finance-contact-story > header h2 { font-size: 18px; }
.friend-page-host .finance-contact-story-group > h3 { left: 12px; }
.friend-page-host .finance-contact-story-steps, .friend-page-host .finance-contact-story-group.is-foreign .finance-contact-story-steps { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-contact-story-step { padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; }
.friend-page-host .finance-contact-story-group.has-currency-label .finance-contact-story-step:nth-child(-n+2) { padding-top: 29px; padding-bottom: 10px; }
.friend-page-host .finance-contact-story-step > strong { font-size: 19px; }
.friend-page-host .finance-contact-story-step.is-remaining { grid-column-start: 1; grid-column-end: -1; border-top-width: ; border-top-style: ; border-top-color: ; border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; }
.friend-page-host .finance-contact-story-step.has-conversion > strong, .friend-page-host .finance-contact-story-conversion > strong { font-size: 19px; }
.friend-page-host .finance-contact-todo-summary { padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; align-items: flex-start; flex-direction: column; row-gap: 7px; column-gap: 7px; }
.friend-page-host .finance-contact-todo-summary > div { justify-content: flex-start; }
.friend-page-host .finance-transaction-list tbody tr.is-todo-row > td:first-child { box-shadow: rgb(109, 154, 175) 4px 0px 0px inset; }
.friend-page-host .finance-transaction-list .finance-todo-badge { white-space-collapse: collapse; text-wrap-mode: wrap; }
}
@media (max-width: 390px) {
.friend-page-host .finance-contact-story-step { padding-top: 10px; padding-right: 11px; padding-bottom: 10px; padding-left: 11px; }
.friend-page-host .finance-contact-story-step > strong, .friend-page-host .finance-contact-story-step.has-conversion > strong, .friend-page-host .finance-contact-story-conversion > strong { font-size: 18px; }
}
.friend-page-host .finance-contact-cycles { overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.043) 0px 10px 28px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-contact-cycles > header { min-height: 76px; padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 18px; display: flex; align-items: center; justify-content: space-between; row-gap: 16px; column-gap: 16px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-cycles > header p, .friend-page-host .finance-contact-cycle > header p { margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; color: rgb(85, 127, 8); font-size: 10px; font-weight: 900; letter-spacing: 0.12em; }
.friend-page-host .finance-contact-cycles > header h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 20px; line-height: 1.2; }
.friend-page-host .finance-contact-cycles > header > span { padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); color: rgb(82, 123, 10); font-size: 11px; font-weight: 900; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-contact-cycle-list { padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; display: grid; row-gap: 14px; column-gap: 14px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-cycle { overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: 4px; border-left-style: solid; border-left-color: rgb(121, 166, 36); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(27, 58, 45, 0.04) 0px 6px 18px; }
.friend-page-host .finance-contact-cycle.is-closed { border-left-color: rgb(141, 155, 148); }
.friend-page-host .finance-contact-cycle.is-debt { border-left-color: rgb(183, 91, 80); }
.friend-page-host .finance-contact-cycle > header { min-height: 72px; padding-top: 13px; padding-right: 16px; padding-bottom: 13px; padding-left: 16px; display: flex; align-items: center; justify-content: space-between; row-gap: 18px; column-gap: 18px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .finance-contact-cycle > header h3 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 18px; line-height: 1.2; }
.friend-page-host .finance-contact-cycle > header span { display: block; margin-top: 4px; color: var(--finance-muted); font-size: 11px; }
.friend-page-host .finance-contact-cycle-balance { min-width: 0px; display: grid; justify-items: end; row-gap: 3px; column-gap: 3px; text-align: right; }
.friend-page-host .finance-contact-cycle > header .finance-contact-cycle-balance > span { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-muted); font-size: 10px; }
.friend-page-host .finance-contact-cycle-balance > strong { color: rgb(77, 120, 0); font-size: 18px; line-height: 1.2; overflow-wrap: anywhere; }
.friend-page-host .finance-contact-cycle.is-debt .finance-contact-cycle-balance > strong { color: rgb(162, 60, 51); }
.friend-page-host .finance-contact-cycle.is-closed .finance-contact-cycle-balance > strong { color: var(--finance-muted); }
.friend-page-host .finance-contact-cycle-totals { padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; display: flex; justify-content: flex-end; border-top-width: ; border-top-style: ; border-top-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); }
.friend-page-host .finance-contact-cycle-totals dl { width: min(100%, 390px); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: grid; row-gap: 7px; column-gap: 7px; }
.friend-page-host .finance-contact-cycle-totals dl > div { display: flex; justify-content: space-between; align-items: baseline; row-gap: 20px; column-gap: 20px; }
.friend-page-host .finance-contact-cycle-totals dt { min-width: 0px; color: var(--finance-muted); font-size: 11px; font-weight: 650; }
.friend-page-host .finance-contact-cycle-totals dd { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 13px; font-weight: 800; text-align: right; overflow-wrap: anywhere; }
.friend-page-host .finance-contact-cycle-totals .is-remaining { padding-top: 7px; border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-contact-cycle-totals .is-remaining dt { color: var(--finance-ink); font-weight: 800; }
.friend-page-host .finance-contact-cycle-totals .is-remaining dd { color: rgb(71, 119, 0); font-size: 16px; }
.friend-page-host .finance-contact-cycle.is-debt .finance-contact-cycle-totals .is-remaining dd { color: rgb(162, 60, 51); }
.friend-page-host .finance-contact-cycle.is-closed .finance-contact-cycle-totals .is-remaining dd { color: var(--finance-muted); }
.friend-page-host .finance-contact-cycle-ledger { min-width: 0px; overflow-x: auto; overscroll-behavior-inline: contain; }
.friend-page-host .finance-contact-cycle-ledger table { width: 100%; min-width: 0px; table-layout: fixed; }
.friend-page-host .finance-contact-cycle-ledger th:first-child { width: 5%; }
.friend-page-host .finance-contact-cycle-ledger th:nth-child(2) { width: 25%; }
.friend-page-host .finance-contact-cycle-ledger th:nth-child(3) { width: 15%; }
.friend-page-host .finance-contact-cycle-ledger th:nth-child(4) { width: 15%; }
.friend-page-host .finance-contact-cycle-ledger th:nth-child(5) { width: 17%; }
.friend-page-host .finance-contact-cycle-ledger th:last-child { width: 23%; }
.friend-page-host .finance-contact-cycle-ledger th { height: 43px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; font-size: 9px; text-transform: uppercase; letter-spacing: 0.06em; }
.friend-page-host .finance-contact-cycle-ledger td { height: 70px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
.friend-page-host .finance-contact-cycle-ledger .finance-identity { min-width: 0px; }
.friend-page-host .finance-contact-cycle-ledger .finance-identity small { max-width: 240px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-contact-cycle-ledger .finance-row-actions { min-width: 0px; row-gap: 5px; column-gap: 5px; flex-wrap: wrap; }
.friend-page-host .finance-contact-cycle-ledger .finance-row-actions .secondary-btn { min-height: 30px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; font-size: 10px; }
.friend-page-host .finance-contact-cycle-empty { padding-top: 28px; padding-right: 18px; padding-bottom: 28px; padding-left: 18px; display: grid; justify-items: center; row-gap: 4px; column-gap: 4px; text-align: center; }
.friend-page-host .finance-contact-cycle-empty strong { color: var(--finance-ink); font-size: 17px; }
.friend-page-host .finance-contact-cycle-empty span { color: var(--finance-muted); font-size: 12px; }
html[data-theme="dark"] .friend-page-host .finance-contact-cycle-list { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
html[data-theme="dark"] .friend-page-host .finance-contact-cycle-totals { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 40, 33); }
html[data-theme="dark"] .friend-page-host .finance-contact-cycle.is-debt .finance-contact-cycle-balance > strong, html[data-theme="dark"] .friend-page-host .finance-contact-cycle.is-debt .finance-contact-cycle-totals .is-remaining dd { color: rgb(239, 181, 172); }
html[data-theme="dark"] .friend-page-host .finance-contact-cycle.is-receivable .finance-contact-cycle-balance > strong, html[data-theme="dark"] .friend-page-host .finance-contact-cycle.is-receivable .finance-contact-cycle-totals .is-remaining dd { color: rgb(209, 237, 146); }
html[data-theme="dark"] .friend-page-host .finance-contact-cycles > header > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(41, 63, 36); color: rgb(199, 225, 132); }
@media (max-width: 900px) {
.friend-page-host .finance-contact-cycle-ledger { overflow-x: visible; overflow-y: visible; }
.friend-page-host .finance-contact-cycle-ledger table, .friend-page-host .finance-contact-cycle-ledger tbody { width: 100%; min-width: 0px; display: block; }
.friend-page-host .finance-contact-cycle-ledger thead { display: none; }
.friend-page-host .finance-contact-cycle-ledger tbody { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: grid; row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-contact-cycle-ledger tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; }
.friend-page-host .finance-contact-cycle-ledger tbody td { height: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; grid-template-columns: minmax(88px, 0.7fr) minmax(0px, 1.3fr); align-items: start; border-top-width: ; border-top-style: ; border-top-color: ; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-contact-cycle-ledger tbody td:nth-child(2n) { border-left-width:  !important; border-left-style:  !important; border-left-color:  !important; }
.friend-page-host .finance-contact-cycle-ledger tbody td:first-child, .friend-page-host .finance-contact-cycle-ledger tbody td:nth-child(2) { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .finance-contact-cycle-ledger tbody td::before { content: attr(data-label); padding-top: 11px; padding-right: 0px; padding-bottom: 11px; padding-left: 13px; color: var(--finance-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: 0.04em; }
.friend-page-host .finance-contact-cycle-ledger tbody td > * { min-width: 0px; margin-top: 10px; margin-right: 12px; margin-bottom: 10px; margin-left: 12px; }
.friend-page-host .finance-contact-cycle-ledger tbody td[data-label="İşlemler"] { grid-column-start: 1; grid-column-end: -1; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
}
@media (max-width: 760px) {
.friend-page-host .finance-contact-cycles { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-contact-cycles > header { min-height: 64px; padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-contact-cycles > header h2 { font-size: 17px; }
.friend-page-host .finance-contact-cycles > header > span { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; font-size: 10px; }
.friend-page-host .finance-contact-cycle-list { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-contact-cycle { border-left-width: 3px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .finance-contact-cycle > header { min-height: 0px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.8fr); align-items: flex-start; row-gap: 8px; column-gap: 10px; }
.friend-page-host .finance-contact-cycle > header h3 { font-size: 15px; }
.friend-page-host .finance-contact-cycle > header span { margin-top: 3px; font-size: 10px; }
.friend-page-host .finance-contact-cycle > header > div { min-width: 0px; }
.friend-page-host .finance-contact-cycle > header p, .friend-page-host .finance-contact-cycle > header span { overflow-wrap: anywhere; }
.friend-page-host .finance-contact-cycle-balance > strong { font-size: 14px; }
.friend-page-host .finance-contact-cycle-totals { padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; }
.friend-page-host .finance-contact-cycle-totals dl { width: min(100%, 340px); row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-contact-cycle-totals dt { font-size: 10px; }
.friend-page-host .finance-contact-cycle-totals dd { font-size: 12px; }
.friend-page-host .finance-contact-cycle-totals .is-remaining dd { font-size: 14px; }
.friend-page-host .finance-contact-cycle-ledger tbody { padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; row-gap: 8px; column-gap: 8px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement { position: relative; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 0px; column-gap: 0px; overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(25, 59, 46, 0.04) 0px 4px 12px; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td { box-sizing: border-box; height: auto; min-width: 0px; min-height: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; overflow-x: visible; overflow-y: visible; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td::before { display: none; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td > * { min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-index { position: absolute; z-index: 1; top: 10px; right: 10px; width: 25px; height: 25px; align-items: center; justify-items: center; display: grid !important; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-index .finance-row-number { width: 25px; height: 25px; min-width: 25px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: grid; align-items: center; justify-items: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(214, 226, 206); border-right-color: rgb(214, 226, 206); border-bottom-color: rgb(214, 226, 206); border-left-color: rgb(214, 226, 206); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 237); color: rgb(77, 114, 8); font-size: 10px; font-weight: 900; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-movement { grid-column-start: 1; grid-column-end: -1; padding-top: 10px; padding-right: 44px; padding-bottom: 9px; padding-left: 11px; border-bottom-width:  !important; border-bottom-style:  !important; border-bottom-color:  !important; }
.friend-page-host .finance-contact-cycle-ledger .is-movement .finance-identity { display: flex; align-items: flex-start; row-gap: 9px; column-gap: 9px; }
.friend-page-host .finance-contact-cycle-ledger .is-movement .finance-identity > span { width: 32px; height: 32px; min-width: 32px; flex-basis: 32px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 9px; }
.friend-page-host .finance-contact-cycle-ledger .is-movement .finance-identity strong { font-size: 13px; line-height: 1.25; }
.friend-page-host .finance-contact-cycle-ledger .is-movement .finance-identity small { display: -webkit-box; max-width: 100%; margin-top: 2px; overflow-x: hidden; overflow-y: hidden; white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; font-size: 10px !important; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td:is(.is-date, .is-amount) { min-height: 64px; padding-top: 8px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px; align-items: center; justify-content: center; text-align: center; display: flex !important; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-amount { border-left-width:  !important; border-left-style:  !important; border-left-color:  !important; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-balance { grid-column-start: 1; grid-column-end: -1; min-height: 48px; padding-top: 8px; padding-right: 11px; padding-bottom: 8px; padding-left: 11px; align-items: center; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 245); display: flex !important; border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; }
.friend-page-host .finance-contact-cycle.is-debt .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-balance { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 248, 246); }
.friend-page-host .finance-contact-cycle-ledger td:is(.is-date, .is-amount, .is-balance) .finance-metric { width: 100%; min-width: 0px; display: grid; justify-items: center; row-gap: 2px; column-gap: 2px; text-align: center; }
.friend-page-host .finance-contact-cycle-ledger td.is-balance .finance-metric { grid-template-columns: minmax(0px, 1fr) auto; align-items: center; justify-items: start; row-gap: 10px; column-gap: 10px; text-align: left; }
.friend-page-host .finance-contact-cycle-ledger td.is-balance .finance-metric strong { justify-self: end; text-align: right; }
.friend-page-host .finance-contact-cycle-ledger td:is(.is-date, .is-amount, .is-balance) .finance-metric small { font-size: 8.5px !important; line-height: 1.15; }
.friend-page-host .finance-contact-cycle-ledger td:is(.is-date, .is-amount, .is-balance) .finance-metric strong { max-width: 100%; font-size: 11.5px; line-height: 1.2; overflow-wrap: anywhere; white-space-collapse: collapse; text-wrap-mode: wrap; }
.friend-page-host .finance-contact-cycle-ledger td:is(.is-date, .is-amount, .is-balance) .finance-metric span { font-size: 8.5px; line-height: 1.15; }
.friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-actions { grid-column-start: 1; grid-column-end: -1; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 252, 250); border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; }
.friend-page-host .finance-pages .finance-contact-cycle-ledger .is-actions .finance-row-actions { width: 100%; min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); row-gap: 6px; column-gap: 6px; display: grid !important; }
.friend-page-host .finance-pages .finance-contact-cycle-ledger .is-actions .finance-row-actions .secondary-btn { box-sizing: border-box; width: 100%; min-width: 0px; min-height: 36px; height: 36px; padding-top: 5px; padding-right: 6px; padding-bottom: 5px; padding-left: 6px; justify-content: center; font-size: 10px; line-height: 1.15; white-space-collapse: collapse; text-wrap-mode: wrap; }
html[data-theme="dark"] .friend-page-host .finance-contact-cycle-ledger tbody { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
html[data-theme="dark"] .friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-index .finance-row-number { border-top-color: rgb(64, 87, 60); border-right-color: rgb(64, 87, 60); border-bottom-color: rgb(64, 87, 60); border-left-color: rgb(64, 87, 60); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 59, 40); color: rgb(203, 233, 149); }
html[data-theme="dark"] .friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-balance { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(29, 44, 35); }
html[data-theme="dark"] .friend-page-host .finance-contact-cycle.is-debt .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-balance { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(52, 35, 31); }
html[data-theme="dark"] .friend-page-host .finance-contact-cycle-ledger tbody tr.finance-contact-cycle-movement > td.is-actions { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 37, 31); }
}
@media (max-width: 760px) {
.friend-page-host .finance-pages tbody tr:has(> td:nth-child(2) .finance-identity) > td:nth-last-child(2):nth-child(2n):has(+ td[data-label="İşlemler"]), .friend-page-host .finance-pages tbody tr:has(> td:nth-child(2) .finance-identity) > td:last-child:nth-child(2n):not([data-label="İşlemler"]) { grid-column-start: 1; grid-column-end: -1; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-pages tbody tr:has(> td:nth-child(2) .finance-identity) > td:nth-last-child(2):nth-child(2n):has(+ td[data-label="İşlemler"]) .finance-contact-list-balances, .friend-page-host .finance-pages tbody tr:has(> td:nth-child(2) .finance-identity) > td:last-child:nth-child(2n):not([data-label="İşlemler"]) .finance-contact-list-balances { justify-items: center; }
.friend-page-host .finance-pages tbody tr:has(> td:nth-child(2) .finance-identity) > td:nth-last-child(2):nth-child(2n):has(+ td[data-label="İşlemler"]) .finance-metric, .friend-page-host .finance-pages tbody tr:has(> td:nth-child(2) .finance-identity) > td:last-child:nth-child(2n):not([data-label="İşlemler"]) .finance-metric { width: 100%; text-align: center; }
.friend-page-host .finance-contact-story-step.is-remaining { justify-items: center; text-align: center; }
.friend-page-host .finance-contact-story-step.is-remaining.has-conversion { justify-items: stretch; }
.friend-page-host .finance-contact-story-step.is-remaining.has-conversion > span, .friend-page-host .finance-contact-story-step.is-remaining.has-conversion > strong, .friend-page-host .finance-contact-story-conversion { text-align: center; }
.friend-page-host .finance-contact-story-conversion { justify-items: center; }
.friend-page-host .finance-pages .finance-summary-grid > .finance-summary-card:last-child:nth-child(2n+1), .friend-page-host .finance-expense-categories > button:last-child:nth-child(2n+1), .friend-page-host .finance-year-list > button:last-child:nth-child(2n+1) { grid-column-start: 1 !important; grid-column-end: -1 !important; }
.friend-page-host .finance-pages .finance-summary-grid > .finance-summary-card:last-child:nth-child(2n+1) { align-items: center; text-align: center; }
.friend-page-host .finance-pages .finance-summary-grid > .finance-summary-card:last-child:nth-child(2n+1) > header { justify-content: center; }
.friend-page-host .finance-expense-categories > button:last-child:nth-child(2n+1), .friend-page-host .finance-year-list > button:last-child:nth-child(2n+1) { justify-items: center; text-align: center; }
.friend-page-host .finance-pages .finance-contact-list-shell tbody tr > td[data-label="Kalan bakiye"], .friend-page-host .finance-pages .finance-contact-list-shell tbody tr > td[data-label="İşlemler"] { min-height: 80px; text-align: center; grid-column-start: auto !important; grid-column-end: auto !important; }
.friend-page-host .finance-pages .finance-contact-list-shell tbody tr > td[data-label="Kalan bakiye"] .finance-contact-list-balances { justify-items: center; }
.friend-page-host .finance-pages .finance-contact-list-shell tbody tr > td[data-label="Kalan bakiye"] .finance-metric { width: 100%; text-align: center; }
.friend-page-host .finance-pages .finance-contact-list-shell tbody tr > td[data-label="İşlemler"] .finance-cell-content { display: flex; align-items: center; justify-content: center; }
}
.friend-page-host .settings-backup { scroll-margin-top: 96px; margin-top: 20px; row-gap: 12px !important; column-gap: 12px !important; }
.friend-page-host .settings-backup > .backup-hero { min-height: 0px !important; padding-top: 22px !important; padding-right: 23px !important; padding-bottom: 22px !important; padding-left: 23px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; border-top-color: rgb(223, 228, 221) !important; border-right-color: rgb(223, 228, 221) !important; border-bottom-color: rgb(223, 228, 221) !important; border-left-color: rgb(223, 228, 221) !important; box-shadow: rgba(25, 51, 40, 0.04) 0px 8px 28px !important; }
.friend-page-host .settings-backup > .backup-hero h2 { font-size: 21px !important; }
.friend-page-host .settings-backup > .backup-hero > .backup-shield { box-shadow: none !important; }
.friend-page-host .settings-backup > .backup-export-grid > .backup-card { min-height: 178px !important; border-top-color: rgb(223, 228, 221) !important; border-right-color: rgb(223, 228, 221) !important; border-bottom-color: rgb(223, 228, 221) !important; border-left-color: rgb(223, 228, 221) !important; box-shadow: rgba(25, 51, 40, 0.04) 0px 8px 28px !important; }
.friend-page-host .settings-backup > .backup-restore { box-shadow: rgba(25, 51, 40, 0.04) 0px 8px 28px !important; }
.friend-page-host .settings-backup > .backup-restore > .panel-head { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; }
.friend-page-host .settings-backup > .backup-notes { box-shadow: rgba(25, 51, 40, 0.04) 0px 8px 28px !important; }
html[data-theme="dark"] .friend-page-host .settings-backup > .backup-hero, html[data-theme="dark"] .friend-page-host .settings-backup > .backup-restore > .panel-head { background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(20, 37, 31) !important; }
@media (max-width: 760px) {
.friend-page-host .settings-backup { scroll-margin-top: 76px; margin-top: 14px; }
.friend-page-host .settings-backup > .backup-hero { row-gap: 12px; column-gap: 12px; padding-top: 17px !important; padding-right: 17px !important; padding-bottom: 17px !important; padding-left: 17px !important; }
.friend-page-host .settings-backup > .backup-hero h2 { font-size: 19px !important; }
.friend-page-host .settings-backup > .backup-export-grid > .backup-card { min-height: 0px !important; }
.friend-page-host .settings-backup > .backup-export-grid > .backup-card > button { grid-column-start: 1 !important; grid-column-end: -1 !important; justify-self: stretch !important; width: 100% !important; }
.friend-page-host .settings-backup > .backup-restore > form { row-gap: 10px !important; column-gap: 10px !important; }
.friend-page-host .settings-backup > .backup-restore form > button { width: 100% !important; justify-self: stretch !important; }
.friend-page-host .settings-backup > .backup-notes { grid-template-columns: minmax(0px, 1fr) !important; }
.friend-page-host .settings-backup > .backup-notes > div { min-height: 0px !important; border-right-width: 0px !important; border-right-style: none !important; border-right-color: currentcolor !important; border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: rgb(223, 228, 221) !important; }
.friend-page-host .settings-backup > .backup-notes > div:last-child { border-bottom-width: 0px !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
html[data-theme="dark"] .friend-page-host .settings-backup > .backup-notes > div { border-bottom-color: rgb(48, 65, 57) !important; }
}
.friend-page-host .finance-converter-grid > label { min-width: 0px; grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .finance-converter-grid > label :is(input, select) { box-sizing: border-box; width: 100%; min-width: 0px; }
@media (max-width: 760px) {
.friend-page-host .finance-pages .finance-summary-grid[data-item-count="3"] > .finance-summary-card:last-child { grid-column-start: 1 !important; grid-column-end: -1 !important; }
}
.friend-page-host .finance-expense-spread-preview { display: grid; row-gap: 4px; column-gap: 4px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(219, 232, 198); border-right-color: rgb(219, 232, 198); border-bottom-color: rgb(219, 232, 198); border-left-color: rgb(219, 232, 198); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 251, 239); color: rgb(49, 84, 44); }
.friend-page-host .finance-expense-spread-preview strong { font-size: 12px; }
.friend-page-host .finance-expense-spread-preview span { font-size: 14px; font-weight: 800; line-height: 1.5; }
.friend-page-host .finance-expense-spread-preview small { font-size: 11px; line-height: 1.4; color: rgb(97, 113, 89); }
html[data-theme="dark"] .friend-page-host .finance-expense-spread-preview { border-top-color: rgb(80, 106, 53); border-right-color: rgb(80, 106, 53); border-bottom-color: rgb(80, 106, 53); border-left-color: rgb(80, 106, 53); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 55, 34); color: rgb(217, 238, 181); }
html[data-theme="dark"] .friend-page-host .finance-expense-spread-preview small { color: rgb(186, 201, 181); }
.friend-page-host .finance-expense-dialog form { row-gap: 15px; column-gap: 15px; }
.friend-page-host .finance-expense-dialog .finance-form-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 12px; column-gap: 14px; }
.friend-page-host .finance-expense-dialog .finance-form-grid > label:not(.finance-choice-field) { min-width: 0px; align-content: start; }
.friend-page-host .finance-expense-dialog .finance-form-grid > label :is(input, select, textarea) { width: 100%; min-width: 0px; }
.friend-page-host .finance-expense-dialog .finance-form-grid .finance-expense-period-field { grid-template-rows: auto 42px auto; align-content: start; row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-expense-dialog .finance-expense-period-field > input { height: 42px; }
.friend-page-host .finance-expense-dialog .finance-expense-period-field > small { min-height: 16px; color: var(--finance-muted); font-size: 11px; line-height: 1.4; font-weight: 550; }
.friend-page-host .finance-expense-dialog .finance-choice-field { min-height: 64px; padding-top: 10px; padding-right: 13px; padding-bottom: 10px; padding-left: 13px; }
.friend-page-host .finance-expense-dialog .finance-expense-spread-preview { margin-top: 0px; }
@media (max-width: 760px) {
.friend-page-host .finance-expense-dialog form { padding-top: 17px; padding-right: 17px; padding-bottom: 17px; padding-left: 17px; row-gap: 13px; column-gap: 13px; }
.friend-page-host .finance-expense-dialog .finance-form-grid { row-gap: 11px; column-gap: 10px; }
.friend-page-host .finance-expense-dialog .finance-choice-field { min-height: 62px; padding-top: 10px; padding-right: 11px; padding-bottom: 10px; padding-left: 11px; }
}
.friend-page-host .finance-dialog-backdrop > .finance-expense-detail { width: min(780px, 100%); }
.friend-page-host .finance-expense-detail > form { row-gap: 0px; column-gap: 0px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; overflow-x: hidden !important; overflow-y: hidden !important; }
.friend-page-host .finance-expense-detail .finance-expense-detail-header { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 19px; padding-right: 22px; padding-bottom: 15px; padding-left: 22px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .finance-expense-detail-header > div { min-width: 0px; }
.friend-page-host .finance-expense-detail-header small, .friend-page-host .finance-expense-detail-section-head small { display: block; color: rgb(93, 134, 26); font-size: 10px; font-weight: 900; letter-spacing: 0.12em; }
.friend-page-host .finance-expense-detail-header h2 { margin-top: 4px; overflow-wrap: anywhere; }
.friend-page-host .finance-expense-detail-scroll { display: grid; row-gap: 16px; column-gap: 16px; min-height: 0px; max-height: calc(100dvh - 230px); padding-top: 18px; padding-right: 22px; padding-bottom: 18px; padding-left: 22px; overflow-y: auto; overscroll-behavior-x: contain; overscroll-behavior-y: contain; }
.friend-page-host .finance-expense-detail-facts { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-expense-detail-facts > div { min-width: 0px; padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 251, 246); }
.friend-page-host .finance-expense-detail-facts small, .friend-page-host .finance-expense-detail-totals small { display: block; margin-bottom: 4px; color: var(--finance-muted); font-size: 11px; }
.friend-page-host .finance-expense-detail-facts strong { display: block; color: var(--finance-ink); font-size: 13px; overflow-wrap: anywhere; }
.friend-page-host .finance-expense-detail-note { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; border-left-width: 3px; border-left-style: solid; border-left-color: rgb(159, 198, 75); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 251, 246); color: var(--finance-ink); font-size: 12px; white-space-collapse: preserve; text-wrap-mode: wrap; }
.friend-page-host .finance-expense-detail-section-head { display: flex; align-items: end; justify-content: space-between; row-gap: 12px; column-gap: 12px; padding-top: 4px; border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-expense-detail-section-head h3 { margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 18px; }
.friend-page-host .finance-expense-detail-section-head > span { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 223); color: rgb(78, 112, 28); font-size: 11px; font-weight: 800; }
.friend-page-host .finance-expense-detail-count { display: grid; grid-template-columns: minmax(0px, 1fr) 104px; align-items: center; row-gap: 4px; column-gap: 12px; padding-top: 11px; padding-right: 13px; padding-bottom: 11px; padding-left: 13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(220, 232, 205); border-right-color: rgb(220, 232, 205); border-bottom-color: rgb(220, 232, 205); border-left-color: rgb(220, 232, 205); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 251, 243); }
.friend-page-host .finance-expense-detail-count > span { color: var(--finance-ink); font-size: 13px; font-weight: 800; }
.friend-page-host .finance-expense-detail-count input { width: 100%; text-align: center; }
.friend-page-host .finance-expense-detail-count small { grid-column-start: 1; grid-column-end: -1; color: var(--finance-muted); font-size: 11px; line-height: 1.45; }
.friend-page-host .finance-expense-detail-static { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-muted); font-size: 12px; line-height: 1.5; }
.friend-page-host .finance-expense-detail-months { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-expense-detail-month { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(105px, 0.9fr) auto; align-items: center; row-gap: 8px; column-gap: 8px; min-width: 0px; padding-top: 9px; padding-right: 10px; padding-bottom: 9px; padding-left: 10px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); }
.friend-page-host .finance-expense-detail-month > span { display: grid; min-width: 0px; row-gap: 1px; column-gap: 1px; }
.friend-page-host .finance-expense-detail-month b { color: rgb(112, 128, 117); font-size: 10px; }
.friend-page-host .finance-expense-detail-month strong { min-width: 0px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; color: var(--finance-ink); font-size: 12px; text-transform: capitalize; }
.friend-page-host .finance-expense-detail-month input { width: 100%; min-width: 0px; height: 38px; min-height: 38px; text-align: right; font-weight: 750; }
.friend-page-host .finance-expense-detail-month > small { color: rgb(80, 102, 90); font-size: 11px; font-weight: 800; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-expense-detail-apply { grid-column-start: 1; grid-column-end: -1; justify-self: end; min-height: 26px; padding-top: 3px; padding-right: 7px; padding-bottom: 3px; padding-left: 7px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 225); color: rgb(69, 106, 33); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; cursor: pointer; }
.friend-page-host .finance-expense-detail-apply:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 236, 201); }
.friend-page-host .finance-expense-detail-apply:disabled { opacity: 0.5; cursor: default; }
.friend-page-host .finance-expense-detail-totals { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-expense-detail-totals > div { padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 247); }
.friend-page-host .finance-expense-detail-totals > div.is-changed { border-top-color: rgb(169, 203, 105); border-right-color: rgb(169, 203, 105); border-bottom-color: rgb(169, 203, 105); border-left-color: rgb(169, 203, 105); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(240, 248, 230); }
.friend-page-host .finance-expense-detail-totals strong { display: block; color: var(--finance-ink); font-size: 18px; overflow-wrap: anywhere; }
.friend-page-host .finance-expense-detail-explanation { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-muted); font-size: 12px; line-height: 1.5; }
.friend-page-host .finance-expense-detail > form > footer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 14px; padding-right: 22px; padding-bottom: 14px; padding-left: 22px; border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-expense-detail > form > footer .primary-btn { min-width: 150px; }
html[data-theme="dark"] .friend-page-host .finance-expense-detail :is(.finance-expense-detail-facts > div, .finance-expense-detail-note, .finance-expense-detail-month, .finance-expense-detail-totals > div) { border-top-color: rgb(53, 83, 69); border-right-color: rgb(53, 83, 69); border-bottom-color: rgb(53, 83, 69); border-left-color: rgb(53, 83, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); }
html[data-theme="dark"] .friend-page-host .finance-expense-detail-count, html[data-theme="dark"] .friend-page-host .finance-expense-detail-totals > div.is-changed { border-top-color: rgb(80, 106, 53); border-right-color: rgb(80, 106, 53); border-bottom-color: rgb(80, 106, 53); border-left-color: rgb(80, 106, 53); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(32, 55, 34); }
html[data-theme="dark"] .friend-page-host .finance-expense-detail-section-head > span { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(44, 68, 37); color: rgb(217, 238, 181); }
@media (max-width: 760px) {
.friend-page-host .finance-expense-detail .finance-expense-detail-header { padding-top: 13px; padding-right: 16px; padding-bottom: 13px; padding-left: 16px; }
.friend-page-host .finance-expense-detail-header h2 { font-size: 19px; }
.friend-page-host .finance-expense-detail-scroll { max-height: calc(100dvh - var(--project-header-height,64px) - 150px); padding-top: 14px; padding-right: 16px; padding-bottom: 14px; padding-left: 16px; row-gap: 13px; column-gap: 13px; }
.friend-page-host .finance-expense-detail-facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-expense-detail-facts > div:last-child:nth-child(2n+1) { grid-column-start: 1; grid-column-end: -1; text-align: center; }
.friend-page-host .finance-expense-detail-months { grid-template-columns: 1fr; }
.friend-page-host .finance-expense-detail > form > footer { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 7px; column-gap: 7px; padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; }
.friend-page-host .finance-expense-detail > form > footer .primary-btn { min-width: 0px; }
.friend-page-host .finance-expense-detail > form > footer > button { min-width: 0px; padding-top: 8px; padding-right: 5px; padding-bottom: 8px; padding-left: 5px; font-size: 11px; }
}
.friend-page-host .finance-expense-page { min-width: 0px; display: grid; row-gap: 16px; column-gap: 16px; }
.friend-page-host .finance-expense-page-note { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 14px; padding-right: 17px; padding-bottom: 14px; padding-left: 17px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: 4px; border-left-style: solid; border-left-color: rgb(131, 170, 51); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--finance-ink); font-size: 12px; line-height: 1.55; white-space-collapse: preserve; text-wrap-mode: wrap; overflow-wrap: anywhere; box-shadow: rgba(26, 62, 48, 0.035) 0px 6px 18px; }
.friend-page-host .finance-expense-page-plan { min-width: 0px; }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-index { flex-grow: 0; flex-shrink: 0; flex-basis: 38px; width: 38px; height: 38px; display: inline-grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 228); color: rgb(86, 128, 0); font-size: 12px; font-weight: 900; font-variant-numeric: tabular-nums; }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-actions, .friend-page-host .finance-expense-page-edit-actions { min-width: 0px; display: flex; align-items: center; flex-wrap: wrap; row-gap: 8px; column-gap: 8px; }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-actions > :is(button, a), .friend-page-host .finance-expense-page-edit-actions > :is(button, a) { min-height: 34px; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; font-size: 11px; white-space-collapse: collapse; text-wrap-mode: wrap; }
html[data-theme="dark"] .friend-page-host .finance-expense-page-plan .finance-expense-page-month-index { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(37, 58, 36); color: rgb(182, 215, 118); }
@media (max-width: 1180px) {
.friend-page-host .finance-expense-page-plan tbody tr > td:last-child[data-label="İşlemler"] { grid-column-start: 1; grid-column-end: -1; min-width: 0px; grid-template-columns: minmax(0px, 1fr); border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-expense-page-plan tbody tr > td:last-child[data-label="İşlemler"]::before { padding-top: 11px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; text-align: center; }
.friend-page-host .finance-expense-page-plan tbody tr > td:last-child[data-label="İşlemler"] .finance-cell-content { min-width: 0px; padding-top: 8px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-actions { width: 100%; justify-content: center; }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-actions > :is(button, a) { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; width: 100%; }
.friend-page-host .finance-expense-page-plan .finance-identity { min-width: 0px; }
}
@media (max-width: 760px) {
.friend-page-host .finance-expense-page { row-gap: 12px; column-gap: 12px; }
.friend-page-host .finance-expense-page-note { padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-actions { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-actions > :is(button, a) { width: 100%; min-width: 0px; min-height: 44px; padding-inline-start: 7px; padding-inline-end: 7px; }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-actions > :only-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .finance-expense-page-edit-actions { width: 100%; }
.friend-page-host .finance-expense-page-edit-actions > :is(button, a) { flex-grow: 1; flex-shrink: 1; flex-basis: auto; min-height: 44px; }
}
@media (max-width: 390px) {
.friend-page-host .finance-expense-page-plan tbody tr { grid-template-columns: minmax(0px, 1fr); }
.friend-page-host .finance-expense-page-plan tbody td { min-width: 0px; grid-column-start: 1; grid-column-end: -1; grid-template-columns: minmax(0px, 1fr); border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-expense-page-plan tbody td::before { padding-top: 10px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; }
.friend-page-host .finance-expense-page-plan tbody .finance-cell-content { min-width: 0px; padding-top: 5px; padding-right: 11px; padding-bottom: 11px; padding-left: 11px; }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-actions { grid-template-columns: minmax(0px, 1fr); }
}
.friend-page-host .finance-pages .finance-sort-button, .friend-page-host .finance-pages .finance-static-label { font-size: 10.5px; letter-spacing: 0.045em; }
.friend-page-host .finance-pages .finance-identity strong { font-size: 14px; line-height: 1.3; }
.friend-page-host .finance-pages .finance-identity small { font-size: 11px !important; line-height: 1.35; }
.friend-page-host .finance-pages .finance-metric small { font-size: 11px !important; line-height: 1.3; }
.friend-page-host .finance-pages .finance-metric strong { font-size: 13px; line-height: 1.35; }
.friend-page-host .finance-pages .finance-metric span { font-size: 11px; line-height: 1.3; }
.friend-page-host .finance-pages .finance-list-meta > small { font-size: 11px !important; }
.friend-page-host .finance-pages .finance-summary-card small { font-size: 11px !important; line-height: 1.35; }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-index { font-size: 13px; }
.friend-page-host .finance-expense-page-plan .finance-expense-page-month-actions > :is(button, a) { font-size: 11.5px; }
@media (max-width: 900px) {
.friend-page-host .finance-pages tbody td::before { font-size: 10.5px; line-height: 1.3; }
}
@media (max-width: 760px) {
.friend-page-host .finance-pages .finance-summary-card small { font-size: 10.5px !important; }
.friend-page-host .finance-pages .finance-identity strong { font-size: 13px; }
.friend-page-host .finance-pages .finance-metric strong { font-size: 12.5px; }
}
.friend-page-host .area-upload-card > .area-upload-actions { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 10px; column-gap: 10px; width: min(100%, 370px); min-width: 0px; }
.friend-page-host .area-upload-actions > .area-camera-button, .friend-page-host .area-upload-actions > .area-analyze-button { box-sizing: border-box !important; width: 100% !important; min-width: 0px !important; max-width: 100% !important; height: auto !important; min-height: 46px !important; justify-self: stretch !important; align-self: stretch !important; padding-top: 8px !important; padding-right: 10px !important; padding-bottom: 8px !important; padding-left: 10px !important; line-height: 1.25 !important; white-space-collapse: collapse !important; text-wrap-mode: wrap !important; text-align: center !important; }
.friend-page-host .finance-dialog-backdrop > .finance-credit-payments-dialog { width: min(620px, 100%); display: flex; flex-direction: column; }
.friend-page-host .finance-credit-payments-dialog > header, .friend-page-host .finance-credit-payments-dialog > footer { padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .finance-credit-payments-dialog > header small { display: block; margin-bottom: 4px; color: rgb(90, 126, 28); font-size: 10px; font-weight: 800; letter-spacing: 0.08em; }
.friend-page-host .finance-credit-payments-list { display: grid; row-gap: 8px; column-gap: 8px; min-height: 0px; overflow-y: auto; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; }
.friend-page-host .finance-credit-payments-list article { display: flex; align-items: center; justify-content: space-between; row-gap: 16px; column-gap: 16px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-credit-payments-list article > div:first-child { display: grid; row-gap: 3px; column-gap: 3px; min-width: 0px; }
.friend-page-host .finance-credit-payments-list article small, .friend-page-host .finance-credit-payments-list article span { color: var(--finance-muted); font-size: 11px; }
.friend-page-host .finance-credit-payments-list article strong { color: var(--finance-ink); font-size: 16px; }
.friend-page-host .finance-credit-payments-actions { display: flex; flex-wrap: wrap; row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-credit-payments-actions button { min-height: 34px; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; font-size: 11px; }
@media (max-width: 600px) {
.friend-page-host .finance-credit-payments-list article { display: grid; }
.friend-page-host .finance-credit-payments-actions { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.friend-page-host .finance-credit-payments-actions button { width: 100%; }
}
html[data-theme="dark"] .friend-page-host .finance-credit-payments-list article { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 48, 37); }
.friend-page-host .finance-list-shell { container-name: finance-list; container-type: inline-size; }
.friend-page-host .finance-credit-plan .finance-data-table { width: 100%; min-width: 0px; table-layout: fixed; }
.friend-page-host .finance-credit-plan .finance-data-table th:first-child { width: 18%; }
.friend-page-host .finance-credit-plan .finance-data-table th:nth-child(n+2):nth-child(-n+6) { width: 13%; }
.friend-page-host .finance-credit-plan .finance-data-table th:last-child { width: 17%; }
.friend-page-host .finance-credit-plan .finance-cell-content { min-width: 0px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; }
.friend-page-host .finance-credit-plan .finance-metric { min-width: 0px; }
.friend-page-host .finance-credit-plan .finance-metric strong { overflow-wrap: anywhere; }
.friend-page-host .finance-credit-plan .finance-row-actions { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); width: 100%; min-width: 0px; row-gap: 6px; column-gap: 6px; align-items: stretch; }
.friend-page-host .finance-credit-plan .finance-row-actions .secondary-btn { width: 100%; min-width: 0px; min-height: 36px; height: auto; padding-top: 6px; padding-right: 4px; padding-bottom: 6px; padding-left: 4px; white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; line-height: 1.2; }
.friend-page-host .finance-pages .finance-data-table .finance-row-actions { min-width: 0px; max-width: 100%; }
.friend-page-host .finance-pages .finance-data-table .finance-row-actions > :is(button, a) { min-width: 0px; max-width: 100%; white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; }
.friend-page-host .finance-credit-paid-cell { min-width: 0px; display: grid; justify-items: start; row-gap: 5px; column-gap: 5px; }
.friend-page-host .finance-credit-plan .finance-credit-paid-cell > .secondary-btn { min-width: 0px; min-height: 24px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; box-shadow: none; color: rgb(70, 117, 0); font-size: 10px; font-weight: 800; text-align: left; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-underline-offset: 2px; }
.friend-page-host .finance-credit-plan .finance-credit-paid-cell > .secondary-btn:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(48, 89, 0); transform: none; }
html[data-theme="dark"] .friend-page-host .finance-credit-plan .finance-credit-paid-cell > .secondary-btn { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: rgb(184, 218, 119); }
@media (max-width: 760px) {
.friend-page-host .finance-credit-plan .finance-identity > span { display: none; }
.friend-page-host .finance-pages .finance-credit-plan .finance-data-table tbody td[data-label="Kalan"] { display: none !important; }
.friend-page-host .finance-credit-plan .finance-credit-paid-cell { width: 100%; justify-items: center; text-align: center; }
.friend-page-host .finance-credit-plan .finance-credit-paid-cell .finance-metric { width: 100%; text-align: center; }
.friend-page-host .finance-credit-plan .finance-credit-paid-cell > .secondary-btn { display: none !important; }
}
@media (min-width: 1181px) {
@container finance-list (max-width: 1180px) {
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7), .friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody { display: block; width: 100%; min-width: 0px !important; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) thead { display: none; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: grid; row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(25, 59, 46, 0.035) 0px 5px 14px; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody td { height: auto; min-width: 0px; display: grid; grid-template-columns: minmax(88px, 0.7fr) minmax(0px, 1.3fr); align-items: start; border-top-width: ; border-top-style: ; border-top-color: ; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody td:nth-child(2n) { border-left-width:  !important; border-left-style:  !important; border-left-color:  !important; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody td::before { content: attr(data-label); padding-top: 11px; padding-right: 0px; padding-bottom: 11px; padding-left: 13px; color: var(--finance-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: 0.04em; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody td:first-child, .friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody td:nth-child(2) { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody td[data-label="İşlemler"] { grid-column-start: 1; grid-column-end: -1; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody .finance-empty { display: block; grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) .finance-identity { min-width: 0px; }
}
}
.friend-page-host .finance-overview-donut { --finance-ring-track: #e7eee3; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
.friend-page-host .finance-animated-ring { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; overflow-x: visible; overflow-y: visible; }
.friend-page-host .finance-animated-ring-slice { stroke-dasharray: var(--ring-length) var(--ring-circumference); transform: rotate(-90deg); transform-origin: 50% 50%; animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; }
@keyframes friend-page--finance-ring-enter {
0% { stroke-dasharray: 0 var(--ring-circumference); }
100% { stroke-dasharray: var(--ring-length) var(--ring-circumference); }
}
.friend-page-host .finance-overview-donut > div { animation-duration: 0.45s; animation-timing-function: ease-out; animation-delay: 0.25s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: friend-page--finance-chart-caption; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
@keyframes friend-page--finance-chart-caption {
0% { opacity: 0; transform: translateY(4px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes friend-page--finance-chart-bar-x {
0% { transform: scaleX(0); }
100% { transform: scaleX(1); }
}
html[data-theme="dark"] .friend-page-host .finance-overview-donut { --finance-ring-track: #283a30; }
@media (prefers-reduced-motion: reduce) {
.friend-page-host .finance-animated-ring-slice, .friend-page-host .finance-debt-wheel-slice, .friend-page-host .finance-overview-donut > div { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
.friend-page-host .finance-expense-month-track { display: block; width: 100%; height: 8px; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(231, 238, 227); }
.friend-page-host .finance-expense-month-track > i { display: block; height: 100%; border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(114, 159, 48); transform-origin: left center; animation-duration: ; animation-timing-function: ; animation-delay: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; }
html[data-theme="dark"] .friend-page-host .finance-expense-month-track { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(49, 69, 58); }
@media (prefers-reduced-motion: reduce) {
.friend-page-host .finance-expense-month-track > i { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
.friend-page-host.chart-motion-enabled:not(.chart-motion-lite) .chart-motion-target:not(.chart-motion-visible):not(.is-loading):not(.insight-loading-skeleton) *, .friend-page-host.chart-motion-enabled:not(.chart-motion-lite) .chart-motion-target:not(.chart-motion-visible):not(.is-loading):not(.insight-loading-skeleton) ::before, .friend-page-host.chart-motion-enabled:not(.chart-motion-lite) .chart-motion-target:not(.chart-motion-visible):not(.is-loading):not(.insight-loading-skeleton) ::after { animation-name: none !important; }
.friend-page-host.chart-motion-lite :is(.finance-overview-donut, .finance-months, .expense-donut, .expense-month-chart, .expense-category-chart), .friend-page-host.chart-motion-lite :is(.finance-overview-donut, .finance-months, .expense-donut, .expense-month-chart, .expense-category-chart) *, .friend-page-host.chart-motion-lite :is(.finance-overview-donut, .finance-months, .expense-donut, .expense-month-chart, .expense-category-chart) ::before, .friend-page-host.chart-motion-lite :is(.finance-overview-donut, .finance-months, .expense-donut, .expense-month-chart, .expense-category-chart) ::after { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; transition-behavior: normal !important; transition-duration: 0s !important; transition-timing-function: ease !important; transition-delay: 0s !important; transition-property: none !important; }
@keyframes friend-page--chart-ios-reveal {
0% { opacity: 0.65; transform: translate3d(0px, 5px, 0px); }
100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@media (prefers-reduced-motion: no-preference) {
.friend-page-host.chart-motion-lite.chart-motion-ios :is(.finance-overview-donut:not(.is-loading), .finance-months:not(.is-loading), .expense-donut, .expense-month-chart, .expense-category-chart) { animation-duration: 0.36s !important; animation-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1) !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: both !important; animation-play-state: running !important; animation-name: friend-page--chart-ios-reveal !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
}
@media (max-width: 760px) {
.friend-page-host .finance-contact-payment-list .finance-table-scroll { overflow-x: visible; overflow-y: visible; }
.friend-page-host .finance-contact-payment-list .finance-data-table, .friend-page-host .finance-contact-payment-list .finance-data-table tbody { display: block; width: 100%; min-width: 0px !important; }
.friend-page-host .finance-contact-payment-list .finance-data-table tbody { padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; row-gap: 0px; column-gap: 0px; }
.friend-page-host .finance-contact-payment-list .finance-data-table tbody tr:not(.finance-empty-row) { position: relative; display: flex; flex-direction: column; align-items: center; row-gap: 4px; column-gap: 4px; padding-top: 17px; padding-right: 58px; padding-bottom: 18px; padding-left: 58px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; box-shadow: none; }
.friend-page-host .finance-contact-payment-list .finance-data-table tbody tr:not(.finance-empty-row) + tr:not(.finance-empty-row) { border-top-width: 1px; border-top-style: dotted; border-top-color: rgb(173, 192, 170); }
.friend-page-host .finance-contact-payment-list .finance-data-table tbody tr:not(.finance-empty-row):is(:hover, :active) { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: none; }
.friend-page-host .finance-contact-payment-list .finance-data-table tbody tr:not(.finance-empty-row) > td { display: block; width: 100%; min-height: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: visible; overflow-y: visible; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; text-align: center; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; }
.friend-page-host .finance-contact-payment-list .finance-data-table tbody tr:not(.finance-empty-row) > td::before { display: none; }
.friend-page-host .finance-contact-payment-list .finance-cell-content { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .finance-contact-payment-list .finance-identity { display: grid; justify-items: center; row-gap: 0px; column-gap: 0px; }
.friend-page-host .finance-contact-payment-list .finance-identity > span { display: none; }
.friend-page-host .finance-contact-payment-list .finance-identity > div { text-align: center; }
.friend-page-host .finance-contact-payment-list .finance-identity strong { font-size: 13px; white-space-collapse: collapse; text-wrap-mode: wrap; }
.friend-page-host .finance-contact-payment-list .finance-identity small { margin-top: 2px; white-space-collapse: collapse; text-wrap-mode: wrap; font-size: 10px !important; }
.friend-page-host .finance-contact-payment-list .finance-metric { min-width: 0px; text-align: center; }
.friend-page-host .finance-contact-payment-list .finance-metric small { display: none; }
.friend-page-host .finance-contact-payment-list .finance-data-table tbody td:nth-child(3) .finance-metric strong { margin-top: 0px; color: var(--finance-muted); font-size: 11px; font-weight: 650; }
.friend-page-host .finance-contact-payment-list .finance-data-table tbody td:nth-child(4) .finance-metric strong { margin-top: 1px; font-size: 15px; }
.friend-page-host .finance-contact-payment-list .finance-data-table tbody tr:not(.finance-empty-row) > td:last-child { position: absolute; top: 0px; right: 8px; bottom: 0px; left: 8px; z-index: 1; display: flex; align-items: center; width: auto; pointer-events: none; }
.friend-page-host .finance-contact-payment-list .finance-data-table tbody td:last-child .finance-cell-content { width: 100%; }
.friend-page-host .finance-pages .finance-contact-payment-list .finance-row-actions { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: flex !important; align-items: center !important; justify-content: space-between !important; row-gap: 0px !important; column-gap: 0px !important; width: 100% !important; }
.friend-page-host .finance-pages .finance-contact-payment-list .finance-row-actions > :is(button, a) { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(215, 229, 205); border-right-color: rgb(215, 229, 205); border-bottom-color: rgb(215, 229, 205); border-left-color: rgb(215, 229, 205); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(246, 250, 239); box-shadow: none; color: rgb(54, 95, 0); font-weight: 800; pointer-events: auto; width: 46px !important; min-width: 44px !important; max-width: 46px !important; min-height: 44px !important; padding-top: 6px !important; padding-right: 3px !important; padding-bottom: 6px !important; padding-left: 3px !important; font-size: 10px !important; line-height: 1.1 !important; }
.friend-page-host .finance-pages .finance-contact-payment-list .finance-row-actions > :is(button, a):last-child { border-top-color: rgb(239, 217, 211); border-right-color: rgb(239, 217, 211); border-bottom-color: rgb(239, 217, 211); border-left-color: rgb(239, 217, 211); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 247, 245); color: rgb(156, 66, 54); }
.friend-page-host .finance-pages .finance-contact-payment-list .finance-row-actions > :is(button, a):hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); border-top-color: rgb(182, 209, 157); border-right-color: rgb(182, 209, 157); border-bottom-color: rgb(182, 209, 157); border-left-color: rgb(182, 209, 157); box-shadow: none; }
.friend-page-host .finance-pages .finance-contact-payment-list .finance-row-actions > :is(button, a):last-child:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 235, 231); border-top-color: rgb(217, 170, 161); border-right-color: rgb(217, 170, 161); border-bottom-color: rgb(217, 170, 161); border-left-color: rgb(217, 170, 161); }
.friend-page-host .finance-pages .finance-contact-payment-list .finance-row-actions > :is(button, a):focus-visible { outline-color: rgb(93, 137, 0); outline-style: solid; outline-width: 2px; outline-offset: 2px; }
}
@media (max-width: 760px) {
html[data-theme="dark"] .friend-page-host .finance-contact-payment-list .finance-data-table tbody tr:not(.finance-empty-row) + tr:not(.finance-empty-row) { border-top-color: rgb(73, 96, 78); }
}
@media (max-width: 760px) {
.friend-page-host .finance-pages .finance-rates-list-shell .finance-rates-status-column { display: none !important; }
}
@media (max-width: 760px) {
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-payment-list .finance-row-actions > :is(button, a) { border-top-color: rgb(76, 101, 69); border-right-color: rgb(76, 101, 69); border-bottom-color: rgb(76, 101, 69); border-left-color: rgb(76, 101, 69); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 61, 46); color: rgb(201, 230, 154); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-payment-list .finance-row-actions > :is(button, a):last-child { border-top-color: rgb(108, 69, 66); border-right-color: rgb(108, 69, 66); border-bottom-color: rgb(108, 69, 66); border-left-color: rgb(108, 69, 66); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(58, 41, 41); color: rgb(240, 181, 173); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-payment-list .finance-row-actions > :is(button, a):hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(49, 77, 50); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-payment-list .finance-row-actions > :is(button, a):last-child:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(75, 48, 48); }
}
.friend-page-host .finance-pages .finance-pagination-actions { justify-content: flex-end; row-gap: 5px; column-gap: 5px; }
.friend-page-host .finance-pages .finance-pagination-actions .finance-page-button, .friend-page-host .finance-pages .finance-pagination-actions .finance-page-direction { box-sizing: border-box; width: 36px; min-width: 36px; height: 36px; display: grid; align-items: center; justify-items: center; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 11px; font-weight: 850; box-shadow: none; min-height: 36px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 36px !important; }
.friend-page-host .finance-pages .finance-pagination-actions .finance-page-button[aria-current="page"] { border-top-color: rgb(184, 209, 142); border-right-color: rgb(184, 209, 142); border-bottom-color: rgb(184, 209, 142); border-left-color: rgb(184, 209, 142); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(234, 243, 220); color: rgb(65, 109, 0); cursor: default; }
.friend-page-host .finance-pages .finance-pagination-actions .finance-page-button:hover:not([aria-current="page"]), .friend-page-host .finance-pages .finance-pagination-actions .finance-page-direction:hover:not(:disabled) { border-top-color: rgb(196, 214, 168); border-right-color: rgb(196, 214, 168); border-bottom-color: rgb(196, 214, 168); border-left-color: rgb(196, 214, 168); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 247, 232); color: rgb(54, 91, 0); }
.friend-page-host .finance-pages .finance-page-gap { width: 20px; display: grid; align-items: center; justify-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: 20px; color: var(--finance-muted); font-size: 12px; font-weight: 850; }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-pagination-actions .finance-page-button[aria-current="page"] { border-top-color: rgb(105, 131, 68); border-right-color: rgb(105, 131, 68); border-bottom-color: rgb(105, 131, 68); border-left-color: rgb(105, 131, 68); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 65, 38); color: rgb(213, 237, 155); }
@media (max-width: 760px) {
.friend-page-host .finance-pages .finance-pagination { align-items: center; justify-content: flex-end; }
.friend-page-host .finance-pages .finance-pagination-actions { width: auto; margin-left: auto; justify-content: flex-end; row-gap: 4px; column-gap: 4px; }
.friend-page-host .finance-pages .finance-pagination-actions .finance-page-button, .friend-page-host .finance-pages .finance-pagination-actions .finance-page-direction { width: 36px; min-width: 36px; height: 36px; min-height: 36px !important; flex-basis: 36px !important; }
.friend-page-host .finance-pages .finance-page-gap { width: 14px; flex-basis: 14px; }
}
.friend-page-host .finance-pages .finance-pagination-alt { border-top-width: ; border-top-style: ; border-top-color: ; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
.friend-page-host .finance-pages .finance-data-table th.finance-row-number-heading { min-width: 54px; background-image: linear-gradient(rgb(243, 247, 239) 0%, rgb(237, 242, 233) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(98, 118, 111); width: 54px !important; }
.friend-page-host .finance-pages .finance-data-table th.finance-row-number-heading .finance-static-label { justify-content: center; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .finance-pages .finance-data-table td.finance-row-number-cell { width: 54px; background-image: linear-gradient(rgb(243, 247, 239) 0%, rgb(237, 242, 233) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; text-align: center; }
.friend-page-host .finance-pages .finance-data-table tbody tr:hover > td.finance-row-number-cell { background-image: linear-gradient(rgb(243, 247, 239) 0%, rgb(237, 242, 233) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.friend-page-host .finance-pages .finance-data-table th.finance-row-number-heading + th { border-left-color: rgb(217, 229, 202); }
.friend-page-host .finance-pages .finance-data-table td.finance-row-number-cell + td { border-left-color: rgb(220, 232, 202); }
.friend-page-host .finance-row-number { display: inline-grid; min-width: 28px; height: 28px; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; align-items: center; justify-items: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(213, 224, 210); border-right-color: rgb(213, 224, 210); border-bottom-color: rgb(213, 224, 210); border-left-color: rgb(213, 224, 210); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 243, 233); color: rgb(82, 100, 91); font-size: 11px; font-weight: 900; font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-data-table th.finance-row-number-heading { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); color: rgb(163, 185, 174); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-data-table td.finance-row-number-cell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-data-table tbody tr:hover > td.finance-row-number-cell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); }
html[data-theme="dark"] .friend-page-host .finance-row-number { border-top-color: rgb(59, 81, 71); border-right-color: rgb(59, 81, 71); border-bottom-color: rgb(59, 81, 71); border-left-color: rgb(59, 81, 71); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); color: rgb(196, 211, 203); }
@media (min-width: 901px) {
.friend-page-host .finance-pages .finance-data-table th:nth-child(2):not(:last-child) { width: 24%; }
.friend-page-host .finance-pages .finance-contact-list-shell .finance-data-table th:nth-child(2) { width: 26%; }
.friend-page-host .finance-pages .finance-contact-list-shell .finance-data-table th:nth-child(3) { width: 14%; }
.friend-page-host .finance-pages .finance-contact-list-shell .finance-data-table th:nth-child(4) { width: 14%; }
.friend-page-host .finance-pages .finance-contact-list-shell .finance-data-table th:nth-child(5) { width: 27%; }
.friend-page-host .finance-pages .finance-contact-list-shell .finance-data-table th:nth-child(6) { width: 13%; }
.friend-page-host .finance-pages .finance-credit-plan .finance-data-table th:nth-child(2) { width: 17%; }
.friend-page-host .finance-pages .finance-credit-plan .finance-data-table th:nth-child(n+3):nth-child(-n+7) { width: 12.8%; }
.friend-page-host .finance-pages .finance-credit-plan .finance-data-table th:last-child { width: 13%; }
}
@media (max-width: 900px) {
.friend-page-host .finance-pages .finance-data-table tbody tr:not(.finance-empty-row) > td.finance-row-number-cell { grid-column-start: 1; grid-column-end: -1; width: auto; min-height: 38px; display: flex; align-items: center; row-gap: 8px; column-gap: 8px; padding-top: 5px; padding-right: 12px; padding-bottom: 5px; padding-left: 12px; background-image: linear-gradient(rgb(243, 247, 239) 0%, rgb(237, 242, 233) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; text-align: left; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-data-table tbody tr:not(.finance-empty-row) > td.finance-row-number-cell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); }
.friend-page-host .finance-pages .finance-data-table tbody td.finance-row-number-cell::before { content: "No"; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: var(--finance-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.friend-page-host .finance-pages .finance-data-table tbody tr:not(.finance-empty-row) > td.finance-row-number-cell + td { border-top-width: ; border-top-style: ; border-top-color: ; }
}
@media (min-width: 761px) and (max-width: 900px) {
.friend-page-host .finance-pages .finance-data-table tbody tr:not(.finance-empty-row) > td:nth-child(2n) { border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-pages .finance-data-table tbody tr:not(.finance-empty-row) > td:nth-child(2n+3) { border-left-width:  !important; border-left-style:  !important; border-left-color:  !important; }
}
@media (min-width: 1181px) {
@container finance-list (max-width: 1180px) {
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody tr:not(.finance-empty-row) > td.finance-row-number-cell { grid-column-start: 1; grid-column-end: -1; width: auto; min-height: 38px; display: flex; align-items: center; row-gap: 8px; column-gap: 8px; padding-top: 5px; padding-right: 12px; padding-bottom: 5px; padding-left: 12px; background-image: linear-gradient(rgb(243, 247, 239) 0%, rgb(237, 242, 233) 100%); background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; text-align: left; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
html[data-theme="dark"] .friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody tr:not(.finance-empty-row) > td.finance-row-number-cell { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(23, 42, 34); }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody td.finance-row-number-cell::before { content: "No"; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: var(--finance-muted); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody tr:not(.finance-empty-row) > td.finance-row-number-cell + td { border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody tr:not(.finance-empty-row) > td:nth-child(2n) { border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-data-table:is(.finance-cols-5, .finance-cols-6, .finance-cols-7) tbody tr:not(.finance-empty-row) > td:nth-child(2n+3) { border-left-width:  !important; border-left-style:  !important; border-left-color:  !important; }
}
}
@media (max-width: 760px) {
.friend-page-host .finance-contact-list-shell .finance-data-table tbody td[data-label="Kalan bakiye"] { grid-column-start: 1; grid-column-end: -1; border-left-width: 0px !important; border-left-style: none !important; border-left-color: currentcolor !important; }
.friend-page-host .finance-contact-list-shell .finance-data-table tbody td[data-label="Kalan bakiye"] .finance-contact-list-balances { justify-items: center; }
.friend-page-host .finance-contact-list-shell .finance-data-table tbody td[data-label="Kalan bakiye"] .finance-metric { width: 100%; text-align: center; }
.friend-page-host .finance-pages .finance-contact-payment-list .finance-data-table tbody tr:not(.finance-empty-row) > td.finance-row-number-cell { position: absolute; top: 13px; left: 12px; z-index: 2; width: auto; min-height: 28px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; text-align: center; }
.friend-page-host .finance-pages .finance-contact-payment-list .finance-data-table tbody td.finance-row-number-cell::before { display: none; }
}
.friend-page-host .finance-contact-summary, .friend-page-host .finance-contact-ledger { min-width: 0px; overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.035) 0px 6px 18px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-contact-summary > header, .friend-page-host .finance-contact-ledger > header { min-height: 61px; padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 18px; display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .finance-contact-summary > header h2, .friend-page-host .finance-contact-ledger > header h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 18px; line-height: 1.3; }
.friend-page-host .finance-contact-summary > header p, .friend-page-host .finance-contact-ledger > header p { margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 0px; color: var(--finance-muted); font-size: 11px; line-height: 1.3; }
.friend-page-host .finance-contact-summary > header > span, .friend-page-host .finance-contact-ledger > header > span { flex-shrink: 0; color: var(--finance-muted); font-size: 11px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-contact-balances { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); row-gap: 12px; column-gap: 12px; list-style-position: initial; list-style-image: initial; list-style-type: none; }
.friend-page-host .finance-contact-balances > li { min-width: 0px; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; row-gap: 12px; column-gap: 12px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-currency { min-width: 0px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; display: grid; row-gap: 3px; column-gap: 3px; }
.friend-page-host .finance-contact-currency > strong { min-height: 28px; display: flex; align-items: center; color: var(--finance-ink); font-size: 15px; line-height: 1.3; }
.friend-page-host .finance-contact-currency > span { color: var(--finance-muted); font-size: 11px; }
.friend-page-host .finance-contact-balance-values { min-width: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; display: grid; row-gap: 10px; column-gap: 10px; text-align: right; }
.friend-page-host .finance-contact-balance-values > div { min-width: 0px; display: grid; row-gap: 3px; column-gap: 3px; }
.friend-page-host .finance-contact-balance-values small { color: var(--finance-muted); line-height: 1.3; font-size: 11px !important; }
.friend-page-host .finance-contact-balance-values strong { order: -1; min-height: 28px; display: flex; align-items: center; justify-content: flex-end; color: var(--finance-ink); font-size: clamp(17px, 1.45vw, 22px); font-variant-numeric: tabular-nums; line-height: 1.25; overflow-wrap: anywhere; }
.friend-page-host .finance-contact-balance-values > .is-debt strong { color: rgb(162, 60, 51); }
.friend-page-host .finance-contact-balance-values > .is-receivable strong { color: rgb(71, 119, 0); }
.friend-page-host .finance-contact-equivalent { color: var(--finance-muted); font-size: 11px; line-height: 1.4; }
.friend-page-host .finance-contact-equivalent small { color: inherit; font-size: inherit !important; }
.friend-page-host .finance-contact-summary > .finance-contact-equivalent { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 18px; padding-bottom: 10px; padding-left: 18px; border-top-width: ; border-top-style: ; border-top-color: ; text-align: right; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-upcoming-payments { min-width: 0px; overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-upcoming-payments > summary { padding-top: 16px; padding-right: 18px; padding-bottom: 16px; padding-left: 18px; display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; cursor: pointer; list-style-position: initial; list-style-image: initial; list-style-type: none; color: var(--finance-ink); }
.friend-page-host .finance-upcoming-payments > summary::-webkit-details-marker { display: none; }
.friend-page-host .finance-upcoming-payments > summary h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 18px; line-height: 1.3; }
.friend-page-host .finance-upcoming-payments > summary > span { display: flex; align-items: center; row-gap: 12px; column-gap: 12px; color: var(--finance-muted); font-size: 11px; }
.friend-page-host .finance-upcoming-payments > summary > span:not(.finance-upcoming-chevron) { margin-left: auto; }
.friend-page-host .finance-upcoming-payments > summary:focus-visible { outline-color: rgb(132, 165, 65); outline-style: solid; outline-width: 2px; outline-offset: -2px; }
.friend-page-host .finance-upcoming-payments[open] > summary { border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .finance-upcoming-payments > summary .finance-upcoming-chevron { display: inline-block; transition-behavior: normal; transition-duration: 0.18s; transition-timing-function: ease; transition-delay: 0s; transition-property: transform; }
.friend-page-host .finance-upcoming-payments[open] > summary .finance-upcoming-chevron { transform: rotate(180deg); }
.friend-page-host .finance-upcoming-payments > .finance-list-shell { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; box-shadow: none; }
.friend-page-host .finance-upcoming-payments > .finance-list-shell > header { display: none; }
.friend-page-host .finance-upcoming-installment-totals { min-width: 0px; padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 18px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; row-gap: 8px; column-gap: 18px; border-top-width: ; border-top-style: ; border-top-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; text-align: right; }
.friend-page-host .finance-upcoming-installment-totals > span { color: var(--finance-muted); font-size: 12px; font-weight: 600; }
.friend-page-host .finance-upcoming-installment-totals > div { display: flex; justify-content: flex-end; flex-wrap: wrap; row-gap: 8px; column-gap: 18px; min-width: 0px; }
.friend-page-host .finance-upcoming-installment-totals strong { color: var(--finance-ink); font-size: 17px; line-height: 1.4; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.friend-page-host .finance-contact-ledger-wrap { min-width: 0px; }
.friend-page-host .finance-contact-ledgers { min-width: 0px; display: grid; row-gap: 18px; column-gap: 18px; }
.friend-page-host .finance-contact-currency-group { min-width: 0px; }
.friend-page-host .finance-contact-currency-group > header { min-width: 0px; padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .finance-contact-currency-group > header :is(h2, h3) { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 16px; line-height: 1.35; }
.friend-page-host .finance-contact-currency-group > header > span { color: var(--finance-muted); font-size: 11px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-contact-summary > header { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-bottom-color: var(--finance-line); }
.friend-page-host .finance-contact-summary > header h2 { color: var(--finance-ink); }
.friend-page-host .finance-contact-ledger.finance-contact-currency-group > header { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-bottom-color: color-mix(in srgb,var(--finance-line) 85%,var(--finance-green) 15%); }
.friend-page-host .finance-contact-ledger.finance-contact-currency-group > header :is(h2, h3) { color: var(--finance-ink); }
.friend-page-host .finance-contact-ledger.finance-contact-currency-group > header > span { color: var(--finance-muted); }
.friend-page-host .finance-pages .finance-contact-ledger-table > thead > tr > th { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--finance-ink); border-bottom-color: color-mix(in srgb,var(--finance-line) 85%,var(--finance-green) 15%); }
.friend-page-host .finance-contact-group-totals { min-width: 0px; padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; display: flex; flex-direction: column; align-items: flex-end; row-gap: 10px; column-gap: 10px; border-top-width: ; border-top-style: ; border-top-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-group-total { width: min(100%, 660px); min-width: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 18px; column-gap: 18px; text-align: right; }
.friend-page-host .finance-contact-group-total > span { min-width: 0px; display: grid; row-gap: 4px; column-gap: 4px; }
.friend-page-host .finance-contact-group-total > span + span { padding-left: 12px; border-left-width: ; border-left-style: ; border-left-color: ; }
.friend-page-host .finance-contact-group-total small { color: var(--finance-muted); line-height: 1.35; font-size: 10px !important; }
.friend-page-host .finance-contact-group-total strong { color: var(--finance-ink); font-size: 13px; line-height: 1.35; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.friend-page-host .finance-contact-group-total.is-debt > span:last-child strong { color: rgb(162, 60, 51); }
.friend-page-host .finance-contact-group-total.is-receivable > span:last-child strong { color: rgb(71, 119, 0); }
.friend-page-host .finance-contact-ledger .finance-pagination .finance-page-gap { width: auto; min-width: 44px; flex-basis: auto; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-pages .finance-contact-ledger-table { width: 100%; min-width: 0px; table-layout: fixed; border-collapse: collapse; font-size: 12px; }
.friend-page-host .finance-pages .finance-contact-ledger-table th { height: 42px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; font-size: 10px; font-weight: 750; text-transform: none; letter-spacing: 0px; white-space-collapse: collapse; text-wrap-mode: wrap; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-ledger-table th:nth-child(1) { width: 12%; }
.friend-page-host .finance-contact-ledger-table th:nth-child(2) { width: 25%; }
.friend-page-host .finance-contact-ledger-table th:nth-child(3), .friend-page-host .finance-contact-ledger-table th:nth-child(4), .friend-page-host .finance-contact-ledger-table th:nth-child(5) { width: 14%; }
.friend-page-host .finance-contact-ledger-table th:nth-child(6) { width: 21%; }
.friend-page-host .finance-pages .finance-contact-ledger-table > thead > tr > th + th, .friend-page-host .finance-pages .finance-contact-ledger-table > tbody > tr.finance-contact-entry > td + td { border-left-width: ; border-left-style: ; border-left-color: ; }
.friend-page-host .finance-pages .finance-contact-ledger-table > thead > tr > th + th { border-left-color: color-mix(in srgb,var(--finance-line) 85%,var(--finance-green) 15%); }
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry > td { height: auto; min-width: 0px; padding-top: 13px; padding-right: 12px; padding-bottom: 13px; padding-left: 12px; vertical-align: middle; overflow-wrap: anywhere; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry { cursor: pointer; }
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry.is-expanded > td { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 235); }
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry:focus-visible { outline-color: rgb(132, 165, 65); outline-style: solid; outline-width: 2px; outline-offset: -2px; }
@media (hover: hover) {
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry:hover > td { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 248, 235); }
}
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry.is-expanded > td { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(40, 59, 37); }
@media (hover: hover) {
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry:hover > td { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(40, 59, 37); }
}
.friend-page-host .finance-contact-entry .is-date { color: var(--finance-muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.friend-page-host .finance-contact-entry .is-description strong { display: block; color: var(--finance-ink); font-size: 13px; line-height: 1.35; }
.friend-page-host .finance-contact-entry .is-description p, .friend-page-host .finance-contact-entry .is-description small { display: block; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-muted); line-height: 1.4; overflow-wrap: anywhere; font-size: 11px !important; }
.friend-page-host .finance-contact-entry :is(.is-principal, .is-paid, .is-remaining) { font-variant-numeric: tabular-nums; }
.friend-page-host .finance-contact-entry :is(.is-principal, .is-paid, .is-remaining) > strong { font-size: 12px; line-height: 1.35; }
.friend-page-host .finance-contact-entry :is(.is-principal, .is-paid, .is-remaining) > small { display: block; margin-top: 3px; color: var(--finance-muted); font-size: 10px !important; }
.friend-page-host .finance-contact-entry .is-remaining.is-debt > strong, .friend-page-host .finance-contact-entry.is-debt .is-remaining > strong { color: rgb(162, 60, 51); }
.friend-page-host .finance-contact-entry .is-remaining.is-receivable > strong, .friend-page-host .finance-contact-entry.is-receivable .is-remaining > strong { color: rgb(71, 119, 0); }
.friend-page-host .finance-contact-entry.is-closed .is-remaining > strong { color: var(--finance-muted); }
.friend-page-host .finance-contact-entry-actions { min-width: 0px; display: flex; align-items: center; flex-wrap: wrap; row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-pages .finance-contact-entry-actions :is(.primary-btn, .secondary-btn) { min-width: 0px; min-height: 34px; padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 11px; white-space-collapse: collapse; text-wrap-mode: wrap; box-shadow: none; }
.friend-page-host .finance-pages .finance-contact-entry-actions .secondary-btn[aria-expanded="true"] { border-top-color: rgb(168, 198, 119); border-right-color: rgb(168, 198, 119); border-bottom-color: rgb(168, 198, 119); border-left-color: rgb(168, 198, 119); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 245, 226); color: rgb(66, 107, 16); }
.friend-page-host .finance-pages .finance-contact-ledger-table tr.finance-contact-entry-details { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-pages .finance-contact-ledger-table tr.finance-contact-entry-details > td { height: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .finance-contact-entry-detail-body { padding-top: 13px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-contact-detail-tools { display: flex; align-items: center; justify-content: flex-end; row-gap: 7px; column-gap: 7px; flex-wrap: wrap; margin-bottom: 10px; }
.friend-page-host .finance-pages .finance-contact-detail-tools .secondary-btn { min-height: 32px; padding-top: 6px; padding-right: 9px; padding-bottom: 6px; padding-left: 9px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 11px; box-shadow: none; }
.friend-page-host .finance-contact-entry-detail-body > p { color: var(--finance-muted); margin-top: 8px !important; margin-right: 0px !important; margin-bottom: 8px !important; margin-left: 0px !important; font-size: 12px !important; }
.friend-page-host .finance-pages .finance-contact-payments { width: 100%; min-width: 0px; table-layout: fixed; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; font-size: 11px; }
.friend-page-host .finance-pages .finance-contact-payments th { height: 34px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; font-size: 10px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-pages .finance-contact-payments td { height: auto; padding-top: 9px; padding-right: 10px; padding-bottom: 9px; padding-left: 10px; overflow-wrap: anywhere; }
.friend-page-host .finance-pages .finance-contact-payments th + th, .friend-page-host .finance-pages .finance-contact-payments td + td { border-left-width: ; border-left-style: ; border-left-color: ; }
.friend-page-host .finance-contact-payments th:first-child { width: 16%; }
.friend-page-host .finance-contact-payments th:nth-child(2) { width: 20%; }
.friend-page-host .finance-contact-payments th:nth-child(3) { width: 40%; }
.friend-page-host .finance-contact-payments th:last-child { width: 24%; }
.friend-page-host .finance-contact-payments .finance-row-actions { min-width: 0px; row-gap: 5px; column-gap: 5px; }
.friend-page-host .finance-pages .finance-contact-payments .secondary-btn { min-height: 30px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 10px; }
.friend-page-host .finance-pages .finance-contact-ledger-table tfoot td { height: auto; padding-top: 13px; padding-right: 12px; padding-bottom: 13px; padding-left: 12px; border-top-width: ; border-top-style: ; border-top-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; font-weight: 750; font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .friend-page-host .finance-contact-balance-values > .is-debt strong, html[data-theme="dark"] .friend-page-host .finance-contact-entry.is-debt .is-remaining > strong, html[data-theme="dark"] .friend-page-host .finance-contact-entry .is-remaining.is-debt > strong { color: rgb(239, 181, 172); }
html[data-theme="dark"] .friend-page-host .finance-contact-balance-values > .is-receivable strong, html[data-theme="dark"] .friend-page-host .finance-contact-entry.is-receivable .is-remaining > strong, html[data-theme="dark"] .friend-page-host .finance-contact-entry .is-remaining.is-receivable > strong { color: rgb(209, 237, 146); }
html[data-theme="dark"] .friend-page-host .finance-contact-group-total.is-debt > span:last-child strong { color: rgb(239, 181, 172); }
html[data-theme="dark"] .friend-page-host .finance-contact-group-total.is-receivable > span:last-child strong { color: rgb(209, 237, 146); }
html[data-theme="dark"] .friend-page-host .finance-pages .finance-contact-entry-actions .secondary-btn[aria-expanded="true"] { border-top-color: rgb(107, 135, 70); border-right-color: rgb(107, 135, 70); border-bottom-color: rgb(107, 135, 70); border-left-color: rgb(107, 135, 70); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 65, 38); color: rgb(213, 237, 155); }
@media (max-width: 900px) {
.friend-page-host .finance-pages .finance-contact-ledger-table, .friend-page-host .finance-pages .finance-contact-ledger-table > tbody { display: block; width: 100%; min-width: 0px; }
.friend-page-host .finance-pages .finance-contact-ledger-table > thead { display: none; }
.friend-page-host .finance-pages .finance-contact-ledger-table > tbody { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; row-gap: 0px; column-gap: 0px; }
.friend-page-host .finance-pages .finance-contact-ledger-table > tbody > tr.finance-contact-entry { position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 9px; column-gap: 12px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: ; border-top-style: ; border-top-color: ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: none; }
.friend-page-host .finance-pages .finance-contact-ledger-table > tbody > tr.finance-contact-entry:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .finance-pages .finance-contact-ledger-table > tbody > tr.finance-contact-entry > td { min-width: 0px; min-height: 0px; height: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; overflow-x: visible; overflow-y: visible; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry > td::before { display: none; }
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry > td.is-date { grid-column-start: 3; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; text-align: right; white-space-collapse: collapse; text-wrap-mode: wrap; }
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry > td.is-description { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry > td:is(.is-principal, .is-paid, .is-remaining) { grid-row-start: 2; grid-row-end: auto; padding-top: 3px; text-align: left; }
.friend-page-host .finance-pages .finance-contact-ledger-table > tbody > tr.finance-contact-entry > td:is(.is-paid, .is-remaining) { padding-left: 10px; border-left-width:  !important; border-left-style:  !important; border-left-color:  !important; }
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry > td:is(.is-principal, .is-paid, .is-remaining)::before { content: attr(data-label); display: block; margin-bottom: 4px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: var(--finance-muted); font-size: 10px; font-weight: 500; text-transform: none; letter-spacing: 0px; line-height: 1.2; }
.friend-page-host .finance-pages .finance-contact-ledger-table .finance-contact-entry > td.is-actions { grid-column-start: 1; grid-column-end: -1; grid-row-start: 3; grid-row-end: auto; padding-top: 3px; }
.friend-page-host .finance-contact-entry-actions { justify-content: flex-end; }
.friend-page-host .finance-pages .finance-contact-ledger-table > tbody > tr.finance-contact-entry-details { display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: none; }
.friend-page-host .finance-pages .finance-contact-ledger-table > tbody > tr.finance-contact-entry-details > td { display: block; min-height: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; overflow-x: visible; overflow-y: visible; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
.friend-page-host .finance-pages .finance-contact-ledger-table > tbody > tr.finance-contact-entry-details > td::before { display: none; }
.friend-page-host .finance-contact-entry-detail-body { padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; }
.friend-page-host .finance-pages .finance-contact-payments, .friend-page-host .finance-pages .finance-contact-payments > tbody { display: block; width: 100%; min-width: 0px; }
.friend-page-host .finance-pages .finance-contact-payments > tbody { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; row-gap: 0px; column-gap: 0px; }
.friend-page-host .finance-pages .finance-contact-payments > tbody > tr { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; display: grid; grid-template-columns: 1fr 1fr; row-gap: 7px; column-gap: 12px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: ; border-top-style: ; border-top-color: ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: none; }
.friend-page-host .finance-pages .finance-contact-payments > tbody > tr:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .finance-pages .finance-contact-payments > tbody > tr > td { height: auto; min-width: 0px; min-height: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: block; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; overflow-x: visible; overflow-y: visible; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
.friend-page-host .finance-pages .finance-contact-payments > tbody > tr > td::before { display: none; }
.friend-page-host .finance-pages .finance-contact-payments > tbody > tr > td:nth-child(2) { text-align: right; }
.friend-page-host .finance-pages .finance-contact-payments > tbody > tr > td:nth-child(3) { grid-column-start: 1; grid-column-end: -1; color: var(--finance-muted); }
.friend-page-host .finance-pages .finance-contact-payments > tbody > tr > td:last-child { grid-column-start: 1; grid-column-end: -1; }
.friend-page-host .finance-pages .finance-contact-payments .finance-row-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-pages .finance-contact-payments .finance-row-actions .secondary-btn { width: auto; flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-height: 34px; }
}
@media (max-width: 600px) {
.friend-page-host .finance-contact-summary > header, .friend-page-host .finance-contact-ledger > header { min-height: 54px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; }
.friend-page-host .finance-contact-summary > header h2, .friend-page-host .finance-contact-ledger > header h2 { font-size: 17px; }
.friend-page-host .finance-contact-balances { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-contact-balances > li { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; row-gap: 12px; column-gap: 12px; }
.friend-page-host .finance-contact-currency > strong { font-size: 13px; }
.friend-page-host .finance-contact-currency > span { font-size: 10px; }
.friend-page-host .finance-contact-balance-values { row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-contact-balance-values strong { font-size: 18px; }
.friend-page-host .finance-contact-balance-values small { font-size: 10px !important; }
.friend-page-host .finance-contact-summary > .finance-contact-equivalent { padding-top: 9px; padding-right: 14px; padding-bottom: 9px; padding-left: 14px; font-size: 10px; }
.friend-page-host .finance-contact-currency-group > header { padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px; }
.friend-page-host .finance-contact-group-totals { padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; }
.friend-page-host .finance-contact-group-total { row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-contact-group-total > span + span { padding-left: 8px; }
.friend-page-host .finance-contact-group-total strong { font-size: 12px; }
.friend-page-host .finance-pages .finance-contact-entry-actions :is(.primary-btn, .secondary-btn) { min-height: 38px; padding-top: 8px; padding-right: 11px; padding-bottom: 8px; padding-left: 11px; }
}
@media (max-width: 380px) {
.friend-page-host .finance-contact-balance-values { row-gap: 10px; column-gap: 10px; }
.friend-page-host .finance-contact-balance-values strong { font-size: 16px; }
.friend-page-host .finance-pages .finance-contact-ledger-table > tbody > tr.finance-contact-entry { padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; row-gap: 9px; column-gap: 8px; }
.friend-page-host .finance-contact-entry .is-description strong { font-size: 12px; }
.friend-page-host .finance-contact-entry :is(.is-principal, .is-paid, .is-remaining) > strong { font-size: 11px; }
.friend-page-host .finance-contact-entry .is-description p, .friend-page-host .finance-contact-entry .is-description small { font-size: 10px !important; }
.friend-page-host .finance-contact-entry-detail-body { padding-top: 11px; padding-right: 12px; padding-bottom: 11px; padding-left: 12px; }
}
.friend-page-host .finance-contact-flat-ledgers { min-width: 0px; display: grid; row-gap: 18px; column-gap: 18px; }
.friend-page-host .finance-contact-flat-currency { min-width: 0px; overflow-x: hidden; overflow-y: hidden; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(26, 62, 48, 0.035) 0px 6px 18px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.friend-page-host .finance-contact-flat-currency > header { min-height: 58px; padding-top: 13px; padding-right: 18px; padding-bottom: 13px; padding-left: 18px; display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-flat-currency > header h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 16px; line-height: 1.35; }
.friend-page-host .finance-contact-flat-currency > header > span { color: var(--finance-muted); font-size: 11px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-contact-flat-direction { min-width: 0px; }
.friend-page-host .finance-contact-flat-direction + .finance-contact-flat-direction { border-top-width: ; border-top-style: ; border-top-color: ; }
.friend-page-host .finance-contact-flat-list { min-width: 0px; scroll-margin-top: 92px; }
.friend-page-host .finance-contact-flat-list > header { min-height: 46px; padding-top: 11px; padding-right: 18px; padding-bottom: 11px; padding-left: 18px; display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-flat-list > header h3 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--finance-ink); font-size: 14px; font-weight: 750; line-height: 1.35; }
.friend-page-host .finance-contact-flat-list > header > span { color: var(--finance-muted); font-size: 11px; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .finance-contact-flat-table-wrap { min-width: 0px; }
.friend-page-host .finance-pages .finance-contact-flat-table { display: table; width: 100%; min-width: 0px; table-layout: fixed; border-collapse: collapse; font-size: 12px; text-align: left; }
.friend-page-host .finance-pages .finance-contact-flat-table > thead { display: table-header-group; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody { display: table-row-group; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .finance-pages .finance-contact-flat-table > thead > tr, .friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr { display: table-row; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: none; }
.friend-page-host .finance-pages .finance-contact-flat-table > thead > tr > th { height: 38px; padding-top: 9px; padding-right: 14px; padding-bottom: 9px; padding-left: 14px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--finance-muted); font-size: 10px; font-weight: 750; letter-spacing: 0px; text-transform: none; white-space-collapse: collapse; text-wrap-mode: wrap; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; }
.friend-page-host .finance-contact-flat-table th:nth-child(1) { width: 12%; }
.friend-page-host .finance-contact-flat-table th:nth-child(2) { width: 44%; }
.friend-page-host .finance-contact-flat-table th:nth-child(3) { width: 17%; }
.friend-page-host .finance-contact-flat-table th:nth-child(4) { width: 27%; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td { box-sizing: border-box; display: table-cell; min-width: 0px; min-height: 0px; height: auto; padding-top: 13px; padding-right: 14px; padding-bottom: 13px; padding-left: 14px; vertical-align: middle; overflow-wrap: anywhere; overflow-x: visible; overflow-y: visible; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; text-align: left; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; border-top-width:  !important; border-top-style:  !important; border-top-color:  !important; }
.friend-page-host .finance-pages .finance-contact-flat-table > thead > tr > th + th, .friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td + td { border-left-width:  !important; border-left-style:  !important; border-left-color:  !important; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td::before { display: none; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-flat-row { scroll-margin-top: 92px; }
.friend-page-host .finance-contact-flat-row .is-date { color: var(--finance-muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.friend-page-host .finance-contact-flat-row .is-description > strong { display: block; color: var(--finance-ink); font-size: 13px; line-height: 1.4; font-weight: 650; }
.friend-page-host .finance-contact-flat-row .is-description > small { display: block; margin-top: 4px; color: var(--finance-muted); line-height: 1.45; font-size: 10px !important; }
.friend-page-host .finance-pages .finance-contact-flat-table th:nth-child(3), .friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-amount { text-align: right; }
.friend-page-host .finance-contact-flat-row .is-amount > strong { color: var(--finance-ink); font-size: 13px; line-height: 1.4; font-variant-numeric: tabular-nums; }
.friend-page-host .finance-contact-flat-actions { min-width: 0px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; row-gap: 6px; column-gap: 6px; }
.friend-page-host .finance-pages .finance-contact-flat-actions :is(.primary-btn, .secondary-btn) { min-width: 0px; min-height: 34px; padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 11px; white-space-collapse: collapse; text-wrap-mode: wrap; box-shadow: none; }
.friend-page-host .finance-contact-flat-total, .friend-page-host .finance-contact-flat-balance { min-width: 0px; padding-top: 12px; padding-right: 18px; padding-bottom: 12px; padding-left: 18px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; row-gap: 8px; column-gap: 18px; border-top-width: ; border-top-style: ; border-top-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; text-align: right; }
.friend-page-host .finance-contact-flat-total > span, .friend-page-host .finance-contact-flat-balance > span { color: var(--finance-muted); font-size: 11px; line-height: 1.4; }
.friend-page-host .finance-contact-flat-total > strong, .friend-page-host .finance-contact-flat-balance > strong { color: var(--finance-ink); font-size: 14px; line-height: 1.4; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.friend-page-host .finance-contact-flat-balance { padding-top: 15px; padding-bottom: 15px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .finance-contact-flat-balance > span { color: var(--finance-ink); font-size: 12px; font-weight: 650; }
.friend-page-host .finance-contact-flat-balance > strong { font-size: 18px; }
.friend-page-host .finance-contact-flat-balance.is-debt > strong { color: rgb(162, 60, 51); }
.friend-page-host .finance-contact-flat-balance.is-receivable > strong { color: rgb(71, 119, 0); }
.friend-page-host .finance-contact-flat-balance > small { flex-basis: 100%; color: var(--finance-muted); line-height: 1.4; font-size: 10px !important; }
.friend-page-host .finance-contact-flat-empty { padding-top: 20px; padding-right: 18px; padding-bottom: 20px; padding-left: 18px; color: var(--finance-muted); line-height: 1.45; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; font-size: 12px !important; }
.friend-page-host .finance-contact-flat-list .finance-pagination .finance-page-gap { width: auto; min-width: 44px; flex-basis: auto; white-space-collapse: collapse; text-wrap-mode: nowrap; }
html[data-theme="dark"] .friend-page-host .finance-contact-flat-balance.is-debt > strong { color: rgb(239, 181, 172); }
html[data-theme="dark"] .friend-page-host .finance-contact-flat-balance.is-receivable > strong { color: rgb(209, 237, 146); }
@media (max-width: 900px) {
.friend-page-host .finance-pages .finance-contact-flat-table, .friend-page-host .finance-pages .finance-contact-flat-table > tbody { display: block; width: 100%; min-width: 0px; }
.friend-page-host .finance-pages .finance-contact-flat-table > thead { display: none; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; row-gap: 0px; column-gap: 0px; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr.finance-contact-flat-row { position: relative; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); row-gap: 12px; column-gap: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 13px; padding-right: 14px; padding-bottom: 13px; padding-left: 14px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-width: ; border-top-style: ; border-top-color: ; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: none; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr.finance-contact-flat-row:first-child { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr.finance-contact-flat-row > td { display: block; min-width: 0px; min-height: 0px; height: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; overflow-x: visible; overflow-y: visible; text-align: left; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-description { grid-column-start: 1; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-date { grid-column-start: 2; grid-column-end: auto; grid-row-start: 1; grid-row-end: auto; text-align: right; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-amount { grid-column-start: 1; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; align-self: center; text-align: left; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-amount::before { content: attr(data-label); display: block; margin-bottom: 4px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: var(--finance-muted); font-size: 10px; line-height: 1.3; text-transform: none; letter-spacing: 0px; text-align: left; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-actions { grid-column-start: 2; grid-column-end: auto; grid-row-start: 2; grid-row-end: auto; align-self: center; }
.friend-page-host .finance-pages .finance-contact-flat-actions :is(.primary-btn, .secondary-btn) { min-height: 38px; padding-top: 8px; padding-right: 11px; padding-bottom: 8px; padding-left: 11px; }
}
@media (max-width: 520px) {
.friend-page-host .finance-contact-flat-ledgers { row-gap: 14px; column-gap: 14px; }
.friend-page-host .finance-contact-flat-currency > header, .friend-page-host .finance-contact-flat-list > header { padding-left: 14px; padding-right: 14px; }
.friend-page-host .finance-contact-flat-currency > header h2 { font-size: 15px; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-description { grid-column-start: 1; grid-column-end: -1; grid-row-start: 2; grid-row-end: auto; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-date { grid-column-start: 1; grid-column-end: -1; grid-row-start: 1; grid-row-end: auto; text-align: left; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-amount { grid-column-start: 1; grid-column-end: -1; grid-row-start: 3; grid-row-end: auto; text-align: right; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-amount::before { display: inline; margin-top: 0px; margin-right: 9px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .finance-pages .finance-contact-flat-table > tbody > tr > td.is-actions { grid-column-start: 1; grid-column-end: -1; grid-row-start: 4; grid-row-end: auto; }
.friend-page-host .finance-contact-flat-total, .friend-page-host .finance-contact-flat-balance { padding-left: 14px; padding-right: 14px; row-gap: 8px; column-gap: 12px; }
.friend-page-host .finance-contact-flat-total > strong { font-size: 13px; }
.friend-page-host .finance-contact-flat-balance > strong { font-size: 17px; }
}

/* public/360/assets/bot.css */
.friend-page-host .bot-page { --bot-ink: #173e35; --bot-muted: #62786e; --bot-paper: #fff; --bot-canvas: #f1f5f2; --bot-line: #d9e4dc; --bot-accent: #608f00; --bot-soft: #f0f6e8; --bot-outgoing: #0e5140; --bot-error: #a24735; display: grid; grid-template-rows: auto minmax(0px, 1fr); row-gap: 14px; column-gap: 14px; height: calc(100dvh - var(--project-header-height,76px) - 80px); min-height: 370px; min-width: 0px; color: var(--bot-ink); font-size: 14px; }
.friend-page-host .bot-page button, .friend-page-host .bot-page textarea { font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; }
.friend-page-host .bot-page-head { display: flex; align-items: center; justify-content: space-between; row-gap: 20px; column-gap: 20px; padding-top: 17px; padding-right: 22px; padding-bottom: 17px; padding-left: 22px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left-width: ; border-left-style: ; border-left-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .bot-page-heading { display: flex; align-items: center; row-gap: 14px; column-gap: 14px; min-width: 0px; }
.friend-page-host .bot-eyebrow { display: none; }
.friend-page-host .bot-page h1 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 27px; font-weight: 700; line-height: 1.2; letter-spacing: -0.4px; }
.friend-page-host .bot-page-description { margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-muted); font-size: 13px; line-height: 1.55; }
.friend-page-host .bot-mark { display: inline-flex; align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: var(--bot-accent); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .bot-page-mark { width: 48px; height: 48px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .bot-page-mark svg { width: 29px; height: 29px; }
.friend-page-host .bot-new-chat { display: inline-flex; align-items: center; justify-content: center; row-gap: 8px; column-gap: 8px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-height: 42px; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: var(--bot-ink); line-height: 1.4; cursor: pointer; font-size: 14px !important; font-weight: 600 !important; }
.friend-page-host .bot-new-chat:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: rgb(184, 206, 155); border-right-color: rgb(184, 206, 155); border-bottom-color: rgb(184, 206, 155); border-left-color: rgb(184, 206, 155); }
.friend-page-host .bot-new-chat:disabled { opacity: 0.5; cursor: default; }
.friend-page-host .bot-chat-panel { display: flex; flex-direction: column; min-width: 0px; height: 100%; min-height: 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(13, 75, 61, 0.035) 0px 5px 24px; }
.friend-page-host .bot-chat-topline { display: none; }
.friend-page-host .bot-chat-topline > span:first-child { display: flex; align-items: center; row-gap: 9px; column-gap: 9px; }
.friend-page-host .bot-chat-topline i { width: 7px; height: 7px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .bot-chat-ready { font-size: 13px; font-weight: 600; color: var(--bot-accent); }
.friend-page-host .bot-voice-bar { display: flex; align-items: center; justify-content: space-between; flex-grow: 0; flex-shrink: 0; flex-basis: auto; row-gap: 16px; column-gap: 16px; padding-top: 12px; padding-right: 22px; padding-bottom: 12px; padding-left: 22px; border-bottom-width: ; border-bottom-style: ; border-bottom-color: ; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(248, 250, 245); }
.friend-page-host .bot-voice-information { display: flex; align-items: center; row-gap: 11px; column-gap: 11px; min-width: 0px; }
.friend-page-host .bot-voice-information > div { display: grid; row-gap: 2px; column-gap: 2px; min-width: 0px; }
.friend-page-host .bot-voice-information strong { font-size: 14px; font-weight: 650; line-height: 1.45; }
.friend-page-host .bot-voice-information > div > span { color: var(--bot-muted); font-size: 13px; line-height: 1.4; }
.friend-page-host .bot-voice-indicator { display: inline-flex; align-items: center; justify-content: center; row-gap: 3px; column-gap: 3px; width: 36px; height: 36px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 225); }
.friend-page-host .bot-voice-indicator i { display: block; width: 3px; height: 9px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(115, 150, 70); }
.friend-page-host .bot-voice-indicator i:nth-child(2), .friend-page-host .bot-voice-indicator i:nth-child(3) { height: 16px; }
.friend-page-host .bot-voice-bar--listening .bot-voice-indicator i, .friend-page-host .bot-voice-bar--speaking .bot-voice-indicator i { animation-duration: 0.7s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--bot-voice-wave; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .bot-voice-bar--listening .bot-voice-indicator i:nth-child(2), .friend-page-host .bot-voice-bar--speaking .bot-voice-indicator i:nth-child(2) { animation-delay: 0.18s; }
.friend-page-host .bot-voice-bar--listening .bot-voice-indicator i:nth-child(3), .friend-page-host .bot-voice-bar--speaking .bot-voice-indicator i:nth-child(3) { animation-delay: 0.33s; }
.friend-page-host .bot-voice-bar--listening .bot-voice-indicator i:nth-child(4), .friend-page-host .bot-voice-bar--speaking .bot-voice-indicator i:nth-child(4) { animation-delay: 0.1s; }
.friend-page-host .bot-voice-controls { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; row-gap: 8px; column-gap: 8px; }
.friend-page-host .bot-voice-controls button { display: inline-flex; align-items: center; justify-content: center; row-gap: 7px; column-gap: 7px; min-height: 40px; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 218, 189); border-right-color: rgb(203, 218, 189); border-bottom-color: rgb(203, 218, 189); border-left-color: rgb(203, 218, 189); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(80, 117, 33); line-height: 1.4; cursor: pointer; font-size: 13px !important; font-weight: 600 !important; }
.friend-page-host .bot-voice-controls button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 225); border-top-color: rgb(167, 197, 130); border-right-color: rgb(167, 197, 130); border-bottom-color: rgb(167, 197, 130); border-left-color: rgb(167, 197, 130); }
.friend-page-host .bot-voice-controls .bot-voice-toggle { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 225); }
.friend-page-host .bot-voice-controls .bot-voice-toggle.is-active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 243, 238); color: rgb(164, 76, 52); border-top-color: rgb(231, 190, 172); border-right-color: rgb(231, 190, 172); border-bottom-color: rgb(231, 190, 172); border-left-color: rgb(231, 190, 172); }
.friend-page-host .bot-voice-controls button:disabled { opacity: 0.5; cursor: default; }
.friend-page-host .bot-control-icon { display: inline-flex; align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 18px; height: 18px; line-height: 1; }
.friend-page-host .bot-control-icon svg { display: block; width: 18px; height: 18px; }
.friend-page-host .bot-voice-error { flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 22px; padding-bottom: 10px; padding-left: 22px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(237, 208, 194); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 246, 239); color: var(--bot-error); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.friend-page-host .bot-messages { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; min-height: 0px; row-gap: 22px; column-gap: 22px; padding-top: 24px; padding-right: clamp(16px, 2.4vw, 32px); padding-bottom: 24px; padding-left: clamp(16px, 2.4vw, 32px); overflow-y: auto; overscroll-behavior-x: contain; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: rgb(194, 210, 199) transparent; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .bot-message { display: flex; align-items: flex-start; row-gap: 12px; column-gap: 12px; min-width: 0px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .bot-message-avatar { width: 37px; height: 37px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin-top: 28px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(217, 229, 204); border-right-color: rgb(217, 229, 204); border-bottom-color: rgb(217, 229, 204); border-left-color: rgb(217, 229, 204); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 228); }
.friend-page-host .bot-message-avatar svg { width: 23px; height: 23px; }
.friend-page-host .bot-user-avatar { display: grid; align-items: center; justify-items: center; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(220, 234, 226); border-top-color: rgb(204, 222, 210); border-right-color: rgb(204, 222, 210); border-bottom-color: rgb(204, 222, 210); border-left-color: rgb(204, 222, 210); color: rgb(29, 85, 65); font-size: 15px; font-weight: 650; }
.friend-page-host .bot-message-body { width: calc(100% - 49px); max-width: 900px; min-width: 0px; }
.friend-page-host .bot-message-meta { display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; margin-top: 0px; margin-right: 2px; margin-bottom: 7px; margin-left: 2px; min-width: 0px; }
.friend-page-host .bot-message-meta > time { color: var(--bot-muted); font-size: 13px; line-height: 1.4; white-space-collapse: collapse; text-wrap-mode: nowrap; font-variant-numeric: tabular-nums; }
.friend-page-host .bot-message-author { margin-top: 0px; margin-right: 0px; margin-bottom: 7px; margin-left: 2px; color: var(--bot-ink); font-size: 13px; font-weight: 650; line-height: 1.4; }
.friend-page-host .bot-message-meta .bot-message-author { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .bot-bubble { min-width: 0px; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: rgba(24, 58, 43, 0.024) 0px 2px 5px; }
.friend-page-host .bot-message-text { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-ink); line-height: 1.75; white-space-collapse: preserve; text-wrap-mode: wrap; overflow-wrap: anywhere; font-size: 15px !important; }
.friend-page-host .bot-message--user { flex-direction: row-reverse; align-self: flex-end; width: auto; max-width: min(84%, 890px); }
.friend-page-host .bot-message--user .bot-message-body { width: auto; max-width: none; }
.friend-page-host .bot-message--user .bot-message-meta { justify-content: flex-end; }
.friend-page-host .bot-message--user .bot-message-author { text-align: right; margin-right: 2px; }
.friend-page-host .bot-message--user .bot-message-meta .bot-message-author { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .bot-message--user .bot-bubble { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: ; border-right-color: ; border-bottom-color: ; border-left-color: ; box-shadow: none; }
.friend-page-host .bot-message--user .bot-message-text { color: rgb(255, 255, 255); }
.friend-page-host .bot-welcome h2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-ink); font-size: 22px; font-weight: 650; line-height: 1.4; letter-spacing: -0.2px; }
.friend-page-host .bot-message--welcome .bot-message-avatar { margin-top: 7px; }
.friend-page-host .bot-welcome-note { margin-top: 7px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-muted); font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.friend-page-host .bot-examples { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); row-gap: 10px; column-gap: 10px; margin-top: 20px; }
.friend-page-host .bot-examples button { display: flex; align-items: center; row-gap: 10px; column-gap: 10px; min-width: 0px; min-height: 78px; padding-top: 13px; padding-right: 12px; padding-bottom: 13px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(215, 227, 206); border-right-color: rgb(215, 227, 206); border-bottom-color: rgb(215, 227, 206); border-left-color: rgb(215, 227, 206); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(247, 250, 242); color: rgb(53, 94, 49); line-height: 1.5; text-align: left; cursor: pointer; transition-behavior: normal, normal; transition-duration: 0.15s, 0.15s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: background, border-color; font-size: 14px !important; font-weight: 500 !important; }
.friend-page-host .bot-examples button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 244, 224); border-top-color: rgb(182, 206, 152); border-right-color: rgb(182, 206, 152); border-bottom-color: rgb(182, 206, 152); border-left-color: rgb(182, 206, 152); }
.friend-page-host .bot-examples button:disabled { opacity: 0.55; cursor: default; }
.friend-page-host .bot-example-icon { display: inline-flex; align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 32px; height: 32px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 240, 218); color: rgb(92, 134, 38); }
.friend-page-host .bot-example-icon svg { display: block; width: 19px; height: 19px; }
.friend-page-host .bot-example-copy { display: grid; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; row-gap: 3px; column-gap: 3px; }
.friend-page-host .bot-example-copy > strong { font-size: 14px; font-weight: 650; line-height: 1.45; }
.friend-page-host .bot-example-copy > span { color: var(--bot-muted); font-size: 13px; line-height: 1.45; }
.friend-page-host .bot-example-arrow { flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: rgb(113, 139, 87); font-size: 17px; line-height: 1; }
.friend-page-host .bot-examples button > span:first-child { min-width: 0px; }
.friend-page-host .bot-examples button > span:last-child { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.friend-page-host .bot-answer-listen { display: inline-flex; align-items: center; row-gap: 7px; column-gap: 7px; margin-top: 15px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(86, 120, 68); line-height: 1.5; cursor: pointer; font-size: 13px !important; font-weight: 550 !important; }
.friend-page-host .bot-answer-listen:hover { color: var(--bot-accent); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-underline-offset: 3px; }
.friend-page-host .bot-answer-listen:disabled { opacity: 0.5; cursor: default; }
.friend-page-host .bot-records-wrap { margin-top: 20px; }
.friend-page-host .bot-records-caption { margin-bottom: 10px; color: var(--bot-muted); font-size: 13px; font-weight: 600; line-height: 1.5; }
.friend-page-host .bot-records { list-style-position: initial; list-style-image: initial; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 12px; column-gap: 12px; }
.friend-page-host .bot-record { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 252, 248); min-width: 0px; overflow-wrap: anywhere; }
.friend-page-host .bot-record-head { display: flex; align-items: center; justify-content: space-between; row-gap: 10px; column-gap: 10px; margin-bottom: 11px; }
.friend-page-host .bot-record-kind { color: var(--bot-muted); font-size: 13px; font-weight: 550; line-height: 1.5; }
.friend-page-host .bot-record-link { display: inline-flex; align-items: center; row-gap: 5px; column-gap: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(85, 127, 30); line-height: 1.5; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; cursor: pointer; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 13px !important; font-weight: 650 !important; }
.friend-page-host .bot-record-link:hover { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-underline-offset: 3px; }
.friend-page-host .bot-record-link:disabled { opacity: 0.5; cursor: default; }
.friend-page-host .bot-record > strong { font-size: 16px; font-weight: 650; line-height: 1.5; color: var(--bot-ink); }
.friend-page-host .bot-record-subtitle { margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-muted); font-size: 13px; line-height: 1.65; }
.friend-page-host .bot-record-details { list-style-position: initial; list-style-image: initial; list-style-type: none; margin-top: 11px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: ; border-top-style: ; border-top-color: ; display: grid; row-gap: 5px; column-gap: 5px; color: var(--bot-ink); font-size: 14px; line-height: 1.6; font-variant-numeric: tabular-nums; }
.friend-page-host .bot-record-details li:first-child { font-weight: 600; }
.friend-page-host .bot-record-details .bot-record-detail--price { color: rgb(82, 124, 27); font-size: 17px; font-weight: 700; line-height: 1.5; }
.friend-page-host .bot-record-error { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-error); font-size: 13px; line-height: 1.6; }
.friend-page-host .bot-records-more { display: block; margin-top: 15px; margin-right: auto; margin-bottom: 0px; margin-left: auto; min-height: 40px; padding-top: 9px; padding-right: 17px; padding-bottom: 9px; padding-left: 17px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 218, 189); border-right-color: rgb(203, 218, 189); border-bottom-color: rgb(203, 218, 189); border-left-color: rgb(203, 218, 189); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(80, 117, 33); line-height: 1.5; cursor: pointer; font-size: 14px !important; font-weight: 600 !important; }
.friend-page-host .bot-records-more:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(231, 240, 217); }
.friend-page-host .bot-parcel-action { display: flex; align-items: center; justify-content: space-between; row-gap: 16px; column-gap: 16px; min-width: 0px; margin-top: 18px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(210, 225, 189); border-right-color: rgb(210, 225, 189); border-bottom-color: rgb(210, 225, 189); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-left-width: ; border-left-style: ; border-left-color: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(242, 247, 233); }
.friend-page-host .bot-parcel-action > div { min-width: 0px; }
.friend-page-host .bot-parcel-action strong { display: block; color: var(--bot-ink); font-size: 15px; font-weight: 650; line-height: 1.5; }
.friend-page-host .bot-parcel-action p { margin-top: 6px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-muted); font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.friend-page-host .bot-parcel-action > div > span { display: block; margin-top: 6px; color: rgb(90, 124, 40); font-size: 13px; line-height: 1.6; }
.friend-page-host .bot-parcel-action button { display: inline-flex; align-items: center; justify-content: center; row-gap: 7px; column-gap: 7px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-height: 40px; padding-top: 10px; padding-right: 13px; padding-bottom: 10px; padding-left: 13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(192, 211, 164); border-right-color: rgb(192, 211, 164); border-bottom-color: rgb(192, 211, 164); border-left-color: rgb(192, 211, 164); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(83, 123, 32); line-height: 1.4; cursor: pointer; font-size: 13px !important; font-weight: 600 !important; }
.friend-page-host .bot-parcel-action button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(232, 241, 219); }
.friend-page-host .bot-parcel-results { min-width: 0px; margin-top: 18px; }
.friend-page-host .bot-parcel-caption { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; color: var(--bot-muted); font-size: 13px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.friend-page-host .bot-parcel-cards { display: grid; row-gap: 12px; column-gap: 12px; min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; list-style-position: initial; list-style-image: initial; list-style-type: none; }
.friend-page-host .bot-parcel-card { min-width: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(250, 252, 248); overflow-wrap: anywhere; }
.friend-page-host .bot-parcel-card > strong { display: block; color: var(--bot-ink); font-size: 16px; font-weight: 650; line-height: 1.5; }
.friend-page-host .bot-parcel-card > p:not(.bot-parcel-warning):not(.bot-parcel-progress) { margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-muted); font-size: 13px; line-height: 1.6; }
.friend-page-host .bot-parcel-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); row-gap: 10px; column-gap: 16px; margin-top: 12px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 12px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: ; border-top-style: ; border-top-color: ; font-variant-numeric: tabular-nums; }
.friend-page-host .bot-parcel-details > div { min-width: 0px; }
.friend-page-host .bot-parcel-details dt { margin-top: 0px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; color: var(--bot-muted); font-size: 12px; font-weight: 500; line-height: 1.5; }
.friend-page-host .bot-parcel-details dd { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-ink); font-size: 14px; font-weight: 600; line-height: 1.55; overflow-wrap: anywhere; }
.friend-page-host .bot-parcel-links { display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: 8px; min-width: 0px; margin-top: 13px; }
.friend-page-host .bot-parcel-links > a { display: inline-flex; align-items: center; justify-content: center; row-gap: 6px; column-gap: 6px; min-width: 0px; max-width: 100%; min-height: 40px; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 218, 189); border-right-color: rgb(203, 218, 189); border-bottom-color: rgb(203, 218, 189); border-left-color: rgb(203, 218, 189); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(80, 117, 33); font-size: 13px; font-weight: 600; line-height: 1.5; text-align: center; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; overflow-wrap: anywhere; }
.friend-page-host .bot-parcel-links > a:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; border-top-color: rgb(167, 197, 130); border-right-color: rgb(167, 197, 130); border-bottom-color: rgb(167, 197, 130); border-left-color: rgb(167, 197, 130); }
.friend-page-host .bot-parcel-warning { margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 9px; padding-right: 11px; padding-bottom: 9px; padding-left: 11px; border-left-width: 3px; border-left-style: solid; border-left-color: rgb(201, 151, 57); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 248, 235); color: rgb(140, 98, 37); font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
.friend-page-host .bot-parcel-progress { display: flex; align-items: flex-start; row-gap: 8px; column-gap: 8px; min-width: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-muted); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.friend-page-host .bot-parcel-progress::before { content: ""; flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: 6px; height: 6px; margin-top: 7px; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; animation-duration: 1.2s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--bot-pulse; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .bot-parcel-choice, .friend-page-host .bot-parcel-retry { display: inline-flex; align-items: center; justify-content: center; row-gap: 6px; column-gap: 6px; min-width: 0px; max-width: 100%; min-height: 40px; margin-top: 10px; margin-right: 8px; margin-bottom: 0px; margin-left: 0px; padding-top: 9px; padding-right: 12px; padding-bottom: 9px; padding-left: 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(203, 218, 189); border-right-color: rgb(203, 218, 189); border-bottom-color: rgb(203, 218, 189); border-left-color: rgb(203, 218, 189); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(80, 117, 33); line-height: 1.5; text-align: center; white-space-collapse: collapse; text-wrap-mode: wrap; overflow-wrap: anywhere; cursor: pointer; font-size: 13px !important; font-weight: 600 !important; }
.friend-page-host .bot-parcel-choice:hover, .friend-page-host .bot-parcel-retry:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(231, 240, 217); border-top-color: rgb(167, 197, 130); border-right-color: rgb(167, 197, 130); border-bottom-color: rgb(167, 197, 130); border-left-color: rgb(167, 197, 130); }
.friend-page-host .bot-parcel-choice:disabled, .friend-page-host .bot-parcel-retry:disabled { opacity: 0.55; cursor: default; }
.friend-page-host .bot-message-error { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; row-gap: 8px; column-gap: 12px; margin-top: 9px; color: var(--bot-error); font-size: 13px; line-height: 1.6; }
.friend-page-host .bot-message-error button { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; color: inherit; line-height: 1.5; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-underline-offset: 3px; cursor: pointer; white-space-collapse: collapse; text-wrap-mode: nowrap; font-size: 13px !important; }
.friend-page-host .bot-message-error button:disabled { opacity: 0.6; cursor: default; }
.friend-page-host .bot-thinking { display: flex; align-items: flex-start; row-gap: 12px; column-gap: 12px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; color: var(--bot-muted); font-size: 14px; line-height: 1.6; }
.friend-page-host .bot-thinking .bot-message-avatar { margin-top: 0px; }
.friend-page-host .bot-thinking > div { width: 240px; max-width: calc(100% - 49px); padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.friend-page-host .bot-thinking-dots { display: inline-flex; align-items: center; row-gap: 4px; column-gap: 4px; margin-left: 10px; vertical-align: middle; }
.friend-page-host .bot-thinking-dots i { display: block; width: 5px; height: 5px; border-top-left-radius: min(5px, 50%); border-top-right-radius: min(5px, 50%); border-bottom-right-radius: min(5px, 50%); border-bottom-left-radius: min(5px, 50%); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; animation-duration: 1.2s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--bot-pulse; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .bot-thinking-dots i:nth-child(2) { animation-delay: 0.15s; }
.friend-page-host .bot-thinking-dots i:nth-child(3) { animation-delay: 0.3s; }
.friend-page-host .bot-thinking-progress { height: 4px; margin-top: 11px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; overflow-x: hidden; overflow-y: hidden; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(223, 234, 211); }
.friend-page-host .bot-thinking-progress > span { display: block; width: 40%; height: 100%; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(143, 185, 74); animation-duration: 1.4s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: friend-page--bot-progress; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
.friend-page-host .bot-composer { flex-grow: 0; flex-shrink: 0; flex-basis: auto; padding-top: 11px; padding-right: 22px; padding-bottom: 9px; padding-left: 22px; border-top-width: ; border-top-style: ; border-top-color: ; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; }
.friend-page-host .bot-composer-label { display: block; margin-bottom: 6px; color: var(--bot-ink); font-size: 14px; font-weight: 650; line-height: 1.4; }
.friend-page-host .bot-composer-box { display: flex; align-items: flex-end; row-gap: 14px; column-gap: 14px; padding-top: 7px; padding-right: 12px; padding-bottom: 7px; padding-left: 15px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(186, 202, 173); border-right-color: rgb(186, 202, 173); border-bottom-color: rgb(186, 202, 173); border-left-color: rgb(186, 202, 173); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(252, 253, 249); transition-behavior: normal, normal; transition-duration: 0.15s, 0.15s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: border-color, box-shadow; }
.friend-page-host .bot-composer-box:focus-within { border-top-color: rgb(129, 169, 74); border-right-color: rgb(129, 169, 74); border-bottom-color: rgb(129, 169, 74); border-left-color: rgb(129, 169, 74); box-shadow: rgba(96, 143, 0, 0.1) 0px 0px 0px 3px; }
.friend-page-host .bot-composer-box textarea { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; width: 100%; height: 48px; min-height: 48px; max-height: 160px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; line-height: 1.6; resize: vertical; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; outline-color: initial !important; outline-style: initial !important; outline-width: 0px !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: transparent !important; box-shadow: none !important; color: var(--bot-ink) !important; font-size: 15px !important; }
.friend-page-host .bot-composer-box textarea::placeholder { color: rgb(113, 131, 115); opacity: 1; }
.friend-page-host .bot-send { display: inline-flex; justify-content: center; align-items: center; row-gap: 10px; column-gap: 10px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; min-width: 106px; min-height: 44px; padding-top: 11px; padding-right: 16px; padding-bottom: 11px; padding-left: 16px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; color: rgb(255, 255, 255); line-height: 1.4; cursor: pointer; font-size: 14px !important; font-weight: 650 !important; }
.friend-page-host .bot-send > span:last-child { font-size: 20px; line-height: 1; }
.friend-page-host .bot-send:hover { filter: brightness(0.94); }
.friend-page-host .bot-send:disabled { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(152, 183, 112); border-top-color: rgb(152, 183, 112); border-right-color: rgb(152, 183, 112); border-bottom-color: rgb(152, 183, 112); border-left-color: rgb(152, 183, 112); opacity: 0.65; cursor: default; filter: none; }
.friend-page-host .bot-stop { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(237, 243, 229); border-top-color: rgb(195, 209, 179); border-right-color: rgb(195, 209, 179); border-bottom-color: rgb(195, 209, 179); border-left-color: rgb(195, 209, 179); color: rgb(83, 120, 38); }
.friend-page-host .bot-stop > span:first-child { font-size: 11px; }
.friend-page-host .bot-stop > span:last-child { font-size: 14px; line-height: 1.4; }
.friend-page-host .bot-composer-footer { display: flex; justify-content: space-between; row-gap: 14px; column-gap: 14px; margin-top: 6px; color: var(--bot-muted); font-size: 13px; line-height: 1.4; }
.friend-page-host .bot-touch-hint { display: none; }
.friend-page-host .bot-composer-footer > span:last-child { flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-variant-numeric: tabular-nums; }
.friend-page-host .bot-composer-error { margin-top: 9px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: var(--bot-error); font-size: 13px; line-height: 1.6; }
.friend-page-host .bot-page button:focus-visible, .friend-page-host .bot-page a:focus-visible { outline-color: ; outline-style: ; outline-width: ; outline-offset: 3px; }
.friend-page-host .bot-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; margin-top: -1px !important; margin-right: -1px !important; margin-bottom: -1px !important; margin-left: -1px !important; overflow-x: hidden !important; overflow-y: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space-collapse: collapse !important; text-wrap-mode: nowrap !important; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; border-top-color: currentcolor !important; border-right-color: currentcolor !important; border-bottom-color: currentcolor !important; border-left-color: currentcolor !important; border-image-source: none !important; border-image-slice: 100% !important; border-image-width: 1 !important; border-image-outset: 0 !important; border-image-repeat: stretch !important; }
@keyframes friend-page--bot-pulse {
0%, 80%, 100% { opacity: 0.3; transform: translateY(0px); }
40% { opacity: 1; transform: translateY(-3px); }
}
@keyframes friend-page--bot-progress {
0% { transform: translateX(-110%); }
100% { transform: translateX(360%); }
}
@keyframes friend-page--bot-voice-wave {
0% { transform: scaleY(0.45); opacity: 0.5; }
100% { transform: scaleY(1.15); opacity: 1; }
}
html[data-theme="dark"] .friend-page-host .bot-page { --bot-ink: #e0eae4; --bot-muted: #a5b9ac; --bot-paper: #182d24; --bot-canvas: #10231b; --bot-line: #354e3d; --bot-accent: #b5d375; --bot-soft: #293e26; --bot-outgoing: #205d47; --bot-error: #efab98; }
html[data-theme="dark"] .friend-page-host .bot-chat-panel { box-shadow: none; }
html[data-theme="dark"] .friend-page-host .bot-voice-bar { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(27, 49, 37); }
html[data-theme="dark"] .friend-page-host .bot-voice-indicator { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(43, 66, 38); }
html[data-theme="dark"] .friend-page-host .bot-voice-indicator i { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(170, 198, 117); }
html[data-theme="dark"] .friend-page-host .bot-voice-controls button, html[data-theme="dark"] .friend-page-host .bot-voice-controls .bot-voice-toggle, html[data-theme="dark"] .friend-page-host .bot-records-more { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(44, 67, 40); border-top-color: rgb(83, 111, 67); border-right-color: rgb(83, 111, 67); border-bottom-color: rgb(83, 111, 67); border-left-color: rgb(83, 111, 67); color: rgb(213, 231, 177); }
html[data-theme="dark"] .friend-page-host .bot-voice-controls button:hover, html[data-theme="dark"] .friend-page-host .bot-new-chat:hover, html[data-theme="dark"] .friend-page-host .bot-records-more:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(53, 79, 46); border-top-color: rgb(121, 147, 82); border-right-color: rgb(121, 147, 82); border-bottom-color: rgb(121, 147, 82); border-left-color: rgb(121, 147, 82); }
html[data-theme="dark"] .friend-page-host .bot-voice-controls .bot-voice-toggle.is-active { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(67, 46, 36); border-top-color: rgb(139, 92, 68); border-right-color: rgb(139, 92, 68); border-bottom-color: rgb(139, 92, 68); border-left-color: rgb(139, 92, 68); color: rgb(243, 197, 173); }
html[data-theme="dark"] .friend-page-host .bot-voice-error { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(56, 40, 32); border-top-color: rgb(107, 78, 61); border-right-color: rgb(107, 78, 61); border-bottom-color: rgb(107, 78, 61); border-left-color: rgb(107, 78, 61); }
html[data-theme="dark"] .friend-page-host .bot-message-avatar { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(42, 64, 39); border-top-color: rgb(64, 91, 52); border-right-color: rgb(64, 91, 52); border-bottom-color: rgb(64, 91, 52); border-left-color: rgb(64, 91, 52); }
html[data-theme="dark"] .friend-page-host .bot-user-avatar { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(46, 76, 60); border-top-color: rgb(70, 102, 83); border-right-color: rgb(70, 102, 83); border-bottom-color: rgb(70, 102, 83); border-left-color: rgb(70, 102, 83); color: rgb(240, 246, 239); }
html[data-theme="dark"] .friend-page-host .bot-messages { scrollbar-color: rgb(73, 99, 78) transparent; }
html[data-theme="dark"] .friend-page-host .bot-examples button, html[data-theme="dark"] .friend-page-host .bot-parcel-action { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(38, 61, 35); border-top-color: rgb(73, 103, 58); border-right-color: rgb(73, 103, 58); border-bottom-color: rgb(73, 103, 58); border-left-color: rgb(73, 103, 58); color: rgb(216, 232, 188); }
html[data-theme="dark"] .friend-page-host .bot-examples button:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(50, 75, 42); border-top-color: rgb(117, 146, 82); border-right-color: rgb(117, 146, 82); border-bottom-color: rgb(117, 146, 82); border-left-color: rgb(117, 146, 82); }
html[data-theme="dark"] .friend-page-host .bot-example-icon { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(58, 83, 45); color: rgb(210, 229, 165); }
html[data-theme="dark"] .friend-page-host .bot-example-arrow { color: rgb(185, 207, 145); }
html[data-theme="dark"] .friend-page-host .bot-record { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(30, 52, 40); }
html[data-theme="dark"] .friend-page-host .bot-record-link, html[data-theme="dark"] .friend-page-host .bot-answer-listen, html[data-theme="dark"] .friend-page-host .bot-parcel-action > div > span { color: rgb(194, 222, 142); }
html[data-theme="dark"] .friend-page-host .bot-record-details .bot-record-detail--price { color: rgb(208, 233, 154); }
html[data-theme="dark"] .friend-page-host .bot-parcel-action button, html[data-theme="dark"] .friend-page-host .bot-stop { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(46, 68, 40); border-top-color: rgb(102, 129, 77); border-right-color: rgb(102, 129, 77); border-bottom-color: rgb(102, 129, 77); border-left-color: rgb(102, 129, 77); color: rgb(208, 226, 170); }
html[data-theme="dark"] .friend-page-host .bot-parcel-card { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(30, 52, 40); }
html[data-theme="dark"] .friend-page-host .bot-parcel-links > a, html[data-theme="dark"] .friend-page-host .bot-parcel-choice, html[data-theme="dark"] .friend-page-host .bot-parcel-retry { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(44, 67, 40); border-top-color: rgb(83, 111, 67); border-right-color: rgb(83, 111, 67); border-bottom-color: rgb(83, 111, 67); border-left-color: rgb(83, 111, 67); color: rgb(213, 231, 177); }
html[data-theme="dark"] .friend-page-host .bot-parcel-links > a:hover, html[data-theme="dark"] .friend-page-host .bot-parcel-choice:hover, html[data-theme="dark"] .friend-page-host .bot-parcel-retry:hover { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(53, 79, 46); border-top-color: rgb(121, 147, 82); border-right-color: rgb(121, 147, 82); border-bottom-color: rgb(121, 147, 82); border-left-color: rgb(121, 147, 82); }
html[data-theme="dark"] .friend-page-host .bot-parcel-warning { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(58, 48, 32); border-top-color: rgb(180, 139, 67); border-right-color: rgb(180, 139, 67); border-bottom-color: rgb(180, 139, 67); border-left-color: rgb(180, 139, 67); color: rgb(235, 206, 155); }
html[data-theme="dark"] .friend-page-host .bot-composer-box { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(28, 50, 37); border-top-color: rgb(100, 131, 78); border-right-color: rgb(100, 131, 78); border-bottom-color: rgb(100, 131, 78); border-left-color: rgb(100, 131, 78); }
html[data-theme="dark"] .friend-page-host .bot-composer-box:focus-within { border-top-color: rgb(177, 202, 110); border-right-color: rgb(177, 202, 110); border-bottom-color: rgb(177, 202, 110); border-left-color: rgb(177, 202, 110); box-shadow: rgba(177, 202, 110, 0.1) 0px 0px 0px 3px; }
html[data-theme="dark"] .friend-page-host .bot-composer-box textarea::placeholder { color: rgb(163, 182, 158); }
html[data-theme="dark"] .friend-page-host .bot-send:not(.bot-stop) { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(102, 142, 21); border-top-color: rgb(102, 142, 21); border-right-color: rgb(102, 142, 21); border-bottom-color: rgb(102, 142, 21); border-left-color: rgb(102, 142, 21); }
html[data-theme="dark"] .friend-page-host .bot-send:disabled { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(82, 108, 50); border-top-color: rgb(82, 108, 50); border-right-color: rgb(82, 108, 50); border-bottom-color: rgb(82, 108, 50); border-left-color: rgb(82, 108, 50); }
html[data-theme="dark"] .friend-page-host .bot-thinking-progress { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(51, 76, 41); }
@media (max-width: 1120px) {
.friend-page-host .bot-examples { grid-template-columns: 1fr; }
.friend-page-host .bot-examples button { min-height: 65px; padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; }
.friend-page-host .bot-message-body { max-width: none; }
}
@media (max-width: 950px) {
.friend-page-host .bot-records { grid-template-columns: 1fr; }
.friend-page-host .bot-voice-bar { align-items: flex-start; }
.friend-page-host .bot-voice-controls { max-width: 60%; }
}
.friend-page-host .bot-control-label--mobile { display: none; }
@media (max-width: 900px) {
.friend-page-host .page-content:has(> .bot-page) { padding-top:  !important; padding-right:  !important; padding-bottom:  !important; padding-left:  !important; }
.friend-page-host .bot-page { height: calc(var(--bot-mobile-height,100dvh - var(--project-header-height,64px) - 10px) - max(10px,env(safe-area-inset-bottom,0px))); min-height: 0px; row-gap: 8px; column-gap: 8px; font-size: 15px; }
.friend-page-host .bot-page-head { row-gap: 12px; column-gap: 12px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; min-width: 0px; }
.friend-page-host .bot-page-heading { row-gap: 8px; column-gap: 8px; }
.friend-page-host .bot-page-mark { width: 36px; height: 36px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .bot-page-mark svg { width: 23px; height: 23px; }
.friend-page-host .bot-page h1 { font-size: 22px; }
.friend-page-host .bot-page-description { display: none; }
.friend-page-host .bot-new-chat { padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; min-height: 44px; font-size: 13px !important; }
.friend-page-host .bot-chat-panel { height: 100%; }
.friend-page-host .bot-voice-bar { row-gap: 8px; column-gap: 8px; padding-top: 7px; padding-right: 12px; padding-bottom: 7px; padding-left: 12px; flex-wrap: wrap; align-items: center; }
.friend-page-host .bot-voice-information { row-gap: 8px; column-gap: 8px; flex-grow: 1; flex-shrink: 1; flex-basis: 120px; }
.friend-page-host .bot-voice-indicator { display: none; }
.friend-page-host .bot-voice-information strong { font-size: 13px; line-height: 1.4; }
.friend-page-host .bot-voice-information > div > span { font-size: 12px; line-height: 1.4; }
.friend-page-host .bot-voice-controls { justify-content: flex-end; max-width: 100%; row-gap: 6px; column-gap: 6px; flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-width: 0px; }
.friend-page-host .bot-voice-controls button { min-height: 44px; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; font-size: 13px !important; }
.friend-page-host .bot-control-label--desktop { display: none; }
.friend-page-host .bot-control-label--mobile { display: inline; }
.friend-page-host .bot-voice-error { padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; font-size: 13px; }
.friend-page-host .bot-messages { padding-top: 14px; padding-right: 12px; padding-bottom: 14px; padding-left: 12px; row-gap: 18px; column-gap: 18px; scroll-padding-block-start: 14px; scroll-padding-block-end: 14px; }
.friend-page-host .bot-message { row-gap: 8px; column-gap: 8px; }
.friend-page-host .bot-message-avatar { display: none; }
.friend-page-host .bot-message-body { width: 100%; }
.friend-page-host .bot-message--user { max-width: 92%; }
.friend-page-host .bot-message--user .bot-message-body { width: auto; }
.friend-page-host .bot-message-author, .friend-page-host .bot-message-meta > time { font-size: 12px; }
.friend-page-host .bot-bubble { padding-top: 12px; padding-right: 14px; padding-bottom: 12px; padding-left: 14px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .bot-message-text { font-size: 16px !important; line-height: 1.6; }
.friend-page-host .bot-welcome h2 { font-size: 20px; line-height: 1.35; }
.friend-page-host .bot-welcome-note { font-size: 14px; line-height: 1.6; }
.friend-page-host .bot-examples { row-gap: 7px; column-gap: 7px; margin-top: 14px; }
.friend-page-host .bot-examples button { min-height: 60px; padding-top: 9px; padding-right: 10px; padding-bottom: 9px; padding-left: 10px; row-gap: 9px; column-gap: 9px; }
.friend-page-host .bot-example-copy > strong { font-size: 14px; }
.friend-page-host .bot-example-copy > span { font-size: 12px; }
.friend-page-host .bot-example-icon { width: 28px; height: 28px; }
.friend-page-host .bot-answer-listen { min-height: 44px; margin-top: 6px; font-size: 14px !important; }
.friend-page-host .bot-record { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .bot-records-caption, .friend-page-host .bot-record-kind, .friend-page-host .bot-record-subtitle { font-size: 13px; }
.friend-page-host .bot-record > strong { font-size: 16px; }
.friend-page-host .bot-record-link { font-size: 14px !important; min-height: 44px; }
.friend-page-host .bot-record-head { flex-wrap: wrap; row-gap: 4px; column-gap: 8px; }
.friend-page-host .bot-record-details { font-size: 14px; row-gap: 6px; column-gap: 6px; }
.friend-page-host .bot-record-details .bot-record-detail--price { font-size: 18px; }
.friend-page-host .bot-records-more { font-size: 14px !important; min-height: 44px; }
.friend-page-host .bot-parcel-action { flex-direction: column; align-items: stretch; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; row-gap: 10px; column-gap: 10px; }
.friend-page-host .bot-parcel-action strong { font-size: 15px; }
.friend-page-host .bot-parcel-action p { font-size: 14px; }
.friend-page-host .bot-parcel-action > div > span { font-size: 13px; }
.friend-page-host .bot-parcel-action button { align-self: stretch; min-height: 44px; white-space-collapse: collapse; text-wrap-mode: wrap; font-size: 14px !important; }
.friend-page-host .bot-parcel-results { margin-top: 14px; }
.friend-page-host .bot-parcel-card { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .bot-parcel-details { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 10px; column-gap: 12px; }
.friend-page-host .bot-parcel-details dd { font-size: 14px; }
.friend-page-host .bot-parcel-links { row-gap: 7px; column-gap: 7px; }
.friend-page-host .bot-parcel-links > a { flex-grow: 1; flex-shrink: 1; flex-basis: 150px; min-height: 44px; font-size: 14px; }
.friend-page-host .bot-parcel-choice, .friend-page-host .bot-parcel-retry { min-height: 44px; font-size: 14px !important; }
.friend-page-host .bot-message-error, .friend-page-host .bot-record-error, .friend-page-host .bot-composer-error { font-size: 14px; }
.friend-page-host .bot-message-error button { font-size: 14px !important; min-height: 44px; }
.friend-page-host .bot-thinking { row-gap: 8px; column-gap: 8px; font-size: 14px; }
.friend-page-host .bot-thinking > div { max-width: 100%; }
.friend-page-host .bot-composer { position: relative; padding-top: 8px; padding-right: 12px; padding-bottom: 7px; padding-left: 12px; }
.friend-page-host .bot-composer-label { position: absolute; width: 1px; height: 1px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: -1px; margin-right: -1px; margin-bottom: -1px; margin-left: -1px; overflow-x: hidden; overflow-y: hidden; clip: rect(0px, 0px, 0px, 0px); white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .bot-composer-box { row-gap: 8px; column-gap: 8px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.friend-page-host .bot-composer-box textarea { height: 44px; min-height: 44px; max-height: 100px; line-height: 1.4; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; resize: none; font-size: 16px !important; }
.friend-page-host .bot-send { width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; row-gap: 0px; column-gap: 0px; }
.friend-page-host .bot-send:not(.bot-stop) > span:first-child, .friend-page-host .bot-stop > span:last-child { display: none; }
.friend-page-host .bot-send:not(.bot-stop) > span:last-child { font-size: 24px; }
.friend-page-host .bot-stop > span:first-child { font-size: 14px; }
.friend-page-host .bot-composer-footer { font-size: 11px; row-gap: 8px; column-gap: 8px; align-items: center; margin-top: 5px; }
.friend-page-host .bot-keyboard-hint { display: none; }
.friend-page-host .bot-touch-hint { display: inline; }
.friend-page-host .bot-page[data-bot-keyboard="true"] { grid-template-rows: minmax(0px, 1fr); }
.friend-page-host .bot-page[data-bot-keyboard="true"] .bot-page-head, .friend-page-host .bot-page[data-bot-keyboard="true"] .bot-voice-bar--off { display: none; }
.friend-page-host .bot-page[data-bot-keyboard="true"] .bot-composer-footer { display: none; }
.friend-page-host .bot-page[data-bot-keyboard="true"] .bot-voice-information { position: absolute; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden; clip: rect(0px, 0px, 0px, 0px); white-space-collapse: collapse; text-wrap-mode: nowrap; }
.friend-page-host .bot-page[data-bot-keyboard="true"] .bot-voice-controls { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.friend-page-host .bot-page[data-bot-keyboard="true"] .bot-voice-error { max-height: 64px; overflow-y: auto; }
}
@media (max-width: 380px) {
.friend-page-host .bot-page-head { padding-inline-start: 10px; padding-inline-end: 10px; }
.friend-page-host .bot-page-mark { display: none; }
.friend-page-host .bot-voice-bar { padding-inline-start: 10px; padding-inline-end: 10px; }
.friend-page-host .bot-voice-information { flex-basis: 100px; }
.friend-page-host .bot-messages { padding-top: 12px; padding-right: 8px; padding-bottom: 12px; padding-left: 8px; }
.friend-page-host .bot-bubble { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; }
.friend-page-host .bot-parcel-card { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.friend-page-host .bot-parcel-details { grid-template-columns: 1fr; }
.friend-page-host .bot-composer { padding-inline-start: 8px; padding-inline-end: 8px; }
}
@media (max-width: 900px) and (max-height: 500px) {
.friend-page-host .bot-page-head { padding-block-start: 3px; padding-block-end: 3px; }
.friend-page-host .bot-page-mark { display: none; }
.friend-page-host .bot-composer-footer { display: none; }
.friend-page-host .bot-voice-bar { padding-block-start: 3px; padding-block-end: 3px; }
.friend-page-host .bot-messages { padding-block-start: 10px; padding-block-end: 10px; }
}
@media (prefers-reduced-motion: reduce) {
.friend-page-host .bot-thinking-dots i, .friend-page-host .bot-thinking-progress > span, .friend-page-host .bot-voice-indicator i, .friend-page-host .bot-parcel-progress::before { animation-duration: auto !important; animation-timing-function: ease !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; animation-direction: normal !important; animation-fill-mode: none !important; animation-play-state: running !important; animation-name: none !important; animation-timeline: auto !important; animation-range-start: normal !important; animation-range-end: normal !important; }
.friend-page-host .bot-thinking-progress > span { width: 100%; opacity: 0.55; }
.friend-page-host .bot-composer-box, .friend-page-host .bot-examples button { transition-behavior: normal; transition-duration: 0s; transition-timing-function: ease; transition-delay: 0s; transition-property: none; }
}

/* public/360/shell.css */
.friend-page-host { overflow-y: scroll; scrollbar-gutter: stable; }
.friend-page-host, .friend-page-host { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 100%; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 243, 239); color: rgb(18, 51, 47); }
html[data-theme="dark"] .friend-page-host, html[data-theme="dark"] .friend-page-host { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 25, 23); color: rgb(232, 243, 228); }
.friend-page-host :where(button, input, select, textarea, article, section, aside, nav, a, div, figure, details, summary, dialog, label, fieldset, progress, table, td, th) { border-top-left-radius:  !important; border-top-right-radius:  !important; border-bottom-right-radius:  !important; border-bottom-left-radius:  !important; }
.friend-page-host :where(svg, svg *, canvas, .donut, .donut-chart, .pie-chart, .chart-circle) { border-top-left-radius: revert !important; border-top-right-radius: revert !important; border-bottom-right-radius: revert !important; border-bottom-left-radius: revert !important; }
.friend-page-host .technical-workspace-link { display: block; margin-top: 12px; margin-right: 16px; margin-bottom: 12px; margin-left: 16px; padding-top: 10px; padding-right: 4px; padding-bottom: 10px; padding-left: 4px; font-size: 11px; line-height: 1.4; color: inherit; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; opacity: 0.75; }
.friend-page-host .tezel-boot-status { min-height: 100vh; display: grid; align-items: center; justify-items: center; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 600; font-stretch: normal; font-size: 15px; line-height: 1.5; font-family: system-ui, sans-serif; }
.friend-page-host .tezel-boot-error { position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 10000; display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 14px; column-gap: 14px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 243, 239); text-align: center; font-family: system-ui, sans-serif; }
.friend-page-host .tezel-boot-error[hidden] { display: none; }
.friend-page-host .tezel-boot-error h1, .friend-page-host .tezel-boot-error p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.friend-page-host .tezel-boot-error h1 { font-size: 24px; }
.friend-page-host .tezel-boot-error p { color: rgb(89, 107, 100); font-size: 14px; }
.friend-page-host .tezel-boot-error button { padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(71, 118, 0); border-right-color: rgb(71, 118, 0); border-bottom-color: rgb(71, 118, 0); border-left-color: rgb(71, 118, 0); border-image-source: none; border-image-slice: 100%; border-image-width: 1; border-image-outset: 0; border-image-repeat: stretch; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(86, 141, 0); color: rgb(255, 255, 255); font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-variant-position: normal; font-variant-emoji: normal; font-weight: 700; font-stretch: normal; font-size: 14px; line-height: normal; font-family: system-ui, sans-serif; cursor: pointer; }
.friend-page-host .tezel-boot-error a { font-size: 12px; color: inherit; }
html[data-theme="dark"] .friend-page-host .tezel-boot-error { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(17, 25, 23); color: rgb(232, 243, 228); }
html[data-theme="dark"] .friend-page-host .tezel-boot-error p { color: rgb(185, 198, 190); }
.friend-page-host .native-workflow-label { grid-column-start: 1; grid-column-end: -1; padding-top: 16px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; font-size: 10px; letter-spacing: 0.08em; opacity: 0.7; }
.friend-page-host .native-settings-actions, .friend-page-host .native-property-links { display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: 8px; }
.friend-page-host .native-settings-actions a, .friend-page-host .native-property-links a { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; }
.friend-page-host .native-property-links { margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; }
.friend-page-host .native-settings-links { margin-bottom: 16px; }
.friend-page-host .native-ledger-audit > .finance-link { display: inline-block; margin-inline-end: 12px; margin-block-start: 4px; margin-block-end: 4px; }
.friend-page-host :where(button,input,select,textarea,article,section,aside,nav,a,div,figure,details,summary,dialog,label,fieldset,progress,table,td,th):not(:is(.donut,.donut-chart,.pie-chart,.chart-circle,.finance-overview-donut,.finance-overview-debt-donut)) { border-radius: min(5px, var(--tezel-original-radius, 5px)) !important; }
.friend-page-host :is(.donut,.donut-chart,.pie-chart,.chart-circle,.finance-overview-donut,.finance-overview-debt-donut) { border-radius: 50% !important; }

/* The original application owns its header, menu and content gutter. */
.friend-page-host .friend-native-content.app-shell { display: block !important; grid-template-columns: none !important; width: 100%; min-width: 0; min-height: 0 !important; }
.friend-page-host .friend-native-content > .workspace { display: block !important; margin: 0 !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; }
.friend-page-host .friend-native-content > .workspace > .page-content { padding: 0 !important; min-width: 0 !important; }