/* шрифты бланш */
@import url(https://forumstatic.ru/files/001a/28/10/55678.css); 

/* Иконический шрифт */
@import url('https://fonts.googleapis.com/css2?family=Material+Icons+Outlined');


/* Design Fonts */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');
@font-face {
    font-family: 'DreiFraktur';
    src: url('https://forumstatic.ru/files/001c/75/d0/75013.ttf');}

@font-face {
    font-family: 'Runic';
    src: url('https://forumstatic.ru/files/001c/75/d0/70859.ttf');
}
@font-face {
    font-family: 'TkachenkoSketch';
    src: url('https://forumstatic.ru/files/001c/75/d0/64282.ttf');}
@font-face {
    font-family: 'HellSketch';
    src: url('https://forumstatic.ru/files/001c/75/d0/21100.ttf');}
@font-face {
    font-family: 'FARSH MARSH';
    src: url('https://forumstatic.ru/files/001c/75/d0/23994.otf');}

@font-face {
    font-family: 'Marlino Regular Personal Use';
    src: url('https://forumstatic.ru/files/001c/43/fc/54674.eot');
    src: local('Marlino Regular Personal U'), local('MarlinoRegularPersonalUse'),
        url('https://forumstatic.ru/files/001c/43/fc/54674.eot?#iefix') format('embedded-opentype'),
        url('https://forumstatic.ru/files/001c/43/fc/47695.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001c/43/fc/56850.woff') format('woff'),
        url('https://forumstatic.ru/files/001c/43/fc/84814.ttf') format('truetype'),
        url('https://forumstatic.ru/files/001c/43/fc/60952.svg#MarlinoRegularPersonalUse') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');
:root, .rose {
    --body-bg: #dbdbda;
    --pun-bg: #d2cfc0;
    --sec-bg: #F9F5EC;
--sec-bg-rgb: 249, 245, 236;
    --link: #657d70;
    --link-hover: #3a4e43;
    --back-body: url(https://i.imgur.com/ELhQcZT.jpeg);
    --head-shapka: url(https://i.imgur.com/763kI3f.png);
    --textcolor: #323244;
--a-color:#1f3a09;
    --pwidth: 224px;
    --pad1: 10px 40px;
    --pad2: 5px 20px;
    --pad3: 5px 10px;
     --font-family: Cyrillic Goth, sans-serif;
 --second-family: "Chequers", sans-serif;
    --iconsfont: 'Material Icons Outlined';
 --32: calc(var(--16)* 2);   
    --16: 16px;
    --12: calc(var(--16) / 1.33);
 --8: calc(var(--16) / 2);
    --6: calc(var(--16) / 2.66);
    --4: calc(var(--16) / 4);
  --fa: 'Font Awesome 6 Pro';
    --text900: #191919;
    --font: 'Unbounded', verdana, tahoma, arial, helvetica, sans-serif;
    --light100: #e6e6e6;
    --br300: .8rem;
 --up-img: url(https://i.imgur.com/vBzOA80.png);
    --down-img: url(https://i.imgur.com/aDtgBh8.png);
}

.blue {
    --body-bg: #1B3044;
    --pun-bg: #141715;
    --sec-bg: #1f252b;
    --sec-bg-rgb: 45, 41, 32;
    --link: #A1927C;
    --link-hover: #637883;
    --back-body: url(https://i.imgur.com/9fo3vRt.png);
    --head-shapka: url(https://i.imgur.com/jGQ5sgY.png);
    --textcolor: #b6b8bb;
    --a-color: #990127;
    --up-img: url(https://i.imgur.com/A6Rhaq5.png);
    --down-img: url(https://i.imgur.com/sSaKY9L.png);
}


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

#pun-navlinks.section .multiacc-profilemenu {
    position: absolute;
    top: 20px;
    right: 0px;
    width: max-content;
    height: auto;
    background: var(--link-hover);
    border-radius: 20px;
    border-inline: 1px solid #999;
    color: var(--body-bg);
    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:hover {
  box-shadow: inset 0px 0px 30px 3px rgba(43, 67, 62, 0.2);
}

#pun-navlinks.section .multiacc-profilemenu li a {
    color: var(--a-color);
}

#pun-navlinks.section .multiacc-profilemenu li a:hover {
  color: #888;
}

.multiacc-delete-btn {
  background: none;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: auto;
}

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

.multiacc-dialog > form {
  border: 1px solid #ccc;
  padding: 10px 10px 2px;
}

.multiacc-dialog input {
  padding: 4px 10px;
  border: 1px solid #b9bfb0;
}

.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(--link-hover)!important;
    color: var(--light100);
    border-inline: 1px solid var(--link-hover);
    border-block: 0;
    border-radius: 4px;
    cursor: pointer;
    font-family: var(--font);
}

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