@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Viaoda+Libre&display=swap');
:root {
--green: #4f6a55;
--main-font: inter; 
--accent2: #817e3a;
--pf-bg: url(https://forumstatic.ru/files/001c/8b/2f/91008.webp);
--bord: #b5b6b1;
--navi-link: #cbd2bf;
--navi-link-hov: #acb86f;
--base-bg2: #cbccc8;
    --text: #000;
--tab-text: #e0e4d9;
 --quote: #c1c2bd;
}


body.dark {

--green: #35273e;
--accent2: #675f8f;    
--pf-bg: url(https://forumstatic.ru/files/001c/8b/2f/87338.webp);
--bord: #1f1b2a;
--navi-link: #c7c7c7; 
--navi-link-hov: #8c82c3;
--base-bg2: #151219; 
--text: #c7c7c7;
--tab-text: #ebe3e0;
 --quote: #17141f;
}


#navprofiles {
  position: relative;
  z-index: 999;
}

#pun-navlinks.section .multiacc-profilemenu {
    position: absolute;
    top: 20px;
    right: 0px;
    width: max-content;
    height: auto;
    background: var(--profile-bg);
    border-radius: 20px;
    border-inline: 1px solid var(--bord);
    color: var(--navi-link);
    opacity: 0.92;
}

.multiacc-profilemenu li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  gap: 10px;
  width: 100%;
}

.multiacc-profilemenu li a {
    display: block;
    flex-grow: 1;
    text-align: left;
    padding-left: 7px;
    position: relative;
}

.multiacc-profilemenu li:first-child {
    /*background-color: var(--link-hover);*/
    font-weight: 700;
    opacity: 0.92;
}

#pun-navlinks.section .multiacc-profilemenu li {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  font-size: 0.8rem;
  padding: 6px 16px 10px;
  border-bottom: 1px solid #64695c69;
  top: 0;
}

#pun-navlinks.section .multiacc-profilemenu li:last-child {
  border-bottom: 0;
}

#pun-navlinks.section .multiacc-profilemenu li a {
    font-size: 14px;
    color: var(--navi-link) !important;
}

#pun-navlinks.section .multiacc-profilemenu li a:hover {
    color: var(--navi-link-hov)!important;
}

.multiacc-delete-btn {
    background: none;
    border: none;
    cursor: pointer;
    flex-shrink: 0;
    margin-left: auto;
    color: var(--tab-text);
}

.multiacc-dialog {
    z-index: 9999;
    padding: 10px;
    font-size: 0.8rem;
    background: var(--base-bg2) !important;
    border: 1px solid var(
    --bord);
    color: var(--text);
}

.multiacc-dialog > form {
    border: 1px solid var(--bord);
    padding: 10px 10px 2px;
}

.multiacc-dialog input {
    padding: 4px 10px;
    border: 1px solid var(--bord);
}

.multiacc-dialog div {
  display: flex;
  justify-content: center;
}

.multiacc-dialog div:not(.multiacc-dialog div:last-child) {
  flex-direction: column;
}

.multiacc-dialog button {
    margin: 6px;
    padding: 4px 8px;
    background: var(--green);
    color: var(--tab-text);
    border-inline: 1px solid var(--bord);
    border-block: 0;
    border-radius: 4px;
    cursor: pointer;
    font-family: var(--main-font);
}

.multiacc-dialog button:hover {
    background: var(--accent2);
}
element.style {
    background-color: var(--quote);
    padding: 20px;
    border-radius: 5px;
    width: 300px;
}