.pa-portefeuille {
--pa-trait: color-mix(in srgb, currentColor 14%, transparent);
--pa-doux: color-mix(in srgb, currentColor 6%, transparent);
--pa-achat: #146c43;
--pa-vente: #b42318;
--pa-attenue: color-mix(in srgb, currentColor 62%, transparent);
--pa-bande: color-mix(in srgb, currentColor 5%, transparent);
--pa-carte-fond: color-mix(in srgb, currentColor 7%, transparent);
--pa-carte-trait: color-mix(in srgb, currentColor 10%, transparent);
font-size: 1rem;
margin-block: 1.5rem;
}
@media (prefers-color-scheme: dark) {
.pa-portefeuille {
--pa-achat: #4ade80;
--pa-vente: #fca5a5;
}
}
.pa-invisible {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
white-space: nowrap;
}
.pa-attenue {
color: var(--pa-attenue);
} .pa-menus {
align-items: flex-end;
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.5rem;
margin-bottom: 1.25rem;
} .pa-menus-nus {
margin-bottom: 0.7rem;
}
.pa-total {
flex: 1 0 100%;
font-size: 0.95em;
margin: 0;
}
.pa-menus-nus .pa-total {
color: var(--pa-attenue);
}
.pa-menus-nus .pa-total strong {
color: inherit;
}
.pa-total strong {
font-size: 1.15em;
}
.pa-menu {
display: flex;
flex-direction: column;
gap: 0.2rem;
margin: 0;
}
.pa-menu label {
color: var(--pa-attenue);
font-size: 0.8em;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.pa-menu select {
background: none;
border: 1px solid var(--pa-trait);
border-radius: 4px;
color: inherit;
font: inherit;
font-size: 0.95em;
max-width: 100%;
padding: 0.4em 0.6em;
}
.pa-pays {
align-items: center;
display: inline-flex;
gap: 0.25em;
} .pa-pastilles {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-bottom: 1.25rem;
}
.pa-pastille {
align-items: center;
appearance: none;
background: none;
border: 1px solid var(--pa-trait);
border-radius: 999px;
color: inherit;
cursor: pointer;
display: inline-flex;
font: inherit;
gap: 0.4em;
line-height: 1;
padding: 0.4em 0.75em;
transition: border-color 0.12s ease;
}
.pa-pastille:hover {
border-color: currentColor;
}
.pa-pastille-active {
border-color: currentColor;
box-shadow: inset 0 0 0 2em var(--pa-bande);
}
.pa-pastille-drapeau {
font-size: 1.25em;
line-height: 1;
}
.pa-pastille-nom {
font-size: 0.88em;
font-weight: 600;
}
.pa-pastille-compte {
color: var(--pa-attenue);
font-size: 0.85em;
font-variant-numeric: tabular-nums;
}
.pa-pastille-active .pa-pastille-compte {
color: inherit;
font-weight: 600;
}
.pa-pastille-tout {
margin-left: auto;
} .pa-groupe {
margin-bottom: 1.5rem;
}
.pa-groupe[hidden] {
display: none;
}
.pa-groupe-titre {
align-items: baseline;
border-bottom: 2px solid var(--pa-trait);
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0;
padding-bottom: 0.4rem;
}
.pa-groupe-drapeau {
font-size: 1.15em;
}
.pa-groupe-nom {
font-size: 1.1em;
font-weight: 600;
}
.pa-groupe-compte {
color: var(--pa-attenue);
font-size: 0.8em;
font-weight: 400;
margin-left: auto;
}  .pa-planche {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.09);
border-radius: 18px;
display: grid;
gap: 0.5rem;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
margin-top: 1rem;
padding: 1rem;
} .pa-portefeuille .pa-planche .pa-vignette,
.pa-portefeuille .pa-planche .pa-vignette:link,
.pa-portefeuille .pa-planche .pa-vignette:visited,
.pa-portefeuille .pa-planche .pa-vignette:hover,
.pa-portefeuille .pa-planche .pa-vignette:focus,
.pa-portefeuille .pa-planche .pa-vignette:focus-within,
.pa-portefeuille .pa-planche .pa-vignette:active,
.pa-portefeuille .pa-planche .pa-vignette[aria-pressed="true"] {
align-items: center;
appearance: none;
background: #fff !important;
background-image: none !important;
border: 0 !important;
border-radius: 12px;
color: #1a1a1a !important;
cursor: pointer;
display: flex;
filter: none !important;
flex-direction: column;
font: inherit;
gap: 0.45rem;
justify-content: flex-start;
padding: 0.7rem 0.5rem 0.6rem;
text-align: center;
text-decoration: none !important;
text-shadow: none !important;
transition: opacity 0.14s ease, transform 0.14s ease; -webkit-tap-highlight-color: transparent;
} .pa-portefeuille .pa-planche .pa-vignette::-moz-focus-inner {
border: 0;
padding: 0;
}
.pa-vignette-logo {
align-items: center;
display: flex;
height: 64px;
justify-content: center;
width: 100%;
}
.pa-logo {
display: block;
height: auto;
object-fit: contain;
width: auto;
}
.pa-vignette-logo .pa-logo {
max-height: 64px;
max-width: 100%;
}
.pa-portefeuille .pa-planche .pa-vignette .pa-vignette-nom {
color: #444;
font-size: 0.8em;
font-weight: 400;
line-height: 1.25;
} .pa-portefeuille .pa-planche .pa-vignette:focus {
box-shadow: none;
outline: 0 !important;
}
.pa-portefeuille .pa-planche .pa-vignette:focus-visible {
outline: 2px solid #555 !important;
outline-offset: 2px;
} .pa-portefeuille .pa-planche .pa-vignette-active,
.pa-portefeuille .pa-planche .pa-vignette-active:hover,
.pa-portefeuille .pa-planche .pa-vignette-active:focus,
.pa-portefeuille .pa-planche .pa-vignette-active:active,
.pa-portefeuille .pa-planche .pa-vignette[aria-pressed="true"] {
box-shadow: 0 0 0 7px #fff !important;
position: relative;
transform: scale( 1.04 );
z-index: 2;
}
.pa-portefeuille .pa-planche .pa-vignette-active .pa-vignette-nom {
color: #111;
font-weight: 600;
}
.pa-planche-choix .pa-vignette:not( .pa-vignette-active ) {
opacity: 0.32;
}
.pa-portefeuille .pa-planche .pa-vignette:hover {
opacity: 1;
transform: scale( 1.02 );
} .pa-cartes {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-top: 0.8rem;
}
.pa-carte {
background: var(--pa-carte-fond);
border: 1px solid var(--pa-carte-trait);
border-radius: 18px;
margin-top: 1rem;
padding: 1.3rem 1.2rem 1.2rem;
position: relative;
} .pa-carte-entete {
align-items: center;
display: flex;
flex-direction: column;
gap: 0.3rem;
text-align: center;
}
.pa-nom {
font-size: 1.25em;
font-weight: 600;
line-height: 1.25;
margin: 0;
}
.pa-identite {
align-items: center;
display: flex;
flex-direction: column;
gap: 0.2rem;
max-width: 100%;
}
.pa-meta {
align-items: center;
color: var(--pa-attenue);
display: flex;
flex-wrap: wrap;
font-size: 0.78em;
gap: 0.35rem;
justify-content: center;
}
.pa-ticker {
font-variant-numeric: tabular-nums;
letter-spacing: 0.03em;
}
.pa-pays {
align-items: center;
display: inline-flex;
gap: 0.25em;
}
.pa-etiquette {
border: 1px solid var(--pa-trait);
border-radius: 5px;
line-height: 1.4;
padding: 0 0.35em;
}
.pa-commentaire {
color: var(--pa-attenue);
display: block;
font-size: 0.8em;
}
.pa-carte-actions {
position: absolute;
right: 1rem;
top: 1rem;
} .pa-monogramme {
align-items: center;
background: hsl(var(--pa-teinte, 210) 55% 92%);
border-radius: 12px;
color: hsl(var(--pa-teinte, 210) 65% 28%);
display: flex;
font-size: 1.35rem;
font-weight: 700;
height: 64px;
justify-content: center;
letter-spacing: 0.02em;
width: 64px;
} .pa-mesures {
display: grid;
gap: 0.4rem 1rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 1rem 0 0;
text-align: center;
}
.pa-mesures + .pa-mesures {
border-top: 1px dashed var(--pa-trait);
margin-top: 0.7rem;
padding-top: 0.7rem;
}
.pa-mesure {
min-width: 0;
}
.pa-mesure dt {
color: var(--pa-attenue);
font-size: 0.7em;
font-weight: 600;
letter-spacing: 0.06em;
line-height: 1.3;
text-transform: uppercase;
}
.pa-mesure dd {
font-size: 1.05em;
font-variant-numeric: tabular-nums;
font-weight: 600;
line-height: 1.35;
margin: 0.1rem 0 0;
}
.pa-mesure .pa-rythme {
color: var(--pa-attenue);
display: block;
font-size: 0.68em;
font-weight: 400;
letter-spacing: 0;
text-transform: none;
}
.pa-vide {
font-style: italic;
} .pa-histo-bouton {
align-items: center;
appearance: none;
background: none;
border: 1px solid var(--pa-trait);
border-radius: 999px;
color: inherit;
cursor: pointer;
display: inline-flex;
font: inherit;
font-size: 0.85em;
gap: 0.3em;
line-height: 1;
padding: 0.35em 0.7em;
}
.pa-histo-bouton:hover,
.pa-histo-bouton[aria-expanded="true"] {
border-color: currentColor;
}
.pa-histo-icone {
font-size: 1.1em;
}
.pa-histo-compte {
font-variant-numeric: tabular-nums;
}
.pa-bulle {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 14px;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.16);
color: #1a1a1a;
font-size: 0.9rem;
padding: 0.85rem 1rem 0.7rem;
position: absolute;
right: 0;
text-align: left;
top: calc(100% + 0.4rem);
width: min(30rem, 78vw);
z-index: 30;
}
.pa-bulle.pa-bulle-gauche {
left: 0;
right: auto;
}
@media (prefers-color-scheme: dark) {
.pa-bulle {
background: #1d1f21;
border-color: rgba(255, 255, 255, 0.16);
color: #f2f2f2;
}
}
.pa-bulle-entete {
align-items: center;
display: flex;
gap: 1rem;
justify-content: space-between;
margin-bottom: 0.5rem;
}
.pa-bulle-fermer {
appearance: none;
background: none;
border: 0;
color: inherit;
cursor: pointer;
font: inherit;
font-size: 1.3em;
line-height: 1;
padding: 0 0.2em;
}
.pa-bulle-note {
align-items: center;
display: flex;
font-size: 0.85em;
gap: 0.4em;
margin: 0.6rem 0 0;
opacity: 0.75;
}
.pa-ops {
border-collapse: collapse;
margin: 0;
width: 100%;
}
.pa-ops th,
.pa-ops td {
border-bottom: 1px solid rgba(128, 128, 128, 0.25);
padding: 0.4rem 0.5rem;
text-align: left;
}
.pa-ops thead th {
font-size: 0.85em;
font-weight: 600;
opacity: 0.7;
white-space: nowrap;
}
.pa-ops tbody tr:last-child td {
border-bottom: 0;
}
.pa-op-achat td:nth-child(2) {
color: var(--pa-achat);
}
.pa-op-vente td:nth-child(2) {
color: var(--pa-vente);
}
.pa-perf .pa-valeur {
font-weight: 600;
}
.pa-note-cours {
color: var(--pa-attenue);
font-size: 0.78em;
margin: 0.8rem 0 0;
} .pa-dividende .pa-rythme {
color: var(--pa-attenue);
display: block;
font-size: 0.78em;
} .pa-recap {
border-top: 1px solid var(--pa-trait);
margin-top: 1.5rem;
padding-top: 1.1rem;
}
.pa-recap-titre {
color: var(--pa-attenue);
font-size: 0.72em;
font-weight: 600;
letter-spacing: 0.08em;
margin: 0 0 0.6rem;
text-transform: uppercase;
}
.pa-recap-grille {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
}
.pa-recap-tuile {
background: var(--pa-bande);
border-radius: 8px;
flex: 0 1 auto;
min-width: 8.5rem;
padding: 0.65rem 0.9rem;
} .pa-recap-tuile--total {
background: color-mix(in srgb, #1f6fd0 14%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, #1f6fd0 32%, transparent);
}
.pa-recap-tuile--total .pa-recap-montant {
color: #14508f;
}
.pa-recap-tuile--total .pa-recap-detail {
color: color-mix(in srgb, #14508f 78%, transparent);
}
@media (prefers-color-scheme: dark) {
.pa-recap-tuile--total .pa-recap-montant {
color: #9ecbff;
}
.pa-recap-tuile--total .pa-recap-detail {
color: color-mix(in srgb, #9ecbff 80%, transparent);
}
}
.pa-recap-montant .pa-reserve {
display: inline-block;
}
.pa-recap-montant {
display: block;
font-size: 1.2em;
font-variant-numeric: tabular-nums;
font-weight: 600;
line-height: 1.25;
}
.pa-recap-detail {
color: var(--pa-attenue);
display: block;
font-size: 0.75em;
margin-top: 0.1rem;
}
.pa-recap-note {
color: var(--pa-attenue);
font-size: 0.75em;
margin: 0.65rem 0 0;
}  .pa-floute {
display: inline-block;
filter: blur(5px);
opacity: 0.8;
pointer-events: none;
user-select: none;
-webkit-user-select: none;
}
.pa-reserve {
display: inline-block;
position: relative;
}
.pa-cadenas-flou {
align-items: center;
display: flex;
font-size: 0.8em;
inset: 0;
justify-content: center;
line-height: 1;
pointer-events: none;
position: absolute;
text-shadow: 0 0 3px rgba(255, 255, 255, 0.85);
}
@media (prefers-color-scheme: dark) {
.pa-cadenas-flou {
text-shadow: 0 0 3px rgba(0, 0, 0, 0.85);
}
}
.pa-invitation {
align-items: center;
border: 1px solid var(--pa-trait);
border-radius: 6px;
display: flex;
flex-wrap: wrap;
font-size: 0.9em;
gap: 0.5rem 0.75rem;
margin: 1rem 0 0;
padding: 0.85rem 1rem;
}
.pa-cadenas {
font-size: 1.1em;
line-height: 1;
}
.pa-invitation > span:not(.pa-cadenas) {
flex: 1 1 14rem;
}
.pa-lien-acces {
border: 1px solid currentColor;
border-radius: 4px;
padding: 0.35em 0.9em;
text-decoration: none;
white-space: nowrap;
} @media (max-width: 720px) {
.pa-mesures {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.4rem 0.6rem;
}
}
@media (max-width: 640px) {
.pa-pastille {
padding: 0.35em 0.6em;
}
.pa-planche {
gap: 0.4rem;
grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
padding: 0.7rem;
}
.pa-vignette-logo {
height: 50px;
}
.pa-vignette-logo .pa-logo {
max-height: 50px;
}
.pa-pastille-tout {
margin-left: 0;
}
.pa-carte {
border-radius: 14px;
padding: 1rem 0.85rem;
}
.pa-carte-actions {
right: 0.7rem;
top: 0.7rem;
}
.pa-nom {
font-size: 1.12em;
}
.pa-monogramme {
font-size: 1.1rem;
height: 50px;
width: 50px;
}
.pa-recap-tuile {
flex: 1 1 8.5rem;
}
.pa-doc-bouton {
width: 100%;
}
.pa-bulle {
margin-top: 0.5rem;
position: static;
width: 100%;
}
.pa-ops thead {
display: none;
}
.pa-ops,
.pa-ops tbody,
.pa-ops tbody tr,
.pa-ops tbody td {
display: block;
}
.pa-ops tbody tr {
border-bottom: 1px solid rgba(128, 128, 128, 0.25);
padding: 0.4rem 0;
}
.pa-ops tbody td {
align-items: baseline;
border-bottom: 0;
display: flex;
justify-content: space-between;
padding: 0.1rem 0;
text-align: right;
}
.pa-ops tbody td::before {
content: attr(data-libelle);
font-size: 0.82em;
opacity: 0.7;
padding-right: 1rem;
text-align: left;
}
.pa-visionneuse {
padding: 0.5rem;
}
.pa-visionneuse-pdf {
height: 70vh;
}
}
@media (prefers-reduced-motion: reduce) {
.pa-portefeuille .pa-planche .pa-vignette,
.pa-portefeuille .pa-planche .pa-vignette:hover,
.pa-portefeuille .pa-planche .pa-vignette-active,
.pa-portefeuille .pa-planche .pa-vignette-active:hover {
transform: none;
transition: opacity 0.14s ease;
}
}
.pa-portefeuille :focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
} .pa-docs {
border-top: 2px solid var(--pa-trait);
margin-top: 1.5rem;
padding-top: 1rem;
}
.pa-docs-titre {
font-size: 1em;
margin: 0 0 0.6rem;
}
.pa-docs-verrou {
align-items: center;
color: var(--pa-attenue);
display: flex;
font-size: 0.9em;
gap: 0.4em;
margin: 0;
}
.pa-docs-dossier {
border-bottom: 1px solid var(--pa-trait);
padding: 0.5rem 0;
}
.pa-docs-dossier:last-of-type {
border-bottom: 0;
}
.pa-docs-dossier-titre {
align-items: baseline;
cursor: pointer;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
list-style: none;
}
.pa-docs-dossier-titre::-webkit-details-marker {
display: none;
}
.pa-docs-dossier-titre::before {
color: var(--pa-attenue);
content: "\25B8";
}
.pa-docs-dossier[open] > .pa-docs-dossier-titre::before {
content: "\25BE";
}
.pa-docs-dossier-nom {
font-weight: 600;
}
.pa-docs-dossier-compte {
color: var(--pa-attenue);
font-size: 0.8em;
margin-left: auto;
}
.pa-docs-liste {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
list-style: none;
margin: 0.6rem 0 0.3rem;
padding: 0;
}
.pa-docs-liste li {
margin: 0;
}
.pa-doc-bouton {
align-items: center;
appearance: none;
background: none;
border: 1px solid var(--pa-trait);
border-radius: 6px;
color: inherit;
cursor: pointer;
display: flex;
font: inherit;
font-size: 0.9em;
gap: 0.5em;
padding: 0.5em 0.8em;
text-align: left;
}
.pa-doc-bouton:hover {
border-color: currentColor;
}
.pa-doc-icone {
font-size: 1.2em;
}
.pa-doc-date {
color: var(--pa-attenue);
font-size: 0.85em;
}
.pa-docs-note {
color: var(--pa-attenue);
font-size: 0.78em;
margin: 0.7rem 0 0;
} body.pa-fige {
overflow: hidden;
}
.pa-visionneuse {
align-items: center;
background: rgba(0, 0, 0, 0.72);
display: flex;
inset: 0;
justify-content: center;
padding: 1rem;
position: fixed;
z-index: 9999;
}
.pa-visionneuse[hidden] {
display: none;
}
.pa-visionneuse-cadre {
background: #fff;
border-radius: 8px;
color: #1a1a1a;
display: flex;
flex-direction: column;
max-height: 100%;
max-width: 62rem;
overflow: hidden;
width: 100%;
}
@media (prefers-color-scheme: dark) {
.pa-visionneuse-cadre {
background: #1d1f21;
color: #f2f2f2;
}
}
.pa-visionneuse-entete {
align-items: center;
border-bottom: 1px solid rgba(128, 128, 128, 0.3);
display: flex;
gap: 1rem;
justify-content: space-between;
padding: 0.7rem 1rem;
}
.pa-visionneuse-fermer {
appearance: none;
background: none;
border: 0;
color: inherit;
cursor: pointer;
font: inherit;
font-size: 1.5em;
line-height: 1;
padding: 0 0.2em;
}
.pa-visionneuse-contenu {
display: flex;
flex: 1 1 auto;
justify-content: center;
min-height: 60vh;
overflow: auto;
padding: 0.5rem;
}
.pa-visionneuse-pdf {
border: 0;
height: 78vh;
width: 100%;
}
.pa-visionneuse-image {
height: auto;
max-width: 100%;
object-fit: contain;
pointer-events: none;
user-select: none;
-webkit-user-select: none;
}
@media (max-width: 640px) {
.pa-doc-bouton {
width: 100%;
}
.pa-visionneuse {
padding: 0.5rem;
}
.pa-visionneuse-pdf {
height: 70vh;
}
}
@media print {
.pa-visionneuse {
display: none !important;
}
} .pa-journal {
--pa-trait: color-mix(in srgb, currentColor 14%, transparent);
--pa-attenue: color-mix(in srgb, currentColor 62%, transparent);
--pa-doux: color-mix(in srgb, currentColor 6%, transparent);
--pa-appui: color-mix(in srgb, currentColor 12%, transparent);
--pa-achat: #146c43;
--pa-vente: #b42318;
font-size: 1rem;
margin-block: 1.5rem;
}
@media (prefers-color-scheme: dark) {
.pa-journal {
--pa-achat: #4ade80;
--pa-vente: #fca5a5;
}
} .pa-journal-titre {
align-items: center;
background: var(--pa-doux);
border: 1px solid var(--pa-trait);
border-radius: 12px;
cursor: pointer;
display: flex;
flex-wrap: wrap;
font-weight: 600;
gap: 0.55rem;
list-style: none;
padding: 0.85rem 1.1rem;
transition: background 0.15s ease, border-color 0.15s ease;
user-select: none;
}
.pa-journal-titre:hover {
background: var(--pa-appui);
border-color: var(--pa-attenue);
}
.pa-journal-titre:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.pa-journal-titre::-webkit-details-marker {
display: none;
}
.pa-journal-chevron {
border-bottom: 2px solid currentColor;
border-right: 2px solid currentColor;
flex: none;
height: 0.45em;
margin-inline-end: 0.15rem;
rotate: -45deg;
transition: rotate 0.15s ease;
width: 0.45em;
}
.pa-pliable[open] .pa-journal-chevron {
rotate: 45deg;
} .pa-pliable[open] .pa-journal-titre {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.pa-journal-nom {
flex: 1 1 auto;
}
.pa-journal-compte {
background: var(--pa-appui);
border-radius: 999px;
flex: none;
font-size: 0.8em;
font-variant-numeric: tabular-nums;
padding: 0.1em 0.6em;
} .pa-journal-action {
color: var(--pa-attenue);
flex: none;
font-size: 0.85em;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 0.2em;
}
.pa-pliable:not([open]) .pa-journal-fermer,
.pa-pliable[open] .pa-journal-ouvrir {
display: none;
}
.pa-journal-liste {
border: 1px solid var(--pa-trait);
border-radius: 12px;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
list-style: none;
margin: 0;
padding: 0.2rem 1.1rem 0.6rem;
} .pa-mvt {
align-items: baseline;
border-top: 1px solid var(--pa-trait);
column-gap: 0.9rem;
display: grid;
grid-template-columns: auto 1fr auto auto auto;
margin: 0;
padding: 0.6rem 0;
}
.pa-mvt:first-child {
border-top: 0;
} .pa-mvt-sens {
align-items: baseline;
border-radius: 999px;
display: inline-flex;
font-size: 0.78em;
font-weight: 600;
gap: 0.25em;
justify-content: center;
min-width: 5.2em;
padding: 0.2em 0.6em;
}
.pa-mvt-signe {
font-weight: 700;
}
.pa-mvt--achat .pa-mvt-sens {
background: color-mix(in srgb, var(--pa-achat) 13%, transparent);
color: var(--pa-achat);
}
.pa-mvt--vente .pa-mvt-sens {
background: color-mix(in srgb, var(--pa-vente) 13%, transparent);
color: var(--pa-vente);
}
.pa-mvt-nom {
font-weight: 600;
min-width: 0;
overflow-wrap: anywhere;
}
.pa-mvt-date {
color: var(--pa-attenue);
font-size: 0.86em;
font-variant-numeric: tabular-nums;
text-align: right;
white-space: nowrap;
}
.pa-mvt-qte {
color: var(--pa-attenue);
font-size: 0.86em;
font-variant-numeric: tabular-nums;
min-width: 5.5em;
text-align: right;
white-space: nowrap;
} .pa-mvt-perf {
font-size: 0.86em;
font-variant-numeric: tabular-nums;
font-weight: 600;
min-width: 4.8em;
text-align: right;
white-space: nowrap;
}
.pa-mvt-perf.pa-hausse {
color: var(--pa-achat);
}
.pa-mvt-perf.pa-baisse {
color: var(--pa-vente);
} @media (max-width: 520px) {
.pa-mvt {
column-gap: 0.6rem;
row-gap: 0.15rem;
}
.pa-mvt-sens {
grid-area: 1 / 1 / 2 / 2;
}
.pa-mvt-nom {
grid-area: 1 / 2 / 2 / 6;
}
.pa-mvt-date {
grid-area: 2 / 2 / 3 / 3;
text-align: left;
}
.pa-mvt-qte {
grid-area: 2 / 3 / 3 / 4;
min-width: 0;
}
.pa-mvt-perf {
grid-area: 2 / 4 / 3 / 6;
min-width: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.pa-journal-chevron,
.pa-journal-titre {
transition: none;
}
} .pa-repartition {
--pa-trait: color-mix(in srgb, currentColor 14%, transparent);
--pa-attenue: color-mix(in srgb, currentColor 62%, transparent);
--pa-doux: color-mix(in srgb, currentColor 6%, transparent);
--pa-appui: color-mix(in srgb, currentColor 12%, transparent);
--pa-jauge: #1f6fd0;
font-size: 1rem;
margin-block: 1.5rem;
}
@media (prefers-color-scheme: dark) {
.pa-repartition {
--pa-jauge: #5ea8f5;
}
}
.pa-rep-corps {
border: 1px solid var(--pa-trait);
border-radius: 12px;
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 0.4rem 1.1rem 0.9rem;
}
.pa-rep-liste {
list-style: none;
margin: 0;
padding: 0;
} .pa-rep {
align-items: baseline;
column-gap: 0.9rem;
display: grid;
grid-template-columns: 1fr auto;
margin: 0;
padding: 0.65rem 0;
row-gap: 0.3rem;
}
.pa-rep + .pa-rep {
border-top: 1px solid var(--pa-trait);
}
.pa-rep-nom {
font-weight: 600;
}
.pa-rep-part {
font-variant-numeric: tabular-nums;
font-weight: 700;
text-align: right;
}
.pa-rep-barre {
background: var(--pa-doux);
border-radius: 999px;
display: block;
grid-column: 1 / 2;
height: 7px;
overflow: hidden;
}
.pa-rep-jauge {
background: var(--pa-jauge);
border-radius: 999px;
display: block;
height: 100%;
}
.pa-rep-lignes {
color: var(--pa-attenue);
font-size: 0.82em;
grid-column: 2 / 3;
text-align: right;
white-space: nowrap;
}
.pa-rep-note {
border-top: 1px solid var(--pa-trait);
color: var(--pa-attenue);
font-size: 0.82em;
line-height: 1.5;
margin: 0;
padding: 0.8rem 0 0;
}