.ansico-imported-social-archive {
width: 100%;
max-width: 1160px;
margin-right: auto;
margin-left: auto;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.ansico-imported-social-archive__top,
.ansico-imported-social-archive__empty {
box-sizing: border-box;
border: 1px solid rgba(15, 20, 25, 0.14);
border-radius: 14px;
}
.ansico-imported-social-archive__top {
margin-bottom: 16px;
}
.ansico-imported-social-archive__top {
position: relative;
}
.ansico-imported-social-archive__top-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.ansico-imported-social-archive__top-row .ansico-imported-social-feed__title {
min-width: 0;
padding-right: 4px;
}
.ansico-imported-social-archive__chart-toggle {
display: inline-flex;
flex: 0 0 auto;
width: 34px;
height: 34px;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin: -3px -4px 0 0;
padding: 0;
border: 1px solid rgba(15, 20, 25, 0.14);
border-radius: 9px;
background: #fff;
color: #536471;
cursor: pointer;
transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}
.ansico-imported-social-archive__chart-toggle:hover,
.ansico-imported-social-archive__chart-toggle:focus-visible {
border-color: rgba(15, 20, 25, 0.32);
background: #f2f4f5;
color: #0f1419;
}
.ansico-imported-social-archive__chart-toggle[aria-expanded="true"] {
border-color: #0f1419;
background: #0A66C2;
color: #fff;
}
.ansico-imported-social-archive__chart-toggle svg {
display: block;
width: 19px;
height: 19px;
}
.ansico-imported-social-archive__year-chart {
margin-top: 15px;
padding-top: 14px;
border-top: 1px solid rgba(15, 20, 25, 0.1);
}
.ansico-imported-social-archive__year-chart[hidden] {
display: none !important;
}
.ansico-imported-social-archive__year-chart-title {
margin-bottom: 10px;
color: #536471;
font-size: 13px;
font-weight: 700;
}
.ansico-imported-social-archive__year-chart-scroll {
overflow-x: auto;
padding: 2px 2px 4px;
scrollbar-width: thin;
}
.ansico-imported-social-archive__year-chart-bars {
display: flex;
min-width: max-content;
height: 190px;
align-items: stretch;
gap: 8px;
}
.ansico-imported-social-archive__year-chart-item {
display: grid;
grid-template-rows: 22px minmax(0, 1fr) 22px;
width: 52px;
min-width: 52px;
height: 100%;
text-align: center;
}
.ansico-imported-social-archive__year-chart-count {
overflow: hidden;
color: #536471;
font-size: 11px;
font-weight: 650;
line-height: 18px;
text-overflow: ellipsis;
white-space: nowrap;
}
.ansico-imported-social-archive__year-chart-bar-wrap {
display: flex;
min-height: 0;
align-items: flex-end;
justify-content: center;
border-bottom: 1px solid rgba(15, 20, 25, 0.12);
}
.ansico-imported-social-archive__year-chart-bar {
display: block;
width: 28px;
height: var(--ansico-year-bar-height, 4%);
min-height: 4px;
border-radius: 5px 5px 2px 2px;
background: #0A66C2;
}
.ansico-imported-social-archive__year-chart-bar.is-zero {
min-height: 0;
}
.ansico-imported-social-archive__year-chart-empty {
padding: 24px 8px 10px;
color: #536471;
font-size: 13px;
text-align: center;
}
.ansico-imported-social-archive__year-chart-year {
color: #536471;
font-size: 11px;
font-weight: 650;
line-height: 22px;
}
.ansico-imported-social-archive__empty {
max-width: 720px;
margin-right: auto;
margin-left: auto;
}
.ansico-imported-social-archive {
container-name: ansico-social-archive;
container-type: inline-size;
}
.ansico-imported-social-archive__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: start;
gap: 16px;
}
@container ansico-social-archive (min-width: 640px) {
.ansico-imported-social-archive__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@container ansico-social-archive (min-width: 960px) {
.ansico-imported-social-archive__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@supports not (container-type: inline-size) {
@media (min-width: 680px) {
.ansico-imported-social-archive__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1000px) {
.ansico-imported-social-archive__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
}
.ansico-imported-social-archive__grid--masonry {
position: relative;
display: block;
}
.ansico-imported-social-archive__grid--masonry .ansico-imported-social-archive__item {
position: absolute;
top: 0;
left: 0;
margin: 0;
will-change: transform;
}
.ansico-imported-social-archive__item {
box-sizing: border-box;
width: 100%;
min-width: 0;
overflow: hidden;
border: 1px solid rgba(15, 20, 25, 0.14);
border-radius: 14px;
}
.ansico-imported-social-archive__loader {
display: flex;
min-height: 70px;
align-items: center;
justify-content: center;
gap: 10px;
padding: 18px 0 6px;
text-align: center;
}
.ansico-imported-social-archive__load-more {
display: inline-flex;
min-height: 38px;
align-items: center;
justify-content: center;
padding: 8px 16px;
border: 1px solid rgba(15, 20, 25, 0.18);
border-radius: 999px;
background: #fff;
color: #0f1419;
cursor: pointer;
font: inherit;
font-size: 14px;
font-weight: 600;
}
.ansico-imported-social-archive__load-more:hover,
.ansico-imported-social-archive__load-more:focus {
border-color: rgba(15, 20, 25, 0.35);
background: #f2f4f5;
}
.ansico-imported-social-archive__load-more:disabled {
cursor: wait;
opacity: 0.55;
}
.ansico-imported-social-archive__loader[hidden],
.ansico-imported-social-archive__load-more[hidden] {
display: none !important;
}
.ansico-imported-social-archive--auto .ansico-imported-social-archive__load-more {
position: static;
}
.ansico-imported-social-archive__loading {
min-height: 20px;
color: #536471;
font-size: 14px;
}
.ansico-imported-social-archive--load-error .ansico-imported-social-archive__loader {
flex-direction: column;
}
.ansico-imported-social-archive--load-error .ansico-imported-social-archive__loading {
color: #b42318;
}
.ansico-imported-social-archive__years {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
margin: 0 0 12px;
}
.ansico-imported-social-archive__year {
display: inline-flex;
min-height: 32px;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 5px 11px;
border: 1px solid rgba(15, 20, 25, 0.15);
border-radius: 999px;
background: #fff;
color: #536471;
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 650;
line-height: 1;
}
.ansico-imported-social-archive__year:hover,
.ansico-imported-social-archive__year:focus-visible {
border-color: rgba(15, 20, 25, 0.35);
background: #f2f4f5;
color: #0f1419;
}
.ansico-imported-social-archive__year.is-active,
.ansico-imported-social-archive__year[aria-pressed="true"] {
border-color: #0f1419;
background: #0A66C2;
color: #fff;
}
.ansico-imported-social-archive__year:disabled {
cursor: wait;
opacity: 0.62;
}
.ansico-imported-social-archive__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0 0 16px;
}
.ansico-imported-social-archive__stats {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
min-width: 0;
}
.ansico-imported-social-archive__count {
display: inline-flex;
align-items: center;
min-height: 34px;
box-sizing: border-box;
padding: 6px 11px;
border: 1px solid rgba(15, 20, 25, 0.13);
border-radius: 999px;
background: #f7f9f9;
color: #536471;
font-size: 13px;
font-weight: 650;
line-height: 1;
white-space: nowrap;
}
.ansico-imported-social-archive__count[hidden] {
display: none !important;
}
.ansico-imported-social-archive__count--filtered {
background: #eef7ff;
}
.ansico-imported-social-archive__count--first {
background: #f6f3ff;
}
.ansico-imported-social-archive__controls {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 10px 14px;
margin-left: auto;
}
.ansico-imported-social-archive__filter,
.ansico-imported-social-archive__search {
display: flex;
align-items: center;
gap: 8px;
color: #536471;
font-size: 13px;
}
.ansico-imported-social-archive__control-label {
white-space: nowrap;
}
.ansico-imported-social-archive__filter select,
.ansico-imported-social-archive__search input {
min-height: 34px;
box-sizing: border-box;
border: 1px solid rgba(15, 20, 25, 0.18);
border-radius: 9px;
background-color: #fff;
color: #0f1419;
font: inherit;
font-size: 14px;
}
.ansico-imported-social-archive__filter select {
max-width: min(320px, 42vw);
padding: 5px 30px 5px 10px;
}
.ansico-imported-social-archive__search input {
width: min(260px, 34vw);
min-width: 180px;
padding: 5px 10px;
}
.ansico-imported-social-archive__filter select:focus,
.ansico-imported-social-archive__search input:focus {
border-color: rgba(15, 20, 25, 0.45);
outline: 2px solid rgba(29, 155, 240, 0.18);
outline-offset: 1px;
}
.ansico-imported-social-archive__filter select:disabled {
opacity: 0.65;
cursor: wait;
}
.ansico-imported-social-archive__filter-empty {
margin-bottom: 16px;
}
.ansico-imported-social-archive__filter-empty[hidden] {
display: none !important;
}
@container ansico-social-archive (max-width: 639px) {
.ansico-imported-social-archive__toolbar {
align-items: stretch;
flex-direction: column;
}
.ansico-imported-social-archive__stats {
width: 100%;
}
.ansico-imported-social-archive__controls {
width: 100%;
align-items: stretch;
flex-direction: column;
margin-left: 0;
}
.ansico-imported-social-archive__filter,
.ansico-imported-social-archive__search {
width: 100%;
align-items: stretch;
flex-direction: column;
gap: 5px;
}
.ansico-imported-social-archive__filter select,
.ansico-imported-social-archive__search input {
width: 100%;
max-width: none;
min-width: 0;
}
}
.ansico-imported-social-archive__top-actions {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 7px;
}
.ansico-imported-social-archive__memory-toggle,
.ansico-imported-social-archive__hashtag-toggle {
display: inline-flex;
width: 34px;
height: 34px;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin: -3px 0 0 0;
padding: 0;
border: 1px solid rgba(15, 20, 25, 0.14);
border-radius: 9px;
background: #fff;
color: #536471;
cursor: pointer;
transition: background-color 0.12s ease, color 0.12s ease, border-color 0.12s ease;
}
.ansico-imported-social-archive__memory-toggle:hover,
.ansico-imported-social-archive__memory-toggle:focus-visible,
.ansico-imported-social-archive__hashtag-toggle:hover,
.ansico-imported-social-archive__hashtag-toggle:focus-visible {
border-color: rgba(15, 20, 25, 0.32);
background: #f2f4f5;
color: #0f1419;
}
.ansico-imported-social-archive__memory-toggle[aria-expanded="true"],
.ansico-imported-social-archive__hashtag-toggle[aria-expanded="true"] {
border-color: #0f1419;
background: #0A66C2;
color: #fff;
}
.ansico-imported-social-archive__memory-toggle svg,
.ansico-imported-social-archive__hashtag-toggle svg {
display: block;
width: 19px;
height: 19px;
}
.ansico-imported-social-archive__hashtags {
margin-top: 15px;
padding-top: 14px;
border-top: 1px solid rgba(15, 20, 25, 0.1);
}
.ansico-imported-social-archive__hashtags[hidden],
.ansico-imported-social-archive__months[hidden] {
display: none !important;
}
.ansico-imported-social-archive__hashtags-title {
margin-bottom: 9px;
color: #536471;
font-size: 13px;
font-weight: 700;
}
.ansico-imported-social-archive__hashtag-list {
display: flex;
max-height: 220px;
overflow-y: auto;
align-items: center;
flex-wrap: wrap;
gap: 7px;
padding: 1px 2px 3px;
scrollbar-width: thin;
}
.ansico-imported-social-archive__hashtag,
.ansico-imported-social-archive__month {
display: inline-flex;
min-height: 32px;
align-items: center;
justify-content: center;
gap: 6px;
box-sizing: border-box;
padding: 5px 11px;
border: 1px solid rgba(15, 20, 25, 0.15);
border-radius: 999px;
background: #fff;
color: #536471;
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 650;
line-height: 1;
}
.ansico-imported-social-archive__hashtag:hover,
.ansico-imported-social-archive__hashtag:focus-visible,
.ansico-imported-social-archive__month:hover,
.ansico-imported-social-archive__month:focus-visible {
border-color: rgba(15, 20, 25, 0.35);
background: #f2f4f5;
color: #0f1419;
}
.ansico-imported-social-archive__hashtag.is-active,
.ansico-imported-social-archive__hashtag[aria-pressed="true"],
.ansico-imported-social-archive__month.is-active,
.ansico-imported-social-archive__month[aria-pressed="true"] {
border-color: #0f1419;
background: #0A66C2;
color: #fff;
}
.ansico-imported-social-archive__hashtag:disabled,
.ansico-imported-social-archive__month:disabled {
cursor: wait;
opacity: 0.62;
}
.ansico-imported-social-archive__hashtag-count {
display: inline-flex;
min-width: 18px;
justify-content: center;
padding: 2px 5px;
border-radius: 999px;
background: rgba(83, 100, 113, 0.1);
font-size: 10px;
font-weight: 700;
line-height: 1.2;
}
.ansico-imported-social-archive__hashtag.is-active .ansico-imported-social-archive__hashtag-count {
background: rgba(255, 255, 255, 0.2);
}
.ansico-imported-social-archive__months {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
margin: -5px 0 12px;
}
.ansico-imported-social-archive__seo-prev {
display: inline-flex;
min-height: 38px;
align-items: center;
justify-content: center;
padding: 8px 14px;
border-radius: 999px;
color: #536471;
font-size: 13px;
font-weight: 600;
text-decoration: none;
}
.ansico-imported-social-archive__seo-prev:hover,
.ansico-imported-social-archive__seo-prev:focus-visible {
background: #f2f4f5;
color: #0f1419;
}
.ansico-imported-social-archive__seo-prev[hidden] {
display: none !important;
}
.ansico-imported-social-archive__load-more.is-disabled {
pointer-events: none;
cursor: wait;
opacity: 0.55;
}
.ansico-imported-social-archive__top-actions .ansico-imported-social-archive__chart-toggle {
margin: -3px -4px 0 0;
}
.ansico-imported-social-archive__memories {
margin: 0 0 16px;
padding: 14px;
border: 1px solid rgba(15, 20, 25, 0.12);
border-radius: 14px;
background: linear-gradient(135deg, rgba(10, 102, 194, 0.045), rgba(255, 255, 255, 0));
}
.ansico-imported-social-archive__memories-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.ansico-imported-social-archive__memories-head > div {
display: flex;
align-items: baseline;
gap: 8px;
}
.ansico-imported-social-archive__memories-head strong {
color: #0f1419;
font-size: 15px;
}
.ansico-imported-social-archive__memories-head span,
.ansico-imported-social-archive__memories-count {
color: #536471;
font-size: 12px;
}
.ansico-imported-social-archive__memory-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
}
.ansico-imported-social-archive__memory button {
display: grid;
width: 100%;
min-height: 112px;
grid-template-columns: auto minmax(0, 1fr);
grid-template-rows: auto 1fr;
gap: 3px 8px;
box-sizing: border-box;
padding: 10px;
border: 1px solid rgba(15, 20, 25, 0.11);
border-radius: 10px;
background: #fff;
color: #0f1419;
cursor: pointer;
font: inherit;
text-align: left;
}
.ansico-imported-social-archive__memory button:hover,
.ansico-imported-social-archive__memory button:focus-visible {
border-color: rgba(10, 102, 194, 0.5);
background: rgba(10, 102, 194, 0.035);
outline: none;
}
.ansico-imported-social-archive__memory-year {
grid-row: 1 / span 2;
color: #0A66C2;
font-size: 18px;
font-weight: 750;
line-height: 1.15;
}
.ansico-imported-social-archive__memory-author {
overflow: hidden;
color: #536471;
font-size: 11px;
font-weight: 650;
text-overflow: ellipsis;
white-space: nowrap;
}
.ansico-imported-social-archive__memory-text {
display: -webkit-box;
overflow: hidden;
color: #0f1419;
font-size: 12px;
line-height: 1.4;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.ansico-imported-social-archive__insight-summary {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
margin-bottom: 12px;
}
.ansico-imported-social-archive__insight-summary > div {
min-width: 0;
padding: 9px 10px;
border-radius: 9px;
background: #f7f9fa;
}
.ansico-imported-social-archive__insight-summary strong,
.ansico-imported-social-archive__insight-summary span {
display: block;
}
.ansico-imported-social-archive__insight-summary strong {
color: #0f1419;
font-size: 18px;
line-height: 1.2;
}
.ansico-imported-social-archive__insight-summary span {
margin-top: 2px;
color: #536471;
font-size: 11px;
line-height: 1.3;
}
.ansico-imported-social-archive__insight-tabs {
display: inline-flex;
gap: 3px;
margin: 0 0 12px;
padding: 3px;
border-radius: 9px;
background: #f2f4f5;
}
.ansico-imported-social-archive__insight-tabs button {
min-height: 32px;
padding: 5px 10px;
border: 0;
border-radius: 7px;
background: transparent;
color: #536471;
cursor: pointer;
font: inherit;
font-size: 12px;
font-weight: 700;
}
.ansico-imported-social-archive__insight-tabs button.is-active {
background: #fff;
color: #0f1419;
box-shadow: 0 1px 2px rgba(15, 20, 25, 0.08);
}
.ansico-imported-social-archive__year-chart-item {
appearance: none;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
font: inherit;
}
.ansico-imported-social-archive__year-chart-item:disabled {
cursor: default;
}
.ansico-imported-social-archive__year-chart-item:not(:disabled):hover .ansico-imported-social-archive__year-chart-bar,
.ansico-imported-social-archive__year-chart-item:not(:disabled):focus-visible .ansico-imported-social-archive__year-chart-bar {
filter: brightness(0.82);
}
.ansico-imported-social-archive__year-chart-item:focus-visible {
outline: 2px solid #0A66C2;
outline-offset: 2px;
border-radius: 5px;
}
.ansico-imported-social-archive__heatmap-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.ansico-imported-social-archive__heatmap-head strong,
.ansico-imported-social-archive__heatmap-head span {
display: block;
}
.ansico-imported-social-archive__heatmap-head strong {
color: #0f1419;
font-size: 13px;
}
.ansico-imported-social-archive__heatmap-head span {
margin-top: 2px;
color: #536471;
font-size: 11px;
}
.ansico-imported-social-archive__heatmap-head select {
min-height: 32px;
padding: 4px 24px 4px 8px;
border: 1px solid rgba(15, 20, 25, 0.16);
border-radius: 7px;
background: #fff;
color: #0f1419;
font: inherit;
font-size: 12px;
}
.ansico-imported-social-archive__heatmap-scroll {
overflow-x: auto;
padding: 2px 0 5px;
scrollbar-width: thin;
}
.ansico-imported-social-archive__heatmap {
display: flex;
width: max-content;
min-width: 100%;
gap: 3px;
}
.ansico-imported-social-archive__heatmap-week {
display: grid;
grid-template-rows: repeat(7, 12px);
gap: 3px;
}
.ansico-imported-social-archive__heatmap-day {
width: 12px;
height: 12px;
padding: 0;
border: 0;
border-radius: 2px;
background: #e8ecef;
}
button.ansico-imported-social-archive__heatmap-day:not(:disabled) {
cursor: pointer;
}
button.ansico-imported-social-archive__heatmap-day:not(:disabled):hover,
button.ansico-imported-social-archive__heatmap-day:not(:disabled):focus-visible {
outline: 2px solid #0f1419;
outline-offset: 1px;
}
.ansico-imported-social-archive__heatmap-day.level-0 { background: #e8ecef; }
.ansico-imported-social-archive__heatmap-day.level-1 { background: rgba(10, 102, 194, 0.24); }
.ansico-imported-social-archive__heatmap-day.level-2 { background: rgba(10, 102, 194, 0.45); }
.ansico-imported-social-archive__heatmap-day.level-3 { background: rgba(10, 102, 194, 0.68); }
.ansico-imported-social-archive__heatmap-day.level-4 { background: #0A66C2; }
.ansico-imported-social-archive__heatmap-day.is-empty { background: transparent; }
.ansico-imported-social-archive__heatmap-empty {
padding: 20px 4px;
color: #536471;
font-size: 12px;
}
.ansico-imported-social-archive__heatmap-legend {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
margin-top: 7px;
color: #536471;
font-size: 10px;
}
.ansico-imported-social-archive__heatmap-legend i {
width: 10px;
height: 10px;
border-radius: 2px;
}
.ansico-imported-social-archive__heatmap-legend i.level-0 { background: #e8ecef; }
.ansico-imported-social-archive__heatmap-legend i.level-1 { background: rgba(10, 102, 194, 0.24); }
.ansico-imported-social-archive__heatmap-legend i.level-2 { background: rgba(10, 102, 194, 0.45); }
.ansico-imported-social-archive__heatmap-legend i.level-3 { background: rgba(10, 102, 194, 0.68); }
.ansico-imported-social-archive__heatmap-legend i.level-4 { background: #0A66C2; }
.ansico-imported-social-archive__active-day {
display: inline-flex;
align-items: center;
gap: 7px;
margin: 0 0 12px;
padding: 5px 7px 5px 10px;
border-radius: 999px;
background: rgba(10, 102, 194, 0.09);
color: #0A66C2;
font-size: 12px;
font-weight: 650;
}
.ansico-imported-social-archive__active-day[hidden] { display: none !important; }
.ansico-imported-social-archive__active-day button {
display: inline-flex;
width: 22px;
height: 22px;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(10, 102, 194, 0.12);
color: inherit;
cursor: pointer;
font: inherit;
font-size: 17px;
line-height: 1;
}
@container ansico-social-archive (max-width: 760px) {
.ansico-imported-social-archive__memory-list { grid-template-columns: 1fr; }
.ansico-imported-social-archive__insight-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container ansico-social-archive (max-width: 480px) {
.ansico-imported-social-archive__memories-head,
.ansico-imported-social-archive__heatmap-head { flex-direction: column; align-items: stretch; }
.ansico-imported-social-archive__insight-summary { grid-template-columns: 1fr 1fr; }
}
.ansico-imported-social-archive__memories[hidden] {
display: none !important;
}
.ansico-imported-social-archive__memory-toggle {
flex: 0 0 auto;
}
.ansico-imported-social-archive__advanced-panel {
padding-top: 2px;
}
.ansico-imported-social-archive__advanced-panel[hidden] { display: none !important; }
.ansico-imported-social-archive__advanced-cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin-bottom: 12px;
}
.ansico-imported-social-archive__advanced-cards > div {
min-width: 0;
padding: 10px;
border-radius: 9px;
background: #f7f9fa;
}
.ansico-imported-social-archive__advanced-cards strong,
.ansico-imported-social-archive__advanced-cards span { display: block; }
.ansico-imported-social-archive__advanced-cards strong { color: #0f1419; font-size: 16px; }
.ansico-imported-social-archive__advanced-cards span { margin-top: 2px; color: #536471; font-size: 11px; }
.ansico-imported-social-archive__advanced-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.ansico-imported-social-archive__advanced-grid > div {
min-width: 0;
padding: 10px;
border: 1px solid rgba(15,20,25,.1);
border-radius: 10px;
}
.ansico-imported-social-archive__advanced-grid h4 {
margin: 0 0 9px;
color: #536471;
font-size: 12px;
}
.ansico-imported-social-archive__mini-bars {
display: flex;
height: 86px;
align-items: stretch;
gap: 5px;
}
.ansico-imported-social-archive__mini-bar-item {
display: grid;
min-width: 0;
flex: 1 1 0;
grid-template-rows: minmax(0,1fr) 17px;
align-items: end;
text-align: center;
}
.ansico-imported-social-archive__mini-bar-item i {
display: block;
width: 70%;
height: var(--ansico-mini-height,0%);
min-height: 0;
justify-self: center;
border-radius: 4px 4px 1px 1px;
background: #0A66C2;
}
.ansico-imported-social-archive__mini-bar-item b {
overflow: hidden;
color: #536471;
font-size: 9px;
font-weight: 650;
text-overflow: clip;
}
.ansico-imported-social-archive__mini-bars--hours { gap: 2px; }
.ansico-imported-social-archive__stat-chips {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
.ansico-imported-social-archive__stat-chips span {
padding: 5px 8px;
border-radius: 999px;
background: #f2f4f5;
color: #536471;
font-size: 11px;
font-weight: 650;
}
@container ansico-social-archive (max-width: 620px) {
.ansico-imported-social-archive__advanced-cards { grid-template-columns: 1fr; }
.ansico-imported-social-archive__advanced-grid { grid-template-columns: 1fr; }
}
.ansico-imported-social-archive__permalink {
color: inherit;
text-decoration: none;
}
.ansico-imported-social-archive__permalink:hover,
.ansico-imported-social-archive__permalink:focus-visible {
text-decoration: underline;
text-underline-offset: 2px;
}
.ansico-imported-social-feed__identity-link {
color: inherit;
text-decoration: none;
min-width: 0;
}
.ansico-imported-social-feed__identity-link:hover .ansico-imported-social-feed__name,
.ansico-imported-social-feed__identity-link:focus-visible .ansico-imported-social-feed__name {
text-decoration: underline;
text-underline-offset: 2px;
}
.ansico-imported-social-feed__avatar-wrap > a {
display: inline-flex;
border-radius: 50%;
}
.ansico-imported-social-feed__avatar-wrap > a:focus-visible {
outline: 2px solid #0A66C2;
outline-offset: 2px;
}
.ansico-imported-social-archive__year-review {
padding-top: 2px;
}
.ansico-imported-social-archive__year-review[hidden] { display: none !important; }
.ansico-imported-social-archive__year-review-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.ansico-imported-social-archive__year-review-head strong,
.ansico-imported-social-archive__year-review-head span { display: block; }
.ansico-imported-social-archive__year-review-head strong { color: #0f1419; font-size: 15px; }
.ansico-imported-social-archive__year-review-head > div > span { margin-top: 2px; color: #536471; font-size: 11px; }
.ansico-imported-social-archive__review-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ansico-imported-social-archive__year-review-months { grid-column: 1 / -1; }
@container ansico-social-archive (max-width: 760px) {
.ansico-imported-social-archive__review-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container ansico-social-archive (max-width: 420px) {
.ansico-imported-social-archive__review-cards { grid-template-columns: 1fr; }
}
.ansico-imported-social-archive__followers-panel {
padding-top: 2px;
}
.ansico-imported-social-archive__followers-panel[hidden] { display: none !important; }
.ansico-imported-social-archive__followers-head {
margin-bottom: 12px;
}
.ansico-imported-social-archive__followers-head strong,
.ansico-imported-social-archive__followers-head span {
display: block;
}
.ansico-imported-social-archive__followers-head strong {
color: #0f1419;
font-size: 13px;
}
.ansico-imported-social-archive__followers-head span {
margin-top: 2px;
color: #536471;
font-size: 11px;
line-height: 1.4;
}
.ansico-imported-social-archive__followers-chart {
display: grid;
gap: 9px;
}
.ansico-imported-social-archive__follower-row {
display: grid;
grid-template-columns: minmax(145px, 220px) minmax(90px, 1fr) auto;
align-items: center;
gap: 10px;
min-width: 0;
}
.ansico-imported-social-archive__follower-meta {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.ansico-imported-social-archive__follower-text {
display: block;
min-width: 0;
}
.ansico-imported-social-archive__follower-text > strong,
.ansico-imported-social-archive__follower-text > a,
.ansico-imported-social-archive__follower-text > small {
display: block;
}
.ansico-imported-social-archive__follower-text > strong,
.ansico-imported-social-archive__follower-text > a {
overflow: hidden;
color: #0f1419;
font-size: 12px;
font-weight: 700;
line-height: 1.25;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.ansico-imported-social-archive__follower-text > a:hover,
.ansico-imported-social-archive__follower-text > a:focus-visible {
color: #0A66C2;
text-decoration: underline;
text-underline-offset: 2px;
}
.ansico-imported-social-archive__follower-text > small {
overflow: hidden;
margin-top: 2px;
color: #536471;
font-size: 10px;
line-height: 1.3;
text-overflow: ellipsis;
white-space: nowrap;
}
.ansico-imported-social-archive__follower-track {
height: 20px;
overflow: hidden;
border-radius: 5px;
background: #f2f4f5;
}
.ansico-imported-social-archive__follower-track i {
display: block;
width: var(--ansico-follower-width, 0%);
height: 100%;
border-radius: inherit;
background: #0A66C2;
}
.ansico-imported-social-archive__follower-value {
min-width: 58px;
color: #0f1419;
font-size: 12px;
font-variant-numeric: tabular-nums;
text-align: right;
}
.ansico-imported-social-archive__followers-empty {
padding: 18px 4px;
color: #536471;
font-size: 12px;
}
.ansico-imported-social-archive__followers-empty[hidden] { display: none !important; }
@container ansico-social-archive (max-width: 620px) {
.ansico-imported-social-archive__insight-tabs {
display: flex;
max-width: 100%;
overflow-x: auto;
scrollbar-width: thin;
}
.ansico-imported-social-archive__insight-tabs button { flex: 0 0 auto; }
.ansico-imported-social-archive__follower-row {
grid-template-columns: minmax(0, 1fr) auto;
gap: 7px 10px;
}
.ansico-imported-social-archive__follower-track {
grid-column: 1 / -1;
grid-row: 2;
}
.ansico-imported-social-archive__follower-value {
grid-column: 2;
grid-row: 1;
}
}
.ansico-social-account-card__actions {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
min-width: 0;
}
.ansico-social-account-card__stats-toggle {
margin: 0;
}
.ansico-social-account-year-chart {
grid-column: 1 / -1;
width: 100%;
margin-top: 0;
}
.ansico-social-account-year-chart__item {
box-sizing: border-box;
border: 0;
background: transparent;
color: inherit;
text-decoration: none;
}
.ansico-social-account-year-chart__item:hover .ansico-imported-social-archive__year-chart-year,
.ansico-social-account-year-chart__item:focus-visible .ansico-imported-social-archive__year-chart-year {
color: #0f1419;
text-decoration: underline;
text-underline-offset: 2px;
}
.ansico-social-account-filters {
box-sizing: border-box;
margin: 0 0 24px;
padding: 16px;
border: 1px solid rgba(15,20,25,.14);
border-radius: 14px;
background: var(--wp--preset--color--base,#fff);
}
.ansico-social-account-filters__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.ansico-social-account-filters__head strong {
color: #0f1419;
font-size: 14px;
}
.ansico-social-account-filters__head span {
color: #536471;
font-size: 12px;
}
.ansico-social-account-filters .ansico-imported-social-archive__years,
.ansico-social-account-filters .ansico-imported-social-archive__months {
margin-bottom: 10px;
}
.ansico-social-account-filters a.ansico-imported-social-archive__year,
.ansico-social-account-filters a.ansico-imported-social-archive__month {
text-decoration: none;
}
.ansico-social-account-search {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
gap: 8px;
margin-top: 6px;
}
.ansico-social-account-search .ansico-imported-social-archive__search {
flex: 1 1 280px;
align-items: flex-start;
flex-direction: column;
gap: 5px;
}
.ansico-social-account-search .ansico-imported-social-archive__search input {
width: min(100%, 420px);
min-width: min(100%, 220px);
}
.ansico-social-account-search__submit,
.ansico-social-account-search__clear {
display: inline-flex;
min-height: 34px;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 6px 12px;
border: 1px solid rgba(15,20,25,.18);
border-radius: 9px;
background: #fff;
color: #0f1419;
cursor: pointer;
font: inherit;
font-size: 13px;
font-weight: 650;
line-height: 1;
text-decoration: none;
}
.ansico-social-account-search__submit:hover,
.ansico-social-account-search__submit:focus-visible,
.ansico-social-account-search__clear:hover,
.ansico-social-account-search__clear:focus-visible {
border-color: rgba(15,20,25,.35);
background: #f2f4f5;
}
.ansico-social-account-posts__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
.ansico-social-account-posts__head h2 {
margin: 0;
}
.ansico-social-account-posts__head span {
color: #536471;
font-size: 13px;
}
.ansico-social-account-empty {
box-sizing: border-box;
padding: 22px;
border: 1px solid rgba(15,20,25,.14);
border-radius: 14px;
color: #536471;
text-align: center;
}
@media (max-width: 700px) {
.ansico-social-account-card__actions {
justify-content: flex-start;
flex-wrap: wrap;
}
.ansico-social-account-search {
align-items: stretch;
}
.ansico-social-account-search .ansico-imported-social-archive__search,
.ansico-social-account-search .ansico-imported-social-archive__search input {
width: 100%;
}
}
.ansico-social-account-insights {
grid-column: 1 / -1;
width: 100%;
min-width: 0;
padding-top: 14px;
border-top: 1px solid rgba(15,20,25,.1);
}
.ansico-social-account-insights__tabs {
margin-bottom: 14px;
}
.ansico-social-account-insights__panel {
min-width: 0;
}
.ansico-social-account-insights__context {
margin: 0 0 10px;
color: #536471;
font-size: 12px;
}
.ansico-social-account-insights__tags {
grid-column: 1 / -1;
}
@media (max-width: 620px) {
.ansico-social-account-insights__tags { grid-column: auto; }
}
.ansico-imported-social-archive__advanced-search-toggle {
display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;box-sizing:border-box;
margin:-3px 0 0;padding:0;border:1px solid rgba(15,20,25,.14);border-radius:9px;background:#fff;color:#536471;cursor:pointer;
transition:background-color .12s ease,color .12s ease,border-color .12s ease;
}
.ansico-imported-social-archive__advanced-search-toggle:hover,
.ansico-imported-social-archive__advanced-search-toggle:focus-visible{border-color:rgba(15,20,25,.32);background:#f2f4f5;color:#0f1419}
.ansico-imported-social-archive__advanced-search-toggle[aria-expanded="true"]{border-color:#0f1419;background:#0A66C2;color:#fff}
.ansico-imported-social-archive__advanced-search-toggle svg{display:block;width:19px;height:19px}
.ansico-imported-social-archive__advanced-search{margin-top:15px;padding:14px;border-top:1px solid rgba(15,20,25,.1);background:#f8f9fa;border-radius:12px}
.ansico-imported-social-archive__advanced-search[hidden]{display:none!important}
.ansico-imported-social-archive__advanced-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ansico-imported-social-archive__advanced-search label{display:grid;gap:5px;min-width:0;color:#536471;font-size:11px;font-weight:650}
.ansico-imported-social-archive__advanced-search select{width:100%;min-width:0;min-height:38px;border:1px solid rgba(15,20,25,.18);border-radius:8px;background:#fff;color:#0f1419;padding:6px 9px;font-size:14px}
.ansico-imported-social-archive__advanced-clear{margin-top:10px;border:0;background:transparent;color:#0A66C2;padding:4px 0;font-weight:650;cursor:pointer}
.ansico-imported-social-archive__follower-changes{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.ansico-imported-social-archive__follower-changes small{display:inline-flex!important;padding:2px 5px;border-radius:999px;background:#f2f4f5;color:#536471;font-size:9px!important;white-space:nowrap!important}
.ansico-imported-social-archive__follower-spark{width:72px;height:28px;flex:0 0 72px;overflow:visible}
.ansico-imported-social-archive__follower-spark polyline{stroke:#536471;stroke-width:1.5}
@container ansico-social-archive (max-width:620px){
.ansico-imported-social-archive__advanced-search-grid{grid-template-columns:1fr}
.ansico-imported-social-archive__follower-spark{display:none}
}
.ansico-imported-social-archive__engagement-panel { min-width: 0; }
.ansico-imported-social-archive__engagement-panel[hidden] { display: none !important; }
.ansico-imported-social-archive__engagement-networks,
.ansico-imported-social-archive__engagement-posts { display: grid; gap: 8px; }
.ansico-imported-social-archive__engagement-network,
.ansico-imported-social-archive__engagement-post {
display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
padding: 8px 10px; border: 1px solid rgba(15,20,25,.10); border-radius: 9px;
background: #fff; color: #0f1419; text-decoration: none;
}
.ansico-imported-social-archive__engagement-network span,
.ansico-imported-social-archive__engagement-post strong { color: #536471; font-size: 12px; white-space: nowrap; }
.ansico-imported-social-archive__engagement-post span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ansico-imported-social-archive__engagement-post:hover,
.ansico-imported-social-archive__engagement-post:focus-visible { border-color: rgba(15,20,25,.28); background: #f7f9f9; }
@container ansico-social-archive (max-width:620px) {
.ansico-imported-social-archive__engagement-network,
.ansico-imported-social-archive__engagement-post { align-items: flex-start; flex-direction: column; gap: 4px; }
.ansico-imported-social-archive__engagement-network span,
.ansico-imported-social-archive__engagement-post strong { white-space: normal; }
.ansico-imported-social-archive__engagement-post span { white-space: normal; }
}
.ansico-imported-social-archive .ansico-social-engagement,
.ansico-social-account-profile .ansico-social-engagement,
.ansico-social-single-post .ansico-social-engagement {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
margin-top: 12px;
color: #536471;
font-size: 13px;
line-height: 1;
}
.ansico-imported-social-archive .ansico-social-engagement__item,
.ansico-social-account-profile .ansico-social-engagement__item,
.ansico-social-single-post .ansico-social-engagement__item {
display: inline-flex;
align-items: center;
gap: 5px;
min-height: 24px;
}
.ansico-imported-social-archive .ansico-social-engagement__icon,
.ansico-social-account-profile .ansico-social-engagement__icon,
.ansico-social-single-post .ansico-social-engagement__icon {
display: inline-flex;
width: 17px;
height: 17px;
flex: 0 0 17px;
}
.ansico-imported-social-archive .ansico-social-engagement__icon svg,
.ansico-social-account-profile .ansico-social-engagement__icon svg,
.ansico-social-single-post .ansico-social-engagement__icon svg {
display: block;
width: 100%;
height: 100%;
}
.ansico-imported-social-archive .ansico-social-engagement__count,
.ansico-social-account-profile .ansico-social-engagement__count,
.ansico-social-single-post .ansico-social-engagement__count { font-variant-numeric: tabular-nums; }
.ansico-imported-social-archive__sort-controls {
display: inline-flex;
align-items: center;
gap: 5px;
}
.ansico-imported-social-archive__sort-button {
display: inline-flex;
width: 34px;
height: 34px;
flex: 0 0 34px;
align-items: center;
justify-content: center;
box-sizing: border-box;
margin: -3px 0 0;
padding: 0;
border: 1px solid rgba(15,20,25,.14);
border-radius: 9px;
background: #fff;
color: #536471;
cursor: pointer;
text-decoration: none !important;
transition: background-color .12s ease, color .12s ease, border-color .12s ease;
}
.ansico-imported-social-archive__sort-button:hover,
.ansico-imported-social-archive__sort-button:focus-visible {
border-color: rgba(15,20,25,.32);
background: #f2f4f5;
color: #0f1419;
text-decoration: none !important;
}
.ansico-imported-social-archive__sort-button.is-active,
.ansico-imported-social-archive__sort-button[aria-pressed="true"] {
border-color: #0f1419;
background: #0A66C2;
color: #fff;
}
.ansico-imported-social-archive__sort-button:disabled {
cursor: wait;
opacity: .62;
}
.ansico-imported-social-archive__sort-button svg {
display: block;
width: 18px;
height: 18px;
}
.ansico-social-account-posts__head-actions {
display: inline-flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 9px;
}
.ansico-social-account-sort-controls .ansico-imported-social-archive__sort-button {
margin-top: 0;
}
@media (max-width: 620px) {
.ansico-social-account-posts__head {
align-items: center;
}
.ansico-social-account-posts__head-actions {
gap: 7px;
}
}
@container ansico-social-archive (max-width: 520px) {
.ansico-imported-social-archive__top-row {
flex-wrap: wrap;
}
.ansico-imported-social-archive__top-actions {
width: 100%;
justify-content: flex-end;
}
}
.ansico-imported-social-archive .ansico-imported-social-feed__body > .ansico-social-source-links,
.ansico-social-account-profile .ansico-imported-social-feed__body > .ansico-social-source-links,
.ansico-social-single-post .ansico-imported-social-feed__body > .ansico-social-source-links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin: 8px 0 12px;
width: fit-content;
}


/* v1.0.0.101: responsive engagement detail and per-publication-year totals. */
.ansico-imported-social-archive__year-chart,
.ansico-imported-social-archive__insights,
.ansico-imported-social-archive__engagement-panel,
.ansico-imported-social-archive__engagement-panel .ansico-imported-social-archive__advanced-grid,
.ansico-imported-social-archive__engagement-panel .ansico-imported-social-archive__advanced-grid > div {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.ansico-imported-social-archive__insight-tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  min-width: 0;
}
.ansico-imported-social-archive__engagement-panel .ansico-imported-social-archive__advanced-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ansico-imported-social-archive__engagement-panel .ansico-imported-social-archive__advanced-grid > div {
  overflow: hidden;
}
.ansico-imported-social-archive__engagement-network,
.ansico-imported-social-archive__engagement-post {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ansico-imported-social-archive__engagement-network strong,
.ansico-imported-social-archive__engagement-post span {
  flex: 1 1 12rem;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}
.ansico-imported-social-archive__engagement-network span,
.ansico-imported-social-archive__engagement-post strong {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}
.ansico-imported-social-archive__engagement-years {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid rgba(15,20,25,.10);
  border-radius: 10px;
  background: #fff;
}
.ansico-imported-social-archive__engagement-years-head h4 {
  margin: 0 0 4px;
  color: #0f1419;
  font-size: 13px;
}
.ansico-imported-social-archive__engagement-years-head p {
  margin: 0 0 10px;
  color: #536471;
  font-size: 11px;
  line-height: 1.5;
}
.ansico-imported-social-archive__engagement-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
  color: #536471;
  font-size: 11px;
}
.ansico-imported-social-archive__engagement-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.ansico-imported-social-archive__engagement-legend i {
  width: 9px;
  height: 9px;
  border-radius: 2px;
}
.ansico-imported-social-archive__engagement-legend .is-likes,
.ansico-imported-social-archive__engagement-segment.is-likes { background: #0a66c2; }
.ansico-imported-social-archive__engagement-legend .is-reposts,
.ansico-imported-social-archive__engagement-segment.is-reposts { background: #36a885; }
.ansico-imported-social-archive__engagement-legend .is-replies,
.ansico-imported-social-archive__engagement-segment.is-replies { background: #e8a545; }
.ansico-imported-social-archive__engagement-years-chart {
  display: grid;
  min-width: 0;
  gap: 9px;
}
.ansico-imported-social-archive__engagement-year {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) minmax(46px, auto);
  min-width: 0;
  align-items: center;
  gap: 9px;
  color: #0f1419;
  font-size: 12px;
}
.ansico-imported-social-archive__engagement-year-label {
  color: #536471;
  font-variant-numeric: tabular-nums;
}
.ansico-imported-social-archive__engagement-year-track {
  display: flex;
  width: 100%;
  min-width: 0;
  height: 16px;
  overflow: hidden;
  border-radius: 4px;
  background: #f2f4f5;
}
.ansico-imported-social-archive__engagement-segment {
  display: block;
  height: 100%;
  flex: 0 0 auto;
  min-width: 0;
}
.ansico-imported-social-archive__engagement-year-total {
  text-align: right;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
.ansico-imported-social-archive__engagement-years-empty {
  margin: 2px 0;
  font-size: 12px;
  color: #536471;
}
@container ansico-social-archive (max-width: 760px) {
  .ansico-imported-social-archive__engagement-panel .ansico-imported-social-archive__advanced-grid {
    grid-template-columns: minmax(0,1fr);
  }
}
@media (max-width: 600px) {
  .ansico-imported-social-archive__engagement-panel .ansico-imported-social-archive__advanced-grid {
    grid-template-columns: minmax(0,1fr);
  }
}