.avive-inv{--bg:#fff;--bg-soft:#f7f8fa;--line:#e8e9ee;--text:#222;--muted:#596273;--accent:#0b6efd;--radius:14px}
.avive-inv *{box-sizing:border-box}
.avive-inv {
max-width:1300px;
} .avive-inv.layout{
display:grid;
grid-template-columns:1fr;
gap:16px;
}
@media (min-width:1024px){
.avive-inv.layout{
grid-template-columns:minmax(260px,25%) 1fr;
align-items:start;
}
} .avive-inv__sidebar{
background:var(--bg-soft);
border:1px solid var(--line);
border-radius:var(--radius);
padding:12px;
position:relative;
}
@media (min-width:1024px){
.avive-inv__sidebar{
position:sticky;
top:12px;
}
} .avive-filter-toggle{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
width:100%;
border:1px solid var(--line);
background:#fff;
border-radius:12px;
padding:10px 12px;
cursor:pointer;
font-size:15px;
color:var(--text);
}
.avive-filter-toggle:focus{outline:2px solid var(--accent)}
@media (min-width:1024px){
.avive-filter-toggle{ display:none; }
} .avive-inv__form{
background:var(--bg);
border:1px solid var(--line);
border-radius:var(--radius);
padding:12px;
box-shadow:0 10px 20px rgba(0,0,0,.04);
margin-top:12px; max-height:0;
overflow:hidden;
transition:max-height .25s ease-in-out, opacity .2s ease;
opacity:0;
}
.avive-inv--filters-open .avive-inv__form{
max-height:1200px; opacity:1;
}
@media (min-width:1024px){
.avive-inv__form{
max-height:none;
opacity:1;
overflow:visible;
}
} .avive-inv__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
@media (max-width: 900px){.avive-inv__row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 600px){.avive-inv__row{grid-template-columns:1fr}}
.avive-field{display:flex;flex-direction:column;font-size:14px;color:var(--muted)}
.avive-field>input,.avive-field>select{margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff} .avive-inv__flags{gap:8px}
.avive-switch{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 10px} .avive-inv__actions{display:flex;gap:8px;margin-top:6px}
.avive-btn{appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer}
.avive-btn--ghost{background:#fff;color:var(--accent)} .avive-inv__content{min-width:0}
.avive-inv__results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width: 1024px){.avive-inv__results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.avive-inv__results{grid-template-columns:1fr}} .avive-card{display:block;text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;transition:transform .12s ease, box-shadow .12s ease}
.avive-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}
.avive-card h3{margin:0 0 6px;font-size:18px}
.avive-card p{margin:0 0 8px;color:var(--muted);font-size:14px} .avive-chips{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:8px}
.avive-chip{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:12px;background:#fafbfe} .avive-pager{display:flex;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap}
.avive-pagebtn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer}
.avive-pagebtn[aria-current="true"]{border-color:var(--accent);outline:2px solid var(--accent)} .avive-inv__sidebar .avive-inv__form .avive-inv__row{
grid-template-columns: 1fr !important; } .avive-inv__sidebar .avive-inv__form .avive-inv__flags{
grid-template-columns: 1fr !important;
} .avive-inv__sidebar .avive-inv__form .avive-field > input,
.avive-inv__sidebar .avive-inv__form .avive-field > select{
width: 100%;
} .avive-inv__sidebar .avive-inv__form .avive-inv__row + .avive-inv__row{
margin-top: 8px;
} .avive-inv{
--bg:#ffffff;
--bg-soft:#f3f7f3; --bg-soft-2:#eef5ee; --line:#dfe7df;
--text:#24322a; --muted:#62726a;
--accent:#2f9e44; --accent-weak:#a8d5b6;
--chip:#e9f5ec;
--chip-line:#cfe8d6;
--radius:16px;
--fs-sm:13px;
--fs-md:14px;
--fs-lg:16px;
} .avive-inv.layout{ gap:18px !important; }
@media (min-width:1024px){
.avive-inv.layout{ grid-template-columns:minmax(280px,25%) 1fr !important; }
} .avive-inv__sidebar{
background:var(--bg-soft) !important;
border:1px solid var(--line) !important;
border-radius:var(--radius) !important;
padding:14px !important;
}
.avive-filter-toggle{
background:#fff !important;
border:1px solid var(--line) !important;
color:var(--text) !important;
font-size:var(--fs-md) !important;
border-radius:14px !important;
} .avive-inv__form{
background:#fff !important;
border:1px solid var(--line) !important;
border-radius:14px !important;
padding:12px !important;
box-shadow:0 6px 18px rgba(0,0,0,.05) !important;
} .avive-inv__sidebar .avive-inv__form .avive-inv__row{
grid-template-columns:1fr !important;
margin-bottom:10px !important;
}
.avive-field{
text-align:left !important;
font-size:var(--fs-sm) !important;
color:var(--muted) !important;
}
.avive-field > span{
font-size:var(--fs-sm) !important;
line-height:1.25 !important;
letter-spacing:.1px !important;
}
.avive-field > input,
.avive-field > select{
width:100% !important;
margin-top:6px !important;
padding:9px 11px !important;
font-size:var(--fs-md) !important;
color:var(--text) !important;
background:#fff !important;
border:1px solid var(--line) !important;
border-radius:12px !important;
box-shadow:0 1px 0 rgba(0,0,0,.02) inset !important;
} .avive-inv__flags{ gap:8px !important; }
.avive-switch{
display:flex !important; align-items:center !important; gap:10px !important;
background:#fff !important;
border:1px solid var(--line) !important;
border-radius:999px !important;
padding:8px 12px !important;
font-size:var(--fs-md) !important;
color:var(--text) !important;
}
.avive-switch input{ width:16px !important; height:16px !important; } .avive-inv__actions{ gap:8px !important; }
.avive-btn{
background:var(--accent) !important; border:1px solid var(--accent) !important;
color:#fff !important; padding:10px 14px !important; border-radius:12px !important;
font-size:var(--fs-md) !important; cursor:pointer !important;
}
.avive-btn--ghost{
background:#fff !important; color:var(--accent) !important;
border:1px solid var(--accent) !important;
} .avive-inv__content{ min-width:0 !important; }
.avive-inv__results{ gap:16px !important; } .avive-card{
color:var(--text) !important;
border:1px solid var(--line) !important;
background:#fff !important;
border-radius:18px !important;
padding:16px !important;
box-shadow:0 4px 14px rgba(0,0,0,.04) !important;
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease !important;
}
.avive-card:hover{
transform:translateY(-2px) !important;
box-shadow:0 10px 24px rgba(47,158,68,.12) !important;
border-color:var(--accent-weak) !important;
}
.avive-card h3{
margin:0 0 4px !important;
font-size:18px !important; font-weight:700 !important;
letter-spacing:.2px !important;
color:#1e2a22 !important; text-transform:none !important; }
.avive-card p{
margin:0 0 8px !important;
color:var(--muted) !important;
font-size:var(--fs-md) !important;
} .avive-chips{ gap:6px 8px !important; margin-top:8px !important; }
.avive-chip{
background:var(--chip) !important;
border:1px solid var(--chip-line) !important;
color:#1f5c31 !important;
border-radius:999px !important;
padding:4px 8px !important;
font-size:12px !important;
} .avive-pager{ gap:8px !important; margin-top:16px !important; }
.avive-pagebtn{
border:1px solid var(--line) !important; background:#fff !important;
border-radius:10px !important; padding:7px 11px !important; font-size:var(--fs-md) !important;
}
.avive-pagebtn[aria-current="true"]{
border-color:var(--accent) !important;
outline:2px solid var(--accent) !important;
} @media (max-width:1023.98px){
.avive-inv__sidebar{ padding:10px !important; }
.avive-inv__form{ padding:10px !important; }
.avive-card{ padding:14px !important; }
.avive-card h3{ font-size:17px !important; }
} .avive-attr{
margin:8px 0 0 0 !important;
padding:0 !important;
display:flex;
flex-direction:column;
gap:4px;
font-size:var(--fs-sm) !important;
}
.avive-attr div{display:flex; gap:6px;}
.avive-attr dt{
font-weight:600 !important;
color:var(--text) !important;
}
.avive-attr dd{
margin:0 !important;
color:var(--muted) !important;
} .avive-pager{ display:flex !important; gap:8px !important; flex-wrap:wrap !important; justify-content:center !important; }
.avive-pagebtn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-width:36px !important;
height:36px !important;
padding:0 10px !important;
border:1px solid var(--line) !important;
background:#fff !important;
border-radius:10px !important; font-size:14px !important;
line-height:1 !important;
font-weight:600 !important;
color:var(--text) !important;
}
.avive-pagebtn[aria-current="true"]{
border-color:var(--accent) !important;
outline:2px solid var(--accent) !important;
color:var(--accent) !important;
} .avive-inv__header{
margin: 4px 0 14px 0 !important;
padding: 10px 12px !important;
background: var(--bg-soft) !important;
border: 1px solid var(--line) !important;
border-radius: var(--radius) !important;
}
.avive-title{
margin: 0 0 6px 0 !important;
font-size: 24px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #1e2a22 !important;
}
.avive-lead{
margin: 0 !important;
font-size: 15px !important;
color: var(--muted) !important;
}
@media (max-width: 640px){
.avive-title{ font-size: 20px !important; }
.avive-lead{ font-size: 14px !important; }
} .avive-dim[hidden], .avive-drawer[hidden]{display:none !important;}
.avive-dim{
position:fixed !important; inset:0 !important; background:rgba(0,0,0,.3) !important;
opacity:0; transition:opacity .2s ease; z-index:9999;
}
.avive-dim.is-open{opacity:1 !important;}
.avive-drawer{
position:fixed !important; top:0 !important; right:0 !important; height:100vh !important;
width:min(420px,100vw) !important; background:#fff !important;
border-left:1px solid var(--line) !important; box-shadow:-12px 0 28px rgba(0,0,0,.1) !important;
transform:translateX(100%); transition:transform .25s ease; z-index:99999999999; overflow:auto;
border-top-left-radius:0px; border-bottom-left-radius:0px;
}
.avive-drawer.is-open{ transform:translateX(0) !important; }
.avive-drawer__header{
position:sticky; top:0; background:#f7fff7; padding:16px; border-bottom:1px solid var(--line);
display:flex; align-items:center; justify-content:space-between;
}
.avive-drawer__header h3{ margin:0; font-size:20px; color:#154e2b; font-weight:800; }
.avive-drawer__close{
border:1px solid var(--line); background:#fff; width:36px; height:36px; border-radius:10px; cursor:pointer;
font-size:20px; line-height:1; color:#24322a;
} .avive-drawer__form{ padding:14px; }
.avive-row{ display:grid; grid-template-columns:1fr; gap:10px; margin-bottom:10px; }
.avive-row--2{ grid-template-columns:1fr 1fr; gap:10px; }
@media (max-width:680px){ .avive-row--2{ grid-template-columns:1fr; } }
.avive-field{ display:flex; flex-direction:column; font-size:13px; color:var(--muted) !important; }
.avive-field>span{ font-size:13px !important; }
.avive-field>input, .avive-field>select{
margin-top:6px !important; padding:10px 12px !important;
border:1px solid var(--line) !important; border-radius:12px !important; background:#fff !important;
font-size:14px !important; color:var(--text) !important;
}
.avive-actions{ display:flex; gap:8px; margin-top:8px; }
.avive-btn{ background:#2f9e44 !important; border:1px solid #2f9e44 !important; color:#fff !important; border-radius:12px !important; padding:10px 14px !important; }
.avive-btn--ghost{ background:#fff !important; color:#2f9e44 !important; border:1px solid #2f9e44 !important; } .avive-fab{
position:fixed !important; right:22px !important; top:92px !important;
width:56px !important; height:56px !important; border-radius:999px !important;
border:none !important; background:#0b5d2a !important; color:#fff !important; cursor:pointer !important;
box-shadow:0 10px 22px rgba(0,0,0,.18) !important; z-index:99999 !important;
display:flex !important; align-items:center !important; justify-content:center !important;
font-size:20px !important;
} .avive-active{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:10px; background:#f3f7f3; border:1px solid var(--line); padding:10px 12px; border-radius:12px; }
.avive-active[hidden]{ display:none !important; }
.avive-link{ background:none; border:none; color:#2f9e44; cursor:pointer; text-decoration:underline; padding:0; }
.avive-chips{ display:flex; flex-wrap:wrap; gap:6px 8px; }
.avive-chip{ background:#e9f5ec !important; border:1px solid #cfe8d6 !important; color:#1f5c31 !important; border-radius:999px !important; padding:4px 8px !important; font-size:12px !important; } .avive-inv__results{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
@media (max-width:1024px){ .avive-inv__results{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){ .avive-inv__results{ grid-template-columns:1fr; } }
.avive-pagebar{ text-align:right; margin-top:6px; color:#62726a; font-size:13px; } .sr-only{ position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; } .avive-drawer__form input[type="text"],
.avive-drawer__form input[type="search"],
.avive-drawer__form select {
border: 1px solid #CCCCCC !important;
background: #fff !important;
border-radius: 12px !important;
box-shadow: 0 1px 0 rgba(0,0,0,.02) inset !important;
font-size: 14px !important;
color: var(--text) !important;
} :root { --avive-top-offset: 0px; } .avive-dim{
z-index: 999999 !important;
top: var(--avive-top-offset, 0px) !important; height: calc(100vh - var(--avive-top-offset, 0px)) !important;
}
.avive-drawer{
z-index: 2147483000 !important;
top: var(--avive-top-offset, 0px) !important;
height: calc(100vh - var(--avive-top-offset, 0px)) !important;
}
.avive-fab{
z-index: 99999 !important;
} .avive-drawer__header{
border-bottom: 1px solid var(--line) !important;
} :root{
--avive-top-offset: 95px; --avive-field-border: #CCCCCC; } .avive-dim{
position:fixed !important;
left:0 !important; top:var(--avive-top-offset) !important;
width:100% !important; height:calc(100vh - var(--avive-top-offset)) !important;
background:rgba(0,0,0,.3) !important;
opacity:0; transition:opacity .2s ease; z-index:2147482998 !important;
}
.avive-dim[hidden]{display:none !important;}
.avive-dim.is-open{opacity:1 !important;}
.avive-drawer{
position:fixed !important;
left:0 !important; right:auto !important; top:var(--avive-top-offset) !important;
height:calc(100vh - var(--avive-top-offset)) !important;
width:min(420px, 100vw) !important;
background:#fff !important;
border-right:1px solid var(--line) !important;
border-left:none !important;
box-shadow:12px 0 28px rgba(0,0,0,.1) !important;
transform:translateX(-100%) !important;
transition:transform .25s ease !important;
z-index:2147483000 !important;
overflow:auto !important;
border-top-right-radius:16px; border-bottom-right-radius:16px;
}
.avive-drawer.is-open{ transform:translateX(0) !important; } .avive-fab{
position:fixed !important;
left:18px !important;
top:calc(var(--avive-top-offset) + 12px) !important;
bottom:auto !important; right:auto !important;
width:48px !important; height:48px !important;
border-radius:999px !important; background:#0b5d2a !important; color:#fff !important;
box-shadow:0 10px 22px rgba(0,0,0,.18) !important;
z-index:2147482995 !important;
} .avive-drawer__header{ position:sticky; top:0; background:#f7fff7; padding:16px;
border-bottom:1px solid var(--line) !important; display:flex; justify-content:space-between; align-items:center; } .avive-drawer__form input[type="text"],
.avive-drawer__form input[type="search"],
.avive-drawer__form select{
border:1px solid var(--avive-field-border) !important;
background:#fff !important;
border-radius:12px !important;
box-shadow:0 1px 0 rgba(0,0,0,.02) inset !important;
font-size:14px !important; color:var(--text) !important;
} html.avive-no-scroll, body.avive-no-scroll{ overflow:hidden !important; } .avive-drawer__header{
display:grid !important;
grid-template-columns:auto 1fr auto !important;
align-items:center !important;
gap:8px !important;
position:sticky; top:0; background:#f7fff7; padding:14px;
border-bottom:1px solid var(--line) !important;
}
.avive-drawer__header h3{
margin:0 !important; text-align:center !important;
font-size:18px !important; color:#154e2b !important; font-weight:800 !important;
}
.avive-drawer__back{
background:none !important; border:none !important; cursor:pointer !important;
color:#0b5d2a !important; font-weight:700 !important; font-size:14px !important;
padding:6px 10px !important; border-radius:10px !important;
}
.avive-drawer__back:focus{ outline:2px solid #2f9e44 !important; }
.avive-drawer__close{
border:1px solid var(--line) !important; background:#fff !important;
width:36px !important; height:36px !important; border-radius:10px !important;
cursor:pointer !important; font-size:20px !important; line-height:1 !important; color:#24322a !important;
}
.avive-drawer__hint{
text-align:center !important; font-size:12px !important; color:var(--muted) !important;
padding:6px 0 10px 0 !important; border-bottom:1px dashed var(--line) !important;
}   .avive-drawer{
overflow: hidden !important;
} .avive-drawer__form{
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
max-width: 100% !important;
} .avive-row,
.avive-row > *,
.avive-field{
min-width: 0 !important;
} .avive-row--2{
grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
gap: 10px !important;
} .avive-drawer__form input[type="text"],
.avive-drawer__form input[type="search"],
.avive-drawer__form select{
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important; border: 1px solid #CCCCCC !important;
background: #fff !important;
border-radius: 12px !important;
box-shadow: 0 1px 0 rgba(0,0,0,.02) inset !important;
font-size: 14px !important;
color: var(--text) !important;
} .avive-drawer__form select[multiple]{
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
} .avive-drawer, .avive-drawer *{
box-sizing: border-box !important;
}
.avive-drawer__form select[multiple] option{
white-space: nowrap !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
} .avive-drawer{
display: flex !important;
flex-direction: column !important;
overflow: hidden !important; } .avive-drawer__form{
flex: 1 1 auto !important;
min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; max-width: 100% !important;
} .avive-row--2{
grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
} .avive-drawer__form input[type="text"],
.avive-drawer__form input[type="search"],
.avive-drawer__form select{
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
border: 1px solid #CCCCCC !important; background: #fff !important;
border-radius: 12px !important;
box-shadow: 0 1px 0 rgba(0,0,0,.02) inset !important;
font-size: 14px !important;
color: var(--text) !important;
} .avive-inv,
.avive-inv__header,
#aviveActive{
max-width: 1300px !important; width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 12px !important; padding-right: 12px !important;
align-self: center !important; } .avive-card__thumbs{
display:flex;
gap:.5rem;
padding:.75rem .75rem 1rem;
align-items:center;
min-height:56px; border-top:1px solid var(--line, #e9edf4);
} .avive-thumbbtn{
display:inline-flex;
border:0;
background:transparent;
padding:0;
cursor:pointer;
line-height:0;
border-radius:999px;
outline-offset:2px;
} .avive-thumb{
width:44px;
height:44px;
border-radius:9999px;
object-fit:cover;
display:block;
box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;
} .avive-modal{ position:fixed; inset:0; display:none; z-index:9999; }
.avive-modal.is-open{ display:block; }
.avive-modal__backdrop{
position:absolute; inset:0; background:rgba(0,0,0,.6);
}
.avive-modal__dialog{
position:absolute; inset:0;
margin:auto; width:min(96vw, 1100px); height:min(92vh, 800px);
display:flex; flex-direction:column; align-items:center; justify-content:center;
gap:.5rem; padding:1rem;
}
.avive-modal__img{
max-width:100%;
max-height:calc(100% - 60px);
border-radius:12px;
background:#fff;
}
.avive-modal__caption{
color:#fff; text-align:center; font-size:.95rem;
text-shadow:0 1px 2px rgba(0,0,0,.6);
}
.avive-modal__close{
position:absolute; top:8px; right:12px;
background:transparent; border:0; color:#fff; font-size:32px; cursor:pointer;
}
.avive-modal__nav{
position:absolute; top:50%; transform:translateY(-50%);
background:rgba(0,0,0,.35); border:0; color:#fff; width:42px; height:42px;
border-radius:999px; cursor:pointer; font-size:20px; line-height:0;
}
.avive-modal__prev{ left:12px; }
.avive-modal__next{ right:12px; } .avive-modal-open { overflow:hidden; }
.avive-thumbbtn{
background:none !important;
border:0 !important;
padding:0;
margin:0;
display:inline-flex;
cursor:pointer;
border-radius:999px;
}  .avive-inv__results{
display:grid; align-items:stretch; } .avive-card{
display:flex;
flex-direction:column;
height:100%;
} .avive-card__body{
padding: .9rem 1rem .5rem;
flex: 1 1 auto;
} .avive-card__media{ aspect-ratio: 16 / 9; width: 100%;
overflow: hidden;
border-radius: 14px 14px 0 0; background: #f3f4f6; }
.avive-card__img{
width: 100%;
height: 100%;
object-fit: cover; object-position: center;
display: block;
} .avive-card__media--placeholder{
display:flex; align-items:center; justify-content:center;
color:#9aa4b2;
font-size: 40px; } .avive-card__thumbs{
display:flex;
gap:.5rem;
padding:.75rem 1rem 1rem;
align-items:center;
min-height:56px; border-top:1px solid var(--line, #e9edf4);
margin-top:auto; }
.avive-thumbbtn{ display:inline-flex;
border-radius:999px;
cursor:pointer;
line-height:0;
}
.avive-thumbbtn:focus-visible{
outline:2px solid rgba(0,0,0,.25);
outline-offset:2px;
}
.avive-thumb{
width:44px; height:44px;
border-radius:9999px;
object-fit:cover;
display:block;
box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;
} .avive-thumb--placeholder{
width:44px; height:44px;
border-radius:9999px;
display:flex; align-items:center; justify-content:center;
background:#f3f4f6; color:#9aa4b2;
box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;
}
.avive-thumb--placeholder i{ font-size:18px; } .avive-card__media{
aspect-ratio: 16 / 9; width: 100%;
overflow: hidden;
border-radius: 14px 14px 0 0;
background: #f3f4f6; display: flex; align-items: center; justify-content: center;
}
.avive-card__img{
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center;
display: block;
}
.avive-card__media .avive-media-icon{
color:#9aa4b2; font-size: 40px; line-height: 1;
} .avive-card__thumbs{
display:flex; gap:.5rem; align-items:center;
padding:.75rem 1rem 1rem;
min-height:56px;
border-top:1px solid var(--line, #e9edf4);
margin-top:auto;
}
.avive-thumbbtn{
all: unset; display:inline-flex;
width:44px; height:44px; border-radius:999px;
cursor:pointer; line-height:0;
}
.avive-thumbbtn:focus-visible{
outline:2px solid rgba(0,0,0,.25); outline-offset:2px;
}
.avive-thumb{
width:100% !important; height:100% !important; aspect-ratio: 1 / 1; border-radius:50%;
object-fit:cover;
display:block;
box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;
}
.avive-thumb--placeholder{
width:44px; height:44px; border-radius:50%;
display:flex; align-items:center; justify-content:center;
background:#f3f4f6; color:#9aa4b2;
box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;
}
.avive-thumb--placeholder i{ font-size:18px; } .avive-thumb{
width:44px;
height:44px;
border-radius:50%;
object-fit:cover;
display:block;
box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
} .avive-thumb--placeholder{
width:44px !important;
height:44px !important;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:#f3f4f6;
color:#9aa4b2;
box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
flex:0 0 auto; }
.avive-thumb--placeholder i{
font-size:18px;
line-height:1;
}#heateor_sss_error{color:red;margin:7px 0}#heateor_sss_sharing_more_providers .filter svg{position:absolute;left:16px;top:18px}div.heateor_sss_sharing_ul a:link,div.heateor_sss_sharing_ul a:focus{text-decoration:none;background:transparent!important}.heateor_sss_login_container{margin:2px 0}.heateor_sss_login_container img,.heateor_sss_sharing_container img{cursor:pointer;margin:2px;border:none}.heateor_sss_login_container img{display:none;float:left}#heateor_sss_loading_image{display:block!important;float:none}.heateor_sss_error{background-color:#ffffe0;border:1px solid #e6db55;padding:5px;margin:10px}#heateor_sss_sharing_more_providers{position:fixed;top:50%;left:47%;background:#fafafa;width:650px;margin:-180px 0 0 -300px;z-index:10000000;text-shadow:none!important;height:308px}#heateor_sss_mastodon_popup_bg,#heateor_sss_popup_bg{background:url(//avive.ong.br/wp-content/plugins/sassy-social-share/images/transparent_bg.png);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000}#heateor_sss_sharing_more_providers .title{font-size:14px!important;height:auto!important;background:#58b8f8!important;border-bottom:1px solid #d7d7d7!important;color:#fff;font-weight:700;letter-spacing:inherit;line-height:34px!important;padding:0!important;text-align:center;text-transform:none;margin:0!important;text-shadow:none!important;width:100%}#heateor_sss_sharing_more_providers *{font-family:Arial,Helvetica,sans-serif}#heateor_sss_sharing_more_providers #heateor_sss_sharing_more_content{background:#fafafa;border-radius:4px;color:#555;height:auto;width:100%}#heateor_sss_sharing_more_providers .filter{margin:0;padding:10px 0 0;position:relative;width:100%}#heateor_sss_sharing_more_providers .all-services{clear:both;height:250px;overflow:auto}#heateor_sss_sharing_more_content .all-services ul{display:block;margin:10px!important;overflow:hidden;list-style:none;padding-left:0!important;position:static!important;width:auto!important}#heateor_sss_sharing_more_content .all-services ul li{padding:0;margin:0 0 0 5px;background:0 0!important;float:left;width:24.1%;text-align:left!important}#heateor_sss_sharing_more_providers .close-button img{margin:0}#heateor_sss_sharing_more_providers .close-button.separated{background:0 0!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;z-index:1000}#heateor_sss_sharing_more_providers .close-button{height:auto!important;width:auto!important;left:auto!important;display:block!important;color:#555!important;cursor:pointer!important;font-size:29px!important;line-height:29px!important;margin:0!important;padding:0!important;position:absolute;right:-16px;top:-16px}#heateor_sss_sharing_more_providers .filter input.search{width:96%;display:block;float:none;font-family:"open sans","helvetica neue",helvetica,arial,sans-serif;font-weight:300;height:auto;line-height:inherit;margin:0 11px;padding:5px 8px 5px 27px!important;border:1px solid #ccc!important;color:#000;background:#fff!important;font-size:16px!important;text-align:left!important;max-width:-webkit-fill-available;line-height:1}#heateor_sss_sharing_more_providers .footer-panel{background:#fff;border-top:1px solid #d7d7d7;padding:6px 0;width:100%;color:#fff}#heateor_sss_sharing_more_providers .footer-panel p{background-color:transparent;top:0;text-align:left!important;color:#000;font-family:'helvetica neue',arial,helvetica,sans-serif;font-size:12px;line-height:1.2;margin:0!important;padding:0 6px!important;text-indent:0!important}#heateor_sss_sharing_more_providers .footer-panel a{color:#fff;text-decoration:none;font-weight:700;text-indent:0!important}#heateor_sss_sharing_more_providers .all-services ul li a span{width:51%}#heateor_sss_sharing_more_providers .all-services ul li a{border-radius:3px;color:#666!important;display:block;font-size:12px;height:auto;line-height:20px;overflow:hidden;padding:8px 8px 8px 1px;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;border:none!important;text-indent:0!important;background:0 0!important;text-shadow:none}.heateor_sss_share_count{display:block;text-indent:0!important;visibility:hidden;background-color:#58b8f8!important;width:5px;height:auto;text-align:center;min-width:8px!important;padding:1px 4px!important;color:#fff!important;font-family:'Open Sans',arial,sans-serif!important;font-size:10px!important;font-weight:600!important;-webkit-border-radius:15px!important;border-radius:15px!important;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2);line-height:14px!important;border:2px solid #fff!important;z-index:1;margin:2px auto!important;box-sizing:content-box!important}.heateor_sss_share_count,.heateor_sss_vertical_sharing{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}div.heateor_sss_follow_ul,div.heateor_sss_sharing_ul{padding-left:0!important;margin:1px 0!important}#heateor_sss_mastodon_popup_close img,#heateor_sss_sharing_popup_close img{opacity:1!important;background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;width:auto!important;height:auto!important;top:inherit!important;right:inherit!important;left:9px!important;padding:0!important}div.heateor_sss_follow_ul .heateorSssSharingRound,div.heateor_sss_sharing_ul .heateorSssSharingRound{background:0 0!important}.heateor_sss_square_count{display:none;text-align:center;font-weight:bolder;font-family:sans-serif;font-style:normal;font-size:.6em;visibility:hidden}div.heateor_sss_follow_ul a,div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a{float:left;padding:0!important;list-style:none!important;border:none!important;margin:2px}.heateorSssSharing,.heateorSssSharingButton{display:block;cursor:pointer;margin:2px}div.heateor_sss_follow_ul a:before,div.heateor_sss_sharing_ul a:before{content:none!important}div.heateor_sss_follow_ul a{width:auto}.heateor_sss_vertical_sharing{background:0 0;-webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,.1);box-shadow:0 1px 4px 1px rgba(0,0,0,.1);position:fixed;overflow:visible;z-index:10000000;display:block;padding:10px;border-radius:4px;opacity:1;box-sizing:content-box!important}div.heateor_sss_horizontal_counter li.heateor_sss_facebook_share,div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_share{width:96px}li.heateor_sss_facebook_like .fb-like span,li.heateor_sss_facebook_recommend .fb-like span,li.heateor_sss_facebook_share .fb-share-button span{vertical-align:top!important}li.heateor_sss_facebook_like .fb-like span iframe,li.heateor_sss_facebook_recommend .fb-like span iframe{max-width:none!important;z-index:1000}.heateor_sss_counter_container li{height:21px}.heateorSssTCBackground:hover{border-width:0!important;background-color:transparent}.heateorSssTCBackground{border-width:0!important;background-color:transparent!important;font-style:normal;word-wrap:normal;color:#666;line-height:1;visibility:hidden}.heateorSssSharingSvg{width:100%;height:100%}.heateorSssSharing{float:left;border:none}.heateorSssSharingArrow{height:16px;width:16px;cursor:pointer;margin-top:10px}.heateorSssPushIn{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%207%206%20q%202%206%2010%206%20v%20-6%20l%206%209%20l%20-6%209%20v%20-6%20q%20-10%202%20-10%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssPullOut{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%2023%206%20q%20-2%206%20-10%206%20v%20-6%20l%20-6%209%20l%206%209%20v%20-6%20q%2010%202%2010%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssCommentingTabs li{padding-left:0!important;float:left;margin:0 1em 0 0 !important;list-style:none;color:#aaa;display:block;cursor:pointer;font-size:.85em}div.heateorSssTotalShareCount{word-wrap:normal!important;font-weight:bolder;font-family:sans-serif;padding:0;margin:0;text-align:center}div.heateorSssTotalShareText{word-wrap:normal!important;margin:0;padding:0;text-align:center}div.heateor_sss_horizontal_sharing li{width:auto}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_like{width:91px}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_recommend{width:145px}div.heateor_sss_horizontal_sharing li.heateor_sss_twitter_tweet{width:95px}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share span{vertical-align:text-top!important}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share{width:96px}div.heateor_sss_horizontal_sharing li.heateor_sss_buffer_share{width:108px}div.heateor_sss_horizontal_sharing li.heateor_sss_reddit_badge{width:130px}div.heateor_sss_horizontal_sharing li.heateor_sss_yummly{width:106px}div.heateor_sss_horizontal_sharing li.heateor_sss_pinterest_pin{width:76px}div.heateor_sss_horizontal_sharing li.heateor_sss_xing{width:98px}.heateor_sss_sharing_container a{padding:0!important;box-shadow:none!important;border:none!important}.heateorSssClear{clear:both}div.course_instructor_widget .heateor_sss_vertical_sharing{display:none!important}@media screen and (max-width:783px){#heateor_sss_sharing_more_providers{width:80%;left:60%;margin-left:-50%;text-shadow:none!important}}@media screen and (max-width:752px){#heateor_sss_sharing_more_content .all-services ul li{width:32.1%}}@media screen and (max-width:590px){#heateor_sss_sharing_more_content .all-services ul li{width:48.1%}#heateor_sss_sharing_more_providers .filter input.search{width:93%}}@media screen and (max-width:413px){#heateor_sss_sharing_more_content .all-services ul li{width:100%}}div.heateor_sss_bottom_sharing{margin-bottom:0}div.heateor_sss_sharing_container a:before,div.heateor_sss_follow_icons_container a:before{content:none}.heateor_sss_mastodon_popup_button{background:linear-gradient(#ec1b23,#d43116);padding:8px 0 10px;font-size:18px;border:0;color:#fff;border-radius:8px;margin:4px auto;font-weight:bolder;width:35%;cursor:pointer;border-bottom-style:groove;border-bottom-width:5px;border-bottom-color: rgb(0,0,0,.2)}@media screen and (max-width: 783px)#heateor_sss_sharing_more_providers .filter input.search{border:1px solid #ccc;width:92.8%}div.heateor_sss_follow_icons_container svg,div.heateor_sss_sharing_container svg{width:100%;height:100%}