/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");


/* ogloszenie */

.oglo {
     width: 550px;
     height: max-content;
     min-height:140px;
     background: var(--g);
     margin: 20px auto;
     border-radius: 30px;
     border: 15px solid var(--g1);
     background-clip: border-box;
     outline: 5px solid var(--g);
     position: relative;
     overflow: hidden;
}


.ogloTyt {
    display: flex;
    flex-direction: column;
    width: 78%;
    font-family: 'Staatliches';
    font-size: 30px;
    position: absolute;
    top: 20px;
    justify-content: center;
    align-items: end;
    height: 100px;
    left: 100px;
    z-index: 1;
}

.gg {
    position: relative;
    width: 95%;
    text-align: center;
    display: flex;
    top:5px;
    height: 45px;
}

.ikoni {
    position: absolute;
    top: -6px;
    left: -100px;
    width: 90px;
    height: 90px;
    background: var(--w);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    border: 5px solid var(--w);
    background-clip: padding-box;
}

.ikoni img {
    width: 85px;
    height: 85px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    border: 2px solid white;
}

.dupa {
    position: relative;
    left: 10px;
    width: 395px;
    text-align: left;
    color: var(--b);
    top: 10px;
}

.ogloTyt span {
    width: calc(100% - 32px);
    color: #bcbcbc;
    height: 52.5px;
    font-size: 13px;
    font-family: 'Poppins';
    text-align: justify;
    overflow: auto;
    text-transform:uppercase;
}

.tresc {
 padding: 20px;
 margin:20px auto;
 margin-top:135px;
 background: var(--w);
 border-radius:20px;
 width:calc(100% - 80px);
 font-family:poppins;
 text-align:justify;
 font-size: 14px;
 line-height: 165%;
 position: relative;
 z-index: 2;
}

.ikoni svg {
    fill: var(--b);
    width: 60px;
    height: 60px;
}

.ogloTyt::before {
    z-index: -1;
    content: '';
    position: absolute;
    width: 550px;
    height: 150px;
    background: var(--b);
    bottom: -120px;
    left: -100px;
    opacity: 0.2;
}

.odz {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.odznakiNo {
    width: 95%;
    background: var(--g);
    border-radius: 20px;
    padding: 10px;
    display: grid;
    grid-template-columns: 70px 365px;
    grid-auto-rows: auto;
    row-gap: 5px;
    column-gap: 10px;
}

.odznakiNoT {
    grid-column-start: 2;
    grid-row-start: 1;
    text-transform: uppercase;
    font-family: 'Staatliches';
    font-size: 20px;
    color: var(--b);
    grid-row-end: 2;
}

.odznakiNo2 {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 5;
    background: var(--w);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
}

.odznakiOpis {
    grid-column-start: 2;
    grid-row-start: 2;
    grid-row-end: 5;
    font-family: poppins;
    font-size: 12px;
    text-align: justify;
    overflow: auto;
}

.odznakiNo2 img {
    width: 50px;
    height: 50px;
    background: var(--w);
}

.tele {width: 260px;height: max-content;min-height: 310px;background: var(--g1);margin: 20px auto;border-radius: 30px;padding: 20px;position: relative;}

.tele1 {position: relative;width: calc(100% - 0px);height: 80px;background: var(--w);border-radius: 20px;display: grid;grid-template-columns: 80px 170px;grid-auto-rows: 20px;padding: 10px;column-gap: 10px;left: -10px;top: -10px;}

.teleImg {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 5;
}

.teleImg img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}

.teleImie {
font-weight: bold;
font-family: 'Poppins';
font-size: 15px;
color: var(--b);
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3;
justify-items: center;
display: flex;
justify-content: start;
align-items: center;
}

.teleIko {
grid-column-start: 2;
grid-row-start: 3;
grid-row-end: 5;
display: flex;
gap: 5px;
align-items: center;
}

.teleIko svg {
fill: var(--b);
width: 23px;
height: 23px;
}

.tele3 {padding: 10px;background: var(--g);font-size: 13px;line-height: 18px;border-radius: 15px 15px 0px 15px;font-family: 'Poppins';
  
      margin-top: 5px;
    margin-bottom: 10px;
  
}

.tele2 {
margin-top: 5px;
margin-bottom: 45px;
position: relative;
}

.tele4 {position: absolute;bottom: 10px;height: 50px;background: var(--g1);width: calc(100% - 40px);left: 10px;border-radius: 0px 0px 20px 20px;display: flex;justify-content: space-between;align-items: center;gap: 10px;padding: 0px 10px;}

.tele5 {width: 75%;background: var(--g);padding: 5px 10px;border-radius: 20px;}

.tele6 {
width: 31.7px;
height: 31.7px;
}

.tele6 svg {
fill: var(--b);
}

.h1C {
    letter-spacing: 1px;
    font-size: 25px;
    font-family: 'Staatliches';
    margin: 10px auto;
    text-align: center;
    margin-bottom: 20px;
    color: var(--b);
    z-index: 1;
    position: relative;
    width: max-content;
}

.h1C::before {
    content: '';
    position: absolute;
    z-index: -1;
    background: var(--b);
    height: 15px;
    width: 80%;
    left: -10px;
    opacity: 0.3;
    bottom: -5px;
}

/* kalendarz */

.kalendarz1 {
    text-align: left;
    margin: 20px auto;
    font-family: 'Staatliches';
    font-size: 30px;
    letter-spacing: 1px;
    color: var(--b);
    position: relative;
    width: max-content;
    z-index: 1;
    max-width: 90%;
}

.kalendarz1::before {
    content: '';
    position: absolute;
    width: 90%;
    left: -10px;
    bottom: -5px;
    background: var(--b);
    height: 10px;
    z-index: -1;
    opacity: 0.4;
}

.kalendarz2 {
    padding: 0px 20px;
    padding-bottom: 20px;
}

.kalendarz3, .kalendarz5 {
    background: var(--w);
    padding: 20px;
    border-radius: 20px;
}

.kalendarz5 .postimage {
    border-radius: 15px;
    height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    margin-bottom: 10px;
}

.kalendarz4 .h1C {
    width: max-content;
    margin: 10px auto;
    margin-left: 10px;
    letter-spacing: 0px;
}

.kalendarz3 {
    display: grid;
    grid-template-columns: 100px 360px;
    grid-auto-rows: auto;
    row-gap: 5px;
    column-gap: 10px;
    position: relative;
    margin-top: 20px;
    min-height: 140px;
}

.kalendarz3 .postimage {
    width: 100px;
    height: 100px;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
}

.kalendarz3 .kalendarz4 {
    margin-top: 0px;
    font-size: 12px;
    line-height: 15px;
}

.kalendarz4 strong {
    color: var(--b);
}

.koniec {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23ffffff" viewBox="0 0 256 256"><path d="M237.66,85.26l-128.4,128.4a8,8,0,0,1-11.32,0l-71.6-72a8,8,0,0,1,0-11.31l24-24a8,8,0,0,1,11.32,0L104,147.43l98.34-97.09a8,8,0,0,1,11.32,0l24,23.6A8,8,0,0,1,237.66,85.26Z" opacity="0.2"></path><path d="M243.28,68.24l-24-23.56a16,16,0,0,0-22.59,0L104,136.23l-36.69-35.6a16,16,0,0,0-22.58.05l-24,24a16,16,0,0,0,0,22.61l71.62,72a16,16,0,0,0,22.63,0L243.33,90.91A16,16,0,0,0,243.28,68.24ZM103.62,208,32,136l24-24a.6.6,0,0,1,.08.08l42.35,41.09a8,8,0,0,0,11.19,0L208.06,56,232,79.6Z"></path></svg>');
    background-color: var(--b);
    width: 100px;
    height: 32px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 130px;
    left: 20px;
    border-radius: 10px;
}

.trwa {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23ffffff" viewBox="0 0 256 256"><path d="M221.66,90.34,192,120,136,64l29.66-29.66a8,8,0,0,1,11.31,0L221.66,79A8,8,0,0,1,221.66,90.34Z" opacity="0.2"></path><path d="M227.32,73.37,182.63,28.69a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31l83.67-83.66,3.48,13.9-36.8,36.79a8,8,0,0,0,11.31,11.32l40-40a8,8,0,0,0,2.11-7.6l-6.9-27.61L227.32,96A16,16,0,0,0,227.32,73.37ZM48,208V179.31L76.69,208Zm48-3.31L51.31,160,136,75.31,180.69,120Zm96-96L147.32,64l24-24L216,84.69Z"></path></svg>');
    background-color: var(--b);
    width: 100px;
    height: 32px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 130px;
    left: 20px;
    border-radius: 10px;
}

.przerwana {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23ffffff" viewBox="0 0 256 256"><path d="M208,48V208a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8h40A8,8,0,0,1,208,48ZM96,40H56a8,8,0,0,0-8,8V208a8,8,0,0,0,8,8H96a8,8,0,0,0,8-8V48A8,8,0,0,0,96,40Z" opacity="0.2"></path><path d="M200,32H160a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm0,176H160V48h40ZM96,32H56A16,16,0,0,0,40,48V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V48A16,16,0,0,0,96,32Zm0,176H56V48H96Z"></path></svg>');
    background-color: var(--b);
    width: 100px;
    height: 32px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 130px;
    left: 20px;
    border-radius: 10px;
}

/* poszukiwania */

.posz1 {
    position: relative;
    width: calc(100% - 160px);
    margin: 10px auto;
    z-index: 1;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: row;
    padding: 0px 20px;
    font-family: 'Staatliches';
    font-size: 35px;
    color: var(--b);
    flex-direction: column;
    padding-right: 120px;
}

.posz1::before {
    left: 0px;
    content: '';
    position: absolute;
    height: 100%;
    background: var(--b);
    width: 100%;
    opacity: 0.3;
    z-index: -1;
    top: 0px;
    border-radius: 10px;
}


.posz2 {
    z-index: 1;
    display: flex;
    text-align: left;
    gap: 5px;
    justify-content: center;
    align-items: center;
    letter-spacing: -1px;
    font-family: 'Poppins';
    text-transform: lowercase;
    font-size: 25px;
    font-weight: bold;
}

.posz4 {
    position: absolute;
    right: 10px;
    width: 100px;
    height: 100px;
    background: var(--w);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 10px;
}

.posz4 svg {
    width: 50px;
    height: 50px;
    fill: var(--b);
}

.posz7 {
    margin: 20px auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 20px 0px;
    margin-bottom: 0px;
    width: calc(100% - 20px);
}

.posz7 .postimage {
    width: 47%;
    height: 140px;
    object-fit: cover;
    object-position: center;
    border-radius: 15px;
    border: 5px double var(--b);
}

.posz3 {
    position: absolute;
    font-size: 15px;
    top: 135px;
    width: 100%;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    left: 0px;
    color:var(--b);
}

/* akcept */

.akcept {
    width: 400px;
    height: 260px;
    background: var(--g1);
    margin: 40px auto;
    padding: 20px;
    border-radius: 30px;
    position: relative;
}

.akcent1 {
    position: absolute;
    right: 20px;
    top: -30px;
    background: var(--b);
    width: 240px;
    height: 95px;
    padding-left: 30px !important;
    border-radius: 25px 25px 25px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--w);
    padding: 0px 30px;
    padding-bottom: 40px;
    z-index: 1;
}

.akcent3 {
    position: absolute;
    width: 55px;
    height: 85px;
    background: var(--b);
    right: 0px;
    bottom: 25px;
    z-index: 2;
    border-radius: 0px 0px 20px 0px;
}

.akcent1::before {
    z-index: -1;
    content: '';
    position: absolute;
    width: 28px;
    height: 100px;
    background: var(--w);
    right: -10px;
    bottom: -10px;
    border-radius: 0px 20px;
}

.akcent1::after {
    content: '';
    position: absolute;
    width: 50px;
    background: var(--w);
    height: 20px;
    border-radius: 0px 0px 0px 0px;
    right: 0px;
    bottom: 35px;
}


.akcent2 {position: absolute;width: 420px;height: 210px;background: var(--w);bottom: 10px;right: 10px;border-radius: 25px;z-index: 2;}

.akcept4 {
    font-size: 40px;
    position: absolute;
    z-index: 2;
    width: calc(100% - 40px);
    height: 120px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Staatliches';
    font-weight: normal;
    padding: 0px 40px;
    flex-direction: column;
    gap: 10px;
}

.akcept4 a {
    font-size: 20px;
    color: white;
}

.akcept10 {
    padding: 20px;
}

.akcept420 {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 120px;
    height: 80px;
    /* background: white; */
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.akcept420 img {
    width: 75px;
}

.dyplomaci .akcent1, .dyplomaci .akcent3 {
    background: var(--dyplomaci)
}

.odkrywcy .akcent1, .odkrywcy .akcent3 {
    background:var(--odkrywcy)
}

.analitycy .akcent1, .analitycy .akcent3 {
    background: var(--analitycy);
}

.strażnicy .akcent1, .strażnicy .akcent3 {
    background: var(--strażnicy)
}

.dyplomaci b {
    color: var(--dyplomaci)
}

.odkrywcy b {
    color: var(--odkrywcy)
}

.analitycy b {
    color: var(--analitycy)
}

.strażnicy b {
    color: var(--straznicy)
}


.uniw {
    align-items: start;
    color: var(--b);
}

.uniw1 {
    width: 90px;
    height: 90px;
    background-color: var(--w);
    position: absolute;
    left: -80px;
    border-radius: 15px;
    border: 5px solid var(--w);
    background-clip: padding-box;
}

.dupa1 {
    margin-left: 30px;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uniw span {
    margin-left: 30px;
}

.nieob .uniw1 {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M32,140a20,20,0,1,1,20,20A20,20,0,0,1,32,140Zm96,52c-64,0-104,32-104,32H232S192,192,128,192Z" opacity="0.2"></path><path d="M238.25,229A8,8,0,0,1,227,230.25c-.37-.3-38.82-30.25-99-30.25S29.36,230,29,230.26a8,8,0,0,1-10-12.51c1.63-1.3,38.52-30.26,98.29-33.45A119.94,119.94,0,0,1,114,146.37c1.74-21.71,10.92-50.63,43-72.48a66.19,66.19,0,0,0-15-1.87l-1.67,0c-19,.62-30.94,11.71-36.5,33.92A8,8,0,0,1,96,112a7.64,7.64,0,0,1-1.94-.24,8,8,0,0,1-5.82-9.7c9.25-36.95,33.11-45.42,51.5-46a81.48,81.48,0,0,1,21.68,2.45c-3.83-6.33-9.43-12.93-17.21-16.25-10-4.24-22.17-2.39-36.31,5.51a8,8,0,0,1-7.8-14c18.74-10.45,35.72-12.54,50.48-6.2,12.49,5.36,20.73,15.78,25.87,25,6.18-9.64,13.88-16.17,22.39-18.94,11.86-3.87,24.64-.72,38,9.37a8,8,0,0,1-9.64,12.76c-8.91-6.73-16.77-9.06-23.35-6.93-7.29,2.35-12.87,10-16.37,16.61A70.46,70.46,0,0,1,208,73.07c14.61,8.35,32,26.05,32,62.94a8,8,0,0,1-16,0c0-23.46-8.07-40-24-49a50.49,50.49,0,0,0-5.75-2.8,55.64,55.64,0,0,1,5.06,33.06,59.41,59.41,0,0,1-8.86,23.41,8,8,0,0,1-13.09-9.2c.74-1.09,16.33-24.38-3.26-49.37-27,15.21-41.89,37.25-44.16,65.59a104.27,104.27,0,0,0,3.83,36.44c62.65,1.81,101.52,32.33,103.2,33.66A8,8,0,0,1,238.25,229ZM24,140a28,28,0,1,1,28,28A28,28,0,0,1,24,140Zm16,0a12,12,0,1,0,12-12A12,12,0,0,0,40,140Z"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.rezerwacje .uniw1 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M120,104A40,40,0,1,1,80,64,40,40,0,0,1,120,104Z" opacity="0.2"></path><path d="M152,80a8,8,0,0,1,8-8h88a8,8,0,0,1,0,16H160A8,8,0,0,1,152,80Zm96,40H160a8,8,0,0,0,0,16h88a8,8,0,0,0,0-16Zm0,48H184a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm-96.25,22a8,8,0,0,1-5.76,9.74,7.55,7.55,0,0,1-2,.26,8,8,0,0,1-7.75-6c-6.16-23.94-30.34-42-56.25-42s-50.09,18.05-56.25,42a8,8,0,0,1-15.5-4c5.59-21.71,21.84-39.29,42.46-48a48,48,0,1,1,58.58,0C129.91,150.71,146.16,168.29,151.75,190ZM80,136a32,32,0,1,0-32-32A32,32,0,0,0,80,136Z"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.game .uniw1 {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M216.86,207.57a28,28,0,0,1-24.66-7.77L150.09,152H172a51.94,51.94,0,0,0,51.2-61h0l16.36,84.17A28,28,0,0,1,216.86,207.57Z" opacity="0.2"></path><path d="M176,112H152a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16ZM104,96H96V88a8,8,0,0,0-16,0v8H72a8,8,0,0,0,0,16h8v8a8,8,0,0,0,16,0v-8h8a8,8,0,0,0,0-16ZM241.48,200.65a36,36,0,0,1-54.94,4.81c-.12-.12-.24-.24-.35-.37L146.48,160h-37L69.81,205.09l-.35.37A36.08,36.08,0,0,1,44,216,36,36,0,0,1,8.56,173.75a.68.68,0,0,1,0-.14L24.93,89.52A59.88,59.88,0,0,1,83.89,40H172a60.08,60.08,0,0,1,59,49.25c0,.06,0,.12,0,.18l16.37,84.17a.68.68,0,0,1,0,.14A35.74,35.74,0,0,1,241.48,200.65ZM172,144a44,44,0,0,0,0-88H83.89A43.9,43.9,0,0,0,40.68,92.37l0,.13L24.3,176.59A20,20,0,0,0,58,194.3l41.92-47.59a8,8,0,0,1,6-2.71Zm59.7,32.59-8.74-45A60,60,0,0,1,172,160h-4.2L198,194.31a20.09,20.09,0,0,0,17.46,5.39,20,20,0,0,0,16.23-23.11Z"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
  
}

.warsztat .uniw1 {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M208,40H80a8,8,0,0,0-8,8V176a8,8,0,0,0,8,8H96.69l77.65-77.66a8,8,0,0,1,11.32,0L216,136.69V48A8,8,0,0,0,208,40Zm-88,64a16,16,0,1,1,16-16A16,16,0,0,1,120,104Z" opacity="0.2"></path><path d="M208,32H80A16,16,0,0,0,64,48V64H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V192h16a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM80,48H208v69.38l-16.7-16.7a16,16,0,0,0-22.62,0L93.37,176H80Zm96,160H48V80H64v96a16,16,0,0,0,16,16h96Zm32-32H116l64-64,28,28v36Zm-88-64A24,24,0,1,0,96,88,24,24,0,0,0,120,112Zm0-32a8,8,0,1,1-8,8A8,8,0,0,1,120,80Z"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.mg .uniw1 {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M200,176H104s8,6,8,16a24,24,0,0,1-48,0V64A24,24,0,0,0,40,40H176a24,24,0,0,1,24,24Z" opacity="0.2"></path><path d="M96,104a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H104A8,8,0,0,1,96,104Zm8,40h64a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16Zm128,48a32,32,0,0,1-32,32H88a32,32,0,0,1-32-32V64a16,16,0,0,0-32,0c0,5.74,4.83,9.62,4.88,9.66h0A8,8,0,0,1,24,88a7.89,7.89,0,0,1-4.79-1.61h0C18.05,85.54,8,77.61,8,64A32,32,0,0,1,40,32H176a32,32,0,0,1,32,32V168h8a8,8,0,0,1,4.8,1.6C222,170.46,232,178.39,232,192ZM96.26,173.48A8.07,8.07,0,0,1,104,168h88V64a16,16,0,0,0-16-16H67.69A31.71,31.71,0,0,1,72,64V192a16,16,0,0,0,32,0c0-5.74-4.83-9.62-4.88-9.66A7.82,7.82,0,0,1,96.26,173.48ZM216,192a12.58,12.58,0,0,0-3.23-8h-94a26.92,26.92,0,0,1,1.21,8,31.82,31.82,0,0,1-4.29,16H200A16,16,0,0,0,216,192Z"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.zamowienia .uniw1 {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M112,56v48a8,8,0,0,1-8,8H56a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8h48A8,8,0,0,1,112,56Zm-8,88H56a8,8,0,0,0-8,8v48a8,8,0,0,0,8,8h48a8,8,0,0,0,8-8V152A8,8,0,0,0,104,144Zm96-96H152a8,8,0,0,0-8,8v48a8,8,0,0,0,8,8h48a8,8,0,0,0,8-8V56A8,8,0,0,0,200,48Z" opacity="0.2"></path><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm0,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48ZM200,40H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-64,72V144a8,8,0,0,1,16,0v32a8,8,0,0,1-16,0Zm80-16a8,8,0,0,1-8,8H184v40a8,8,0,0,1-8,8H144a8,8,0,0,1,0-16h24V144a8,8,0,0,1,16,0v8h24A8,8,0,0,1,216,160Zm0,32v16a8,8,0,0,1-16,0V192a8,8,0,0,1,16,0Z"></path></svg>');
        background-repeat: no-repeat;
    background-position: center;
}

.dzielnice .uniw1 {
   background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M224,72V216H144V168H112v48H32V104H80V40h96V72Z" opacity="0.2"></path><path d="M240,208h-8V72a8,8,0,0,0-8-8H184V40a8,8,0,0,0-8-8H80a8,8,0,0,0-8,8V96H32a8,8,0,0,0-8,8V208H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM40,112H80a8,8,0,0,0,8-8V48h80V72a8,8,0,0,0,8,8h40V208H152V168a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v40H40Zm96,96H120V176h16ZM112,72a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H120A8,8,0,0,1,112,72Zm0,32a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H120A8,8,0,0,1,112,104Zm56,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H176A8,8,0,0,1,168,104ZM88,136a8,8,0,0,1-8,8H64a8,8,0,0,1,0-16H80A8,8,0,0,1,88,136Zm0,32a8,8,0,0,1-8,8H64a8,8,0,0,1,0-16H80A8,8,0,0,1,88,168Zm24-32a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H120A8,8,0,0,1,112,136Zm56,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H176A8,8,0,0,1,168,136Zm0,32a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H176A8,8,0,0,1,168,168Z"></path></svg>');
   
        background-repeat: no-repeat;
    background-position: center;
}

.info .uniw1 {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"></path><path d="M144,176a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176Zm88-48A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128ZM124,96a12,12,0,1,0-12-12A12,12,0,0,0,124,96Z"></path></svg>');
   
        background-repeat: no-repeat;
    background-position: center;
}

.job .uniw1 {
  background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M224,118.31V200a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V118.31h0A191.14,191.14,0,0,0,128,144,191.08,191.08,0,0,0,224,118.31Z" opacity="0.2"></path><path d="M104,112a8,8,0,0,1,8-8h32a8,8,0,0,1,0,16H112A8,8,0,0,1,104,112ZM232,72V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V72A16,16,0,0,1,40,56H80V48a24,24,0,0,1,24-24h48a24,24,0,0,1,24,24v8h40A16,16,0,0,1,232,72ZM96,56h64V48a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8ZM40,72v41.62A184.07,184.07,0,0,0,128,136a184,184,0,0,0,88-22.39V72ZM216,200V131.63A200.25,200.25,0,0,1,128,152a200.19,200.19,0,0,1-88-20.36V200H216Z"></path></svg>');
       background-repeat: no-repeat;
    background-position: center;
}

.szuksy .uniw1 {
  background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="%2381a5c7"  viewBox="0 0 256 256"><path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"></path><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"></path></svg>');
       background-repeat: no-repeat;
    background-position: center;
}


.zamow {
    margin: 40px auto;
    width: 360px;
    height: max-content;
    padding: 10px 20px;
    background: var(--w);
    outline: 10px solid var(--g);
    border-radius: 20px;
    border: 5px solid var(--g1);
    position: relative;
    overflow: hidden;
}

.zamT {
    position: absolute;
    top: 0px;
    justify-content: start;
    align-items: center;
    display: flex;
    font-weight: bold;
    letter-spacing: 1px;
    color: var(--b);
    z-index: 1;
    left: 45px;
    width: calc(100% - 40px);
    height: 40px;
}

.zamD {
    position: relative;
    margin-top: 40px;
    text-align: left;
}

.zamT::before {
    content: '';
    position: absolute;
    width: 85%;
    height: 10px;
    z-index: -1;
    background: var(--b);
    opacity: 0.2;
    bottom: -5px;
    left: -35px;
}

.zamD strong {
    color: var(--b);
}

.zamTs {
    position: absolute;
    top: 50%;
    left: -30px;
    width: 25px;
    height: 25px;
    background: var(--c);
    border-radius: 50%;
    transform: translate(0px, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.zamTs svg {
    width: 18px;
    height: 18px;
    fill: var(--w);
}

.podtytulik {
    position: relative;
    width: calc(100% - 60px);
    height: max-content;
    margin-bottom: -240px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: start;
    padding: 20px 30px;
    color: var(--b);
    font-weight: bold;
    font-size: 25px;
    font-family: 'Staatliches';
    padding-bottom: 115px;
}

.podtytulik::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 90%;
    background: var(--b);
    z-index: -1;
    opacity: 0.2;
    top: 0px;
    left: 0px;
}


/* karta */

.kpCechy {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.kpCechy .kpTresc12 {
    width: 50px;
    height: 100px;
    min-width: 50px;
    writing-mode: tb-rl;
    transform: rotate(180deg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.kpCechy .kpTresc {
    display: flex;
    flex-direction: row;
    gap: 10px;
    position: relative;
    justify-content: start;
    align-items: center;
}

.kp9 {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.kp {
    width: 550px;
    height: 600px;
    background: var(--g);
    border-radius: 0px;
    margin: 20px auto;
    border-radius: 30px;
    background-clip: padding-box;
    border: 15px solid var(--g1);
    background-clip: border-box;
    outline: 5px solid var(--g);
    position: relative;
}

.kp3 {position: absolute;/* justify-self: start; */top: 0px;left: 0px;width: 70px;height: 70px;background: var(--g1);display: flex;justify-content: center;align-items: center;border-radius: 15px;border: 10px solid var(--g1);background-clip: padding-box;}

.kp2 {
    position: relative;
    width: 95%;
    text-align: center;
    display: flex;
    min-height: 45px;
    max-height: calc(100% - 37px);
    margin-top: 10px;
}

.kp3 svg {
    fill: var(--b);
    width: 60px;
    height: 60px;
}

.akcept4 .mention::before {
    display: none;
}

.kp4 {
    position: relative;
    left: 100px;
    width: 435px;
    text-align: left;
    color: var(--b);
    top: 5px;
    display: flex;
    justify-content: start;
    align-items: center;
}

.kp1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: 'Staatliches';
    font-size: 30px;
    position: absolute;
    top: 0px;
    align-items: center;
    min-height: 80px;
    height: 110px;
    gap: 5PX;
}

.kp1 span {
    width: calc(100% - 115px);
    padding-left: 115px;
    font-size: 20px;
    color: #bcbcbc;
    height: 22px;
}

.kp5 {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 110px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: 'Staatliches';
    font-size: 25px;
    color: var(--b);
    z-index: 1;
    padding-top: 10px;
}

.f3 {
    position: absolute;
    width: 95%;
    height: 420px;
    background: var(--w);
    left: 50%;
    transform: translate(-50%, 0px);
    top: 165px;
    border-radius: 15px;
    overflow: hidden;
    z-index: 1;
}

.kp6, .kp7, .kp8, .kp9 {
  opacity:0;
  z-index:-1;
}

.kp7, .kp8, .kp9 {
    position: absolute;
    padding: 0px 20px;
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    overflow: auto;
    border-top: 20px solid var(--w);
    border-bottom: 20px solid var(--w);
}

.activeTabKP {
  opacity:1;
  z-index:1;
}


.kp6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.f4 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 1;
}

.aa {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
    margin: 10px;
}

.bb {
    background: #f5f5f5;
    padding: 5px;
    border-radius: 20px;
}

.bb span {
    font-family: poppins;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    width: 50%;
    background: var(--b);
    border-radius: 20px;
    padding: 0px 10px;
}

.f5 {
    width: 100%;
    height: 100%;
    position: absolute;
    background: white;
    z-index: 3;
}

.ff1 {
    width: calc(95% - 14px);
    margin: 10px;
    margin-bottom: 50px;
    font-family: 'Staatliches';
    font-size: 20px;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
}

.ff1::before {
    position: absolute;
    top: 50%;
    left: 5px;
    width: calc(100% - 10px);
    background: var(--b);
    content:
    '';
    height: calc(100% - 10px);
    transform: translate(-50%, -50%);
    border-radius: 20px;
    z-index: -1;
    left: 50%;
}

.bib {
    left: 0px;
    width: 90%;
    text-align: center;
}

.kp5::before {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 300%;
    background: var(--b);
    z-index: -1;
    opacity: 0.2;
}

.kp5 span {
    cursor: pointer;
}


.kpInfo {
    display: grid;
    grid-template-columns: 265px 200px;
    grid-auto-rows: auto;
    row-gap: 10px;
    column-gap: 10px;
    margin-bottom: 10px;
    position:relative;
}

.kpInfo img {
    width: 200px;
    height: 320px;
    object-fit: cover;
    object-position: top;
    border-radius: 15px;
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 7;
    position: relative;
}

.kpTresc {
    grid-column-start: 1;
}

.kpTresc {
    display: flex;
    flex-direction: column;
    line-height: 20px;
}

.kpTresc12 {
    font-family: 'Staatliches';
    font-size: 17px;
    color: var(--b);
    position: relative;
    z-index: 1;
    width: max-content;
}

.kpTresc12::before {content: '';position: absolute;left: -5px;width: 70%;height: 5px;background: var(--b);bottom: 0px;opacity: 0.2;}


.kpCechy .kpTresc12::before {content: '';position: absolute;left: 0px;width: 50px;height: 100px;background: var(--b);bottom: 0px;opacity: 0.2;display: none;}

.kpGrupa {
    width: 200px;
    height: 90px;
    margin-top: -16px;
    position: absolute;
    z-index: 3;
    right: 0px;
       top: 270px;
}


.analityk {
    background-image: url("https://i.imgur.com/ox5K14K.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 80px;
}

.odkrywca {
  
  background-image: url("https://i.imgur.com/LAHteDQ.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  
}

.dyplomata {
  background-image: url("https://i.imgur.com/fjOvv5k.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.strażnik {
   background-image: url("https://i.imgur.com/R5PENAt.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* dzielnice */

span.hashtagD {
    font-weight: bold;
    color: var(--b);
    z-index: 1;
    position: relative;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 30px;
}

span.hashtagD::before {
    content: '#';
    position: absolute;
    font-size: 120px;
    z-index: -1;
    opacity: 0.2;
    top: 20px;
    left: 0px;
}
.dzielnicaTime {
    margin: 20px 0px;
    height: max-content;
    border-radius: 10px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0px 10px;
    width: 40%;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 11px;
}

.dzielnica {
    height: 10px;
    border-radius: 10px;
    padding: 20px;
    width: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--g1);
}

.bad i {
    color: #eea6b3;
}

.good i {
    color: #a1d89c;
}

.dziel {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.dzielniczka1 {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.dzielniczka3 {
    DISPLAY: FLEX;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.dzielniczka3 span {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 10px;
    color: var(--b);
    font-family: 'Staatliches';
    width: max-content;
    position: relative;
}

.dzielniczka3 span::before {
    content: '';
    position: absolute;
    width: 70%;
    height: 10px;
    background: var(--b);
    z-index: -1;
    bottom: -2px;
    left: -5px;
    opacity: 0.2;
}

.dzielnica i {
    font-size: 35px;
}

.dzielniczka2 {
    color: var(--b);
    font-size: 15px;
}

.dzielnicaZd {
    margin-bottom: 20px;
}

.dzielnicaZd img {
    border-radius: 15px;
    border: 2px solid var(--w);
    outline: 3px solid var(--b);
}


.lokacja {
    border: 5px solid var(--g1);
    outline: 10px solid var(--g1);
    width: 90%;
    margin: 20px auto;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.lokacja img {
    border-radius: 15px;
    position: relative;
    z-index: 2;
    border: 5px solid var(--w);
}

.lokacja::before {
    content: '';
    position: absolute;
    width: calc(100% + 30px);
    height: 200px;
    background: var(--b);
    top: 30px;
    border-radius: 0px;
    left: -15px;
    z-index: 1;
    opacity: 0.4;
}

/* ig */

.ig {
    padding: 20px;
    width: 450px;
    height: max-content;
    min-height: 150px;
    margin: 20px auto;
    position: relative;
    background: var(--w);
    border: 5px solid var(--g1);
    outline: 10px solid var(--g);
    border-radius: 20px;
}

.igTop {
    position: relative;
    z-index: 1;
    height: 100px;
}

.igTop1 img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    border: 5px solid var(--w);
}

.igTop::before {
    background: var(--b);
    content:
    '';
    position: absolute;
    width: calc(100% + 40px);
    height: 150px;
    opacity: 0.2;
    z-index: -1;
    left: -20px;
    top: 0px;
}

.igTop1 {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

.igTop3 {
    position: absolute;
    width: 90px;
    height: 30px;
    right: 0px;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--b);
    font-family: 'Staatliches';
    font-size: 17px;
    border-radius: 5px;
    color: var(--w);
    box-shadow: 2px 2px 2px rgb(0 0 0 / 40%);
    border: 1px solid var(--w);
    box-shadow: inset 0px -13px 9px 0px rgb(255 255 255 / 24%);
}

.igTop2 {
    position: absolute;
    height: 70px;
    top: 50%;
    transform: translate(10px, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 70px;
    font-family: 'Staatliches';
    font-size: 20px;
    color: var(--b);
}

.igZdj {
    background: var(--w);
    padding: 10px;
    width: calc(100% + 20px);
    height: max-content;
    position: relative;
    z-index: 1;
    margin-top: -0px;
    margin-left: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.igZdj img {
    border-radius: 20px;
    margin: 20px auto;
    width: 93%;
}

.igDol {
    position: relative;
    height: 50px;
    z-index: 2;
    margin-top: -10px;
}

.igDol4 {
    position: absolute;
}

.igDol2 {
    position: absolute;
    right: 10px;
    top: -5px;
    gap: 10px;
    display: flex;
}

.idDol1 {
    width: 80%;
    display: flex;
    /* gap: 10px; */
    flex-direction: column;
    margin-left: 10px;
}

.idDol1 b {
    color: var(--b);
    width: max-content;
}

.igDol2 svg {
    fill: var(--b);
}

/* ig kom */

.igKom {
    width: 450px;
    height: max-content;
    min-height: 60px;
    overflow: hidden;
    margin: 20px auto;
    border-radius: 20px;
    border: 5px solid var(--g1);
    outline: 10px solid var(--g);
    background: var(--w);
    position: relative;
}

.igKTop1 img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.igKTop {
    position: relative;
    height: 70px;
}

.igKTop1 {
    position: absolute;
    top: 10px;
    left: 10px;
}

.igKTop .igTop2 {
    left: 60px;
}

.igKTop3 {
    position: absolute;
    right: 10px;
}

.igKTop3 svg {
    fill: var(--b);
}

.igKom2 {
    padding: 5px 15px;
    padding-bottom: 10px;
}

.igKTop::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 5px;
    background: var(--b);
    opacity: 0.3;
    bottom: 20px;
    left: 70px;
}

/* relki */

.reacje {
width: 550px;
    height: max-content;
    min-height: 140px;
    background: var(--g);
    border-radius: 0px;
    margin: 20px auto;
    border-radius: 30px;
    background-clip: padding-box;
    border: 15px solid var(--g1);
    background-clip: border-box;
    outline: 1px dashed var(--g);
    position: relative;
}

.rel1 {
    display: flex
;
    flex-direction: column;
    width: 100%;
    font-family: 'Staatliches';
    font-size: 30px;
    position: absolute;
    top: 20px;
    justify-content: start;
    align-items: center;
    height: 100px;
    /* gap: 5px; */
}

.rel12345 {
    width: 70%;
    height: 60px;
    background: var(--w);
    border-radius: 10px;
    left: 60px;
    border: 2px solid var(--w);
    font-family: poppins;
    font-size: 12px;
    position: relative;
    overflow: auto;
}

.rel12 {
    position: relative;
    width: 95%;
    text-align: center;
    display: flex;
    height: 37.5px;
}

.rel123 img {
    width: 85px;
    height: 85px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    border: 2px solid var(--w);
}

.rel123 {
    position: absolute;
    /* justify-self: start; */
    top: -6px;
    left: 0px;
    width: 90px;
    height: 90px;
    background: var(--g1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    border: 10px solid var(--g1);
    background-clip: padding-box;
}

.rel1234 {
    position: relative;
    left: 125px;
    width: 400px;
    text-align: left;
    color: var(--b);
}


.tabi {
    padding: 20px;
    padding-top: 0px;
    margin-top: 150px;
}

.emo {
    width: 90px;
    height: 45px;
    background: pink;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    grid-column-start: 1;
    grid-row-start: 3;
    grid-row-end: 4;
}

.emo  svg {
  fill:var(--w);
}

.one {
    width: 95%;
    height: max-content;
    padding: 15px;
    background: var(--w);
    margin: 20px auto;
    border-radius: 15px;
    display: grid;
    grid-template-columns: 100px 410px;
    grid-auto-rows: auto;
    row-gap: 5px;
    padding-bottom: 10px;
}

.imga {
    position: relative;
    width: 90px;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 3;
}

.imga img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 5px solid pink;
    border-radius: 10px;
}

.poz img, .poz .emo {
    border-color: #7dbe7d;
    background: #7dbe7d;
}

.poz .imieR {
    color: #7dbe7d;
}

.opisR {
    grid-column-start: 2;
    grid-row-start: 2;
    grid-row-end: 5;
    width: calc(95% - 20px);
    text-align: justify;
    font-family: poppins;
    font-size: 12px;
    background: var(--g);
    padding: 10px;
    border-radius: 20px;
    height: max-content;
    min-height: 0px;
    margin-bottom: 10px;
}

.imieR {
    font-family: 'Staatliches';
    font-size: 20px;
}

.neg .imieR {
    color: #b96666;
}

.neg img, .neg .emo {
    border-color: #b96666;
    background: #b96666;
}

.neu img, .neu .emo {
    border-color: #8db5ce;
    background: #8db5ce;
}

.neu .imieR {
    color: #8db5ce;
}

/* inf */

.inf1 {
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 180px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.inf12 {
    display: grid;
    grid-template-columns: 130px 130px 130px 130px;
    grid-auto-rows: auto;
    row-gap: 15px;
    column-gap: 10px;
}

.inf123 img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}


.inf123 {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-end: 2;
    background: var(--w);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    border-radius: 15px;
}

.inf123456 {
    grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-end: 3;
    border: 15px solid var(--w);
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--w);
    border-radius: 15px;
    position: relative;
    z-index: 1;
}

.inf1234 {
    text-align: center;
    grid-column-start: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-end: 5;
    width: 100%;
    font-family: 'Staatliches';
    font-size: 25px;
    color: var(--b);
}

.inf123456 svg {
    width: 100px;
    height: 100px;
    fill: var(--b);
}

.inf12::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 115px;
    background: var(--b);
    bottom: 0px;
    opacity: 0.2;
    z-index: -1;
}

.infK {
    margin: 20px auto;
    width: calc(100% - 80px);
    background: var(--w);
    padding: 20px;
    border-radius: 20px;
    position: relative;
}

.infT {
    position: relative;
    font-family: 'Staatliches';
    font-size: 30px;
    color: var(--b);
    margin-left: 5px;
    z-index: 1;
    width: max-content;
}

.infT::before {
    content: '';
    width: 90%;
    height: 15px;
    background: var(--b);
    position: absolute;
    left: -5px;
    bottom: -5px;
    opacity: 0.3;
    z-index: -1;
}

.infT1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 20px;
    gap: 10px;
    position: relative;
}

.infOdp {
    width: 100%;
    border-bottom: 1px dashed var(--b);
    padding-bottom: 10px;
    height: max-content;
    display: flex;
    gap: 15px;
    justify-content: start;
    align-items: center;
    z-index: 1;
    position: relative;
}

.infOdp1 {width: 70px;height: max-content;/* writing-mode: vertical-rl; *//* transform:rotate(180deg); */display: flex;justify-content: center;align-items: center;text-align: center;min-width: 70px;z-index: 1;padding: 20px 0px;color: var(--b);font-weight: bold;letter-spacing: 1px;max-height: 150px;position: relative;}

.infOdp1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--b);
    z-index: -1;
    opacity: 0.2;
    display: none;
}

.infOdp2 {
    height: max-content;
}

.statkiNewUser a {
    color: var(--white) !important;
}

.akcept4 .mention {
    color: var(--w) !important;
}

/* tw */

.trigi {
    display: flex;
    flex-direction: column;
    text-align: justify;
    font-size: 10px;
    justify-content: center;
    align-items: center;
    line-height: 16px;
    width: 60%;
    margin: 0px auto;
    margin-bottom: 20px;
}

.trigi1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-transform: lowercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    color: var(--b);
    z-index: 1;
    position: relative;
    width: max-content;
    margin-bottom: 0px;
}

.trigi2 svg {
    width: 20px;
    height: 20px;
    fill: var(--b);
}

.trigi2 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.trigi1::before {
    content: '';
    position: absolute;
    width: 70%;
    height: 5px;
    background: var(--b);
    z-index: -1;
    opacity: 0.2;
    bottom: 5px;
    left: 20px;
}

.graczekIk {
    color: var(--w) !important;
}

.kpCechy .kpTresc::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 100%;
    background: var(--b);
    bottom: 0px;
    opacity: 0.2;
}

.infOdp:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 100%;
    background: var(--b);
    opacity: 0.2;
    z-index: -1;
}

.first {
    width: 60%;
    margin: 20px auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.firstH1 {
    position: relative;
    z-index: 1;
    font-weight: bold;
    color: var(--b);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.first1H1 {
    color: var(--font);
    font-size: 11px;
    margin-top: -5px;
    font-weight: normal;
        line-height: 16px;
}

.firstH1::before {
    content: '';
}

.first1H {
    z-index: 1;
    position: relative;
    width: max-content;
}

.first1H::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 10px;
    background: var(--b);
    bottom: 0px;
    z-index: 1;
    opacity: 0.2;
    left: -5px;
}

/* kostka */
dl.attachbox.dice-box .fa-fw {
    display: none;
}

dl.attachbox.dice-box {
}

dl.attachbox.dice-box dt {
    display: none;
}

.rzutKosteczka1 {
    width: 150px;
    height: 90px;
    margin: 20px auto;
    background: var(--w);
    border-radius: 10px;
    border: 5px solid var(--g1);
    outline: 10px solid var(--g);
}

.rzutKosteczka {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
}

.wylosowanyNumerek {
    width: max-content;
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--b);
    font-family: 'Poppins';
    z-index: 1;
    position: relative;
    min-height: 50px;
}

.wylosowanyNumerek::before {
    content: '';
    position: absolute;
    width: 85%;
    height: 40px;
    background: var(--b);
    bottom: 0px;
    opacity: 0.2;
    z-index: -1;
    left: -5px;
}

.posz3111 {
    font-size: 14px;
    font-family: 'Poppins';
}

.poszukiT {
    padding: 20px;
    background: var(--w);
    width: calc(100% - 80px);
    margin: 20px auto;
    margin-top: 0px;
    border-radius: 20px;
}

details.spoiler {
    background: transparent !important;
}

.akcept.dyplomaci a {
    color: var(--dyplomaci);
    font-weight: bold;
}

.akcept.odkrywcy a {
    color: var(--odkrywcy);
    font-weight: bold;
}

.akcept.analitycy a {
    color: var(--analitycy);
    font-weight: bold;
}

.akcept.strażnicy a {
    color: var(--straznicy);
    font-weight: bold;
}


.inf123456::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: var(--g);
    border-radius: 10px;
    z-index: -1;
}


.kpInfo::before {
    content: '';
    position: absolute;
    width: 201px;
    height: 40px;
    background: var(--w);
    top: 280px;
    right: 0px;
    z-index: 2;
    border-radius: 0px 0px 15px 15px;
    opacity: 0.8;
    backdrop-filter: blur(10px);
}

.listekNa {
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.listekNa svg {
    width: 10px;
    height: 10px;
    fill: var(--a);
}

li.breadcrumbs {
    display: flex;
}

/* inf */

.infOdp1[data-label="płeć"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M147.91,113.72a28,28,0,1,1-25.63-25.63A28,28,0,0,1,147.91,113.72ZM216,40V216a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V40A16,16,0,0,1,56,24H200A16,16,0,0,1,216,40ZM188,56a8,8,0,0,0-8-8H152.27A8.17,8.17,0,0,0,144,55.47,8,8,0,0,0,152,64h8.69L144.92,79.77A44,44,0,1,0,112,159.26V176H92.27A8.17,8.17,0,0,0,84,183.47,8,8,0,0,0,92,192h20v15.73a8.18,8.18,0,0,0,7.47,8.25,8,8,0,0,0,8.53-8V192h19.73a8.17,8.17,0,0,0,8.25-7.47,8,8,0,0,0-8-8.53H128V159.26a44,44,0,0,0,28.24-68.18L172,75.31v8.42A8.18,8.18,0,0,0,179.47,92,8,8,0,0,0,188,84Z"></path></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="partner"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M178,40c-20.65,0-38.73,8.88-50,23.89C116.73,48.88,98.65,40,78,40a62.07,62.07,0,0,0-62,62c0,70,103.79,126.67,108.21,129a8,8,0,0,0,7.58,0C136.21,228.67,240,172,240,102A62.07,62.07,0,0,0,178,40ZM128,214.8V104a48,48,0,0,1,41.61-47.56A83.85,83.85,0,0,1,178,56a46.06,46.06,0,0,1,46,46C224,155.61,146.25,204.15,128,214.8Z"></path></svg>');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="stan cywilny"] {
    background: url('data:image/svg+xml,<svg height="50" viewBox="0 0 64 64" fill="%2381a5c7" width="50" xmlns="http://www.w3.org/2000/svg" data-name="glyph"><path d="m58.21 34.66c-2.40468-4.95569-6.801-8.35114-12.62992-11.00009a12.25156 12.25156 0 0 0 -6.75028-11.39973c-10.03434-7.55071-37.07724 8.28823-34.67962 20.6901-.03018 3.75972 3.31982 10.64972 7.92982 12.27972a19.41808 19.41808 0 0 0 6.04.85 25.98164 25.98164 0 0 0 4.1-.33c-.56-.63-1.06995-1.24-1.52-1.82-1.6281-2.2269-3.21891-4.51422-3.68-7.35a13.84681 13.84681 0 0 1 -7.92275-.53152c1.19525-4.26935 5.21551-9.16449 10.581-12.84631 7.35938-5.05127 15.76319-6.78272 19.54688-4.0293.05772.04655.14729.0568.1949.09709a9.66957 9.66957 0 0 1 -.75003 2.24004c-4.25043-.74808-7.66392-.67543-11.11.98994-1.66178.40369-9.44058 4.70631-8.56981 13.67018.46836 2.90323 2.17966 5.0722 3.98969 7.38992 4.46745 5.07186 9.74087 8.87505 20.02 10.01018 9.58502.93543 21.55732-6.68945 15.21012-18.91022zm-39.66361-13.10727c-5.568 3.8216-9.67737 8.73865-11.19074 13.33246a4.553 4.553 0 0 1 -1.2756-2.47519c-1.26816-9.14168 16.005-20.46945 25.9-20.06976 3.62248.04614 6.97532 1.12546 7.548 4.67054-4.78641-2.57487-13.19132-.8035-20.98166 4.54195zm8.90361 11.09727-.13.07a9.95184 9.95184 0 0 1 -.99-1.99 13.90275 13.90275 0 0 1 5.31-.92 34.57554 34.57554 0 0 1 -4.19 2.84zm6.37-4.72a17.83056 17.83056 0 0 0 -7.91.82 4.41209 4.41209 0 0 1 .36-2.17c2.08769-3.86247 7.21111-3.77009 11.38989-3.22016a24.079 24.079 0 0 1 -3.83989 4.57016zm4.16 13.25c-.88-.4-1.76-.84-2.6-1.31a30.75617 30.75617 0 0 0 4.21-3.79 30.35533 30.35533 0 0 0 3.01-3.78c5.85 2.55 10.29 6.58 11.44 10.36-3.71 1.78-10.02 1.22-16.06-1.48zm18.69-1.02a4.70943 4.70943 0 0 1 -.92 1.33c-1.55-4.13-6.08-8.23-12.12-10.92a16.26665 16.26665 0 0 0 1.72-4.82c5.41153 2.50457 13.34528 8.47365 11.32 14.41z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="wykształcenie"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M176,207.24a119,119,0,0,0,16-7.73V240a8,8,0,0,1-16,0Zm11.76-88.43-56-29.87a8,8,0,0,0-7.52,14.12L171,128l17-9.06Zm64-29.87-120-64a8,8,0,0,0-7.52,0l-120,64a8,8,0,0,0,0,14.12L32,117.87v48.42a15.91,15.91,0,0,0,4.06,10.65C49.16,191.53,78.51,216,128,216a130,130,0,0,0,48-8.76V130.67L171,128l-43,22.93L43.83,106l0,0L25,96,128,41.07,231,96l-18.78,10-.06,0L188,118.94a8,8,0,0,1,4,6.93v73.64a115.63,115.63,0,0,0,27.94-22.57A15.91,15.91,0,0,0,224,166.29V117.87l27.76-14.81a8,8,0,0,0,0-14.12Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="znajomość języków"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M160,129.89,175.06,160H144.94l6.36-12.7v0ZM224,48V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM207.16,188.42l-40-80a8,8,0,0,0-14.32,0L139.66,134.8a62.31,62.31,0,0,1-23.61-10A79.61,79.61,0,0,0,135.6,80H152a8,8,0,0,0,0-16H112V56a8,8,0,0,0-16,0v8H56a8,8,0,0,0,0,16h63.48a63.73,63.73,0,0,1-15.3,34.05,65.93,65.93,0,0,1-9-13.61,8,8,0,0,0-14.32,7.12,81.75,81.75,0,0,0,11.4,17.15A63.62,63.62,0,0,1,56,136a8,8,0,0,0,0,16,79.56,79.56,0,0,0,48.11-16.13,78.33,78.33,0,0,0,28.18,13.66l-19.45,38.89a8,8,0,0,0,14.32,7.16L136.94,176h46.12l9.78,19.58a8,8,0,1,0,14.32-7.16Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="posiadane zwierzęta"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M240,108a28,28,0,1,1-28-28A28,28,0,0,1,240,108ZM72,108a28,28,0,1,0-28,28A28,28,0,0,0,72,108ZM92,88A28,28,0,1,0,64,60,28,28,0,0,0,92,88Zm72,0a28,28,0,1,0-28-28A28,28,0,0,0,164,88Zm23.12,60.86a35.3,35.3,0,0,1-16.87-21.14,44,44,0,0,0-84.5,0A35.25,35.25,0,0,1,69,148.82,40,40,0,0,0,88,224a39.48,39.48,0,0,0,15.52-3.13,64.09,64.09,0,0,1,48.87,0,40,40,0,0,0,34.73-72Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="posiadane pojazdy"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M240,104H229.2L201.42,41.5A16,16,0,0,0,186.8,32H69.2a16,16,0,0,0-14.62,9.5L26.8,104H16a8,8,0,0,0,0,16h8v80a16,16,0,0,0,16,16H64a16,16,0,0,0,16-16v-8h96v8a16,16,0,0,0,16,16h24a16,16,0,0,0,16-16V120h8a8,8,0,0,0,0-16ZM80,152H56a8,8,0,0,1,0-16H80a8,8,0,0,1,0,16Zm120,0H176a8,8,0,0,1,0-16h24a8,8,0,0,1,0,16ZM44.31,104,69.2,48H186.8l24.89,56Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="posiadane nieruchomości"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M240,208H224V136l2.34,2.34A8,8,0,0,0,237.66,127L139.31,28.68a16,16,0,0,0-22.62,0L18.34,127a8,8,0,0,0,11.32,11.31L32,136v72H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16Zm-88,0H104V160a4,4,0,0,1,4-4h40a4,4,0,0,1,4,4Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="posiadane przedsiębiorstwa"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M248,208H232V96a8,8,0,0,0,0-16H184V48a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16V208H24a8,8,0,0,0,0,16H248a8,8,0,0,0,0-16ZM80,72H96a8,8,0,0,1,0,16H80a8,8,0,0,1,0-16Zm-8,48a8,8,0,0,1,8-8H96a8,8,0,0,1,0,16H80A8,8,0,0,1,72,120Zm64,88H88V160h48Zm8-80H128a8,8,0,0,1,0-16h16a8,8,0,0,1,0,16Zm0-40H128a8,8,0,0,1,0-16h16a8,8,0,0,1,0,16Zm72,120H184V96h32Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="kredyty"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M226,88.08c-.4-1-.82-2-1.25-3a87.93,87.93,0,0,0-30.17-37H216a8,8,0,0,0,0-16H112a88.12,88.12,0,0,0-87.72,81A32,32,0,0,0,0,144a8,8,0,0,0,16,0,16,16,0,0,1,8.57-14.16A87.69,87.69,0,0,0,46,178.22l12.56,35.16A16,16,0,0,0,73.64,224H86.36a16,16,0,0,0,15.07-10.62l1.92-5.38h57.3l1.92,5.38A16,16,0,0,0,177.64,224h12.72a16,16,0,0,0,15.07-10.62L221.64,168H224a24,24,0,0,0,24-24V112A24,24,0,0,0,226,88.08ZM152,72H112a8,8,0,0,1,0-16h40a8,8,0,0,1,0,16Zm28,56a12,12,0,1,1,12-12A12,12,0,0,1,180,128Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="rodzice"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 448 512"><path d="M224 0a80 80 0 1 1 0 160A80 80 0 1 1 224 0zM436.8 382.8L373.5 462c-16.6 20.7-46.8 24.1-67.5 7.5c-17.6-14.1-22.7-38.1-13.5-57.7l-.8-.1c-38.9-5.6-74.3-25.1-99.7-54.8l0-36.8c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 48c0 .8 0 1.6 .1 2.4l101.4 50.7c23.7 11.9 33.3 40.7 21.5 64.4s-40.7 33.3-64.4 21.5L27.2 427.3c-1.1-.5-2.2-1.1-3.3-1.7c-4.9-2.8-9.2-6.4-12.6-10.6c-4.6-5.4-7.8-11.7-9.6-18.4c-3.3-12-1.9-25.2 4.8-36.6c.6-1.1 1.3-2.2 2-3.2L75.6 256.1c26.7-40.1 71.7-64.1 119.8-64.1l75.2 0c46.5 0 90.1 22.5 117.2 60.3l50.7 70.9c2.2 3 4 6.1 5.5 9.4c2.9 6.7 4.3 13.8 4 20.8c-.3 10.6-4.2 21-11.2 29.4zM320 332a44 44 0 1 0 -88 0 44 44 0 1 0 88 0z"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="sylwetka"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M100,36a28,28,0,1,1,28,28A28,28,0,0,1,100,36ZM215.42,140.78l-45.25-51.3a28,28,0,0,0-21-9.48H106.83a28,28,0,0,0-21,9.48l-45.25,51.3a16,16,0,0,0,22.56,22.69L89,142.7l-19.7,74.88a16,16,0,0,0,29.08,13.35L128,180l29.58,51a16,16,0,0,0,29.08-13.35L167,142.7l25.9,20.77a16,16,0,0,0,22.56-22.69Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="kolor włosów"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M177.42,206.62,209,137.07A64,64,0,0,0,168,24a8.4,8.4,0,0,0-1.32.11L29.37,47A16,16,0,0,0,16,62.78v50.44A16,16,0,0,0,29.37,129L128,145.44V200a16,16,0,0,0,16,16,40,40,0,0,0,40,40h16a8,8,0,0,0,0-16H184a24,24,0,0,1-24-24h2.85A16,16,0,0,0,177.42,206.62ZM192,88a24,24,0,1,1-24-24A24,24,0,0,1,192,88Zm-25.32,63.89A8.4,8.4,0,0,0,168,152a63.9,63.9,0,0,0,17.82-2.54l-23,50.54H144V148.11Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="kolor oczu"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="choroby przewlekłe"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M240,120H223.66a95.52,95.52,0,0,0-22.39-53.95l12.39-12.39a8,8,0,0,0-11.32-11.32L190,54.73A95.52,95.52,0,0,0,136,32.34V16a8,8,0,0,0-16,0V32.34A95.52,95.52,0,0,0,66.05,54.73L53.66,42.34A8,8,0,0,0,42.34,53.66L54.73,66.05a95.52,95.52,0,0,0-22.39,54H16a8,8,0,0,0,0,16H32.34A95.52,95.52,0,0,0,54.73,190L42.34,202.34a8,8,0,0,0,11.32,11.32l12.39-12.39a95.52,95.52,0,0,0,54,22.39V240a8,8,0,0,0,16,0V223.66A95.52,95.52,0,0,0,190,201.27l12.39,12.39a8,8,0,0,0,11.32-11.32L201.27,190A95.52,95.52,0,0,0,223.66,136H240a8,8,0,0,0,0-16ZM80,108a28,28,0,1,1,28,28A28,28,0,0,1,80,108Zm48,84a16,16,0,1,1,16-16A16,16,0,0,1,128,192Zm48-48a16,16,0,1,1,16-16A16,16,0,0,1,176,144Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="zaburzenia"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M212,76V72a44,44,0,0,0-74.86-31.31,3.93,3.93,0,0,0-1.14,2.8v88.72a4,4,0,0,0,6.2,3.33A47.67,47.67,0,0,1,167.68,128a8.18,8.18,0,0,1,8.31,7.58,8,8,0,0,1-8,8.42,32,32,0,0,0-32,32v33.88a4,4,0,0,0,1.49,3.12,47.92,47.92,0,0,0,74.21-17.16,4,4,0,0,0-4.49-5.56A68.06,68.06,0,0,1,192,192h-7.73a8.18,8.18,0,0,1-8.25-7.47,8,8,0,0,1,8-8.53h8a51.6,51.6,0,0,0,24-5.88v0A52,52,0,0,0,212,76Zm-12,36h-4a36,36,0,0,1-36-36V72a8,8,0,0,1,16,0v4a20,20,0,0,0,20,20h4a8,8,0,0,1,0,16ZM88,28A44.05,44.05,0,0,0,44,72v4a52,52,0,0,0-4,94.12h0A51.6,51.6,0,0,0,64,176h7.73A8.18,8.18,0,0,1,80,183.47,8,8,0,0,1,72,192H64a67.48,67.48,0,0,1-15.21-1.73,4,4,0,0,0-4.5,5.55A47.93,47.93,0,0,0,118.51,213a4,4,0,0,0,1.49-3.12V176a32,32,0,0,0-32-32,8,8,0,0,1-8-8.42A8.18,8.18,0,0,1,88.32,128a47.67,47.67,0,0,1,25.48,7.54,4,4,0,0,0,6.2-3.33V43.49a4,4,0,0,0-1.14-2.81A43.85,43.85,0,0,0,88,28Zm8,48a36,36,0,0,1-36,36H56a8,8,0,0,1,0-16h4A20,20,0,0,0,80,76V72a8,8,0,0,1,16,0Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="trwałe urazy"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm-8,96H188.64L159,188a8,8,0,0,1-6.95,4h-.46a8,8,0,0,1-6.89-4.84L103,89.92,79,132a8,8,0,0,1-7,4H48a8,8,0,0,1,0-16H67.36L97.05,68a8,8,0,0,1,14.3.82L153,166.08l24-42.05a8,8,0,0,1,6.95-4h24a8,8,0,0,1,0,16Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="alergie"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M216,56H176V48a24,24,0,0,0-24-24H104A24,24,0,0,0,80,48v8H40A16,16,0,0,0,24,72V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V72A16,16,0,0,0,216,56Zm-64,88H136v16a8,8,0,0,1-16,0V144H104a8,8,0,0,1,0-16h16V112a8,8,0,0,1,16,0v16h16a8,8,0,0,1,0,16Zm8-88H96V48a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="przebyte operacje"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M255.43,117l-14-35A15.93,15.93,0,0,0,226.58,72H192V64a8,8,0,0,0-8-8H32A16,16,0,0,0,16,72V184a16,16,0,0,0,16,16H49a32,32,0,0,0,62,0h50a32,32,0,0,0,62,0h17a16,16,0,0,0,16-16V120A7.92,7.92,0,0,0,255.43,117ZM80,208a16,16,0,1,1,16-16A16,16,0,0,1,80,208Zm56-80H120v16a8,8,0,0,1-16,0V128H88a8,8,0,0,1,0-16h16V96a8,8,0,0,1,16,0v16h16a8,8,0,0,1,0,16Zm56,80a16,16,0,1,1,16-16A16,16,0,0,1,192,208Zm0-96V88h34.58l9.6,24Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="nałogi"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M216.43,39.6a53.27,53.27,0,0,0-75.33,0L39.6,141.09a53.26,53.26,0,0,0,75.32,75.31L216.43,114.91A53.32,53.32,0,0,0,216.43,39.6Zm-11.32,64-50.75,50.74-52.69-52.68,50.75-50.75a37.26,37.26,0,0,1,52.69,52.69ZM189.68,82.34a8,8,0,0,1,0,11.32l-24,24a8,8,0,1,1-11.31-11.32l24-24A8,8,0,0,1,189.68,82.34Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="blizny i deformacje"] {
    background: url('data:image/svg+xml,<svg width="32" height="32" fill="%2381a5c7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-176c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 272c0 1.5 0 3.1 .1 4.6L67.6 283c-16-15.2-41.3-14.6-56.6 1.4s-14.6 41.3 1.4 56.6L124.8 448c43.1 41.1 100.4 64 160 64l19.2 0c97.2 0 176-78.8 176-176l0-208c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-176c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 176c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208zM240 336a16 16 0 1 1 32 0 16 16 0 1 1 -32 0zm80 16a16 16 0 1 1 0 32 16 16 0 1 1 0-32zm48-16a16 16 0 1 1 32 0 16 16 0 1 1 -32 0zm-16 80a16 16 0 1 1 0 32 16 16 0 1 1 0-32zM240 432a16 16 0 1 1 32 0 16 16 0 1 1 -32 0zm-48-48a16 16 0 1 1 0 32 16 16 0 1 1 0-32z"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
}

.infOdp1[data-label="tatuaże i piercing"] {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%2381a5c7" viewBox="0 0 256 256"><path d="M200.77,53.89A103.27,103.27,0,0,0,128,24h-1.07A104,104,0,0,0,24,128c0,43,26.58,79.06,69.36,94.17A32,32,0,0,0,136,192a16,16,0,0,1,16-16h46.21a31.81,31.81,0,0,0,31.2-24.88,104.43,104.43,0,0,0,2.59-24A103.28,103.28,0,0,0,200.77,53.89ZM84,168a12,12,0,1,1,12-12A12,12,0,0,1,84,168Zm0-56a12,12,0,1,1,12-12A12,12,0,0,1,84,112Zm44-24a12,12,0,1,1,12-12A12,12,0,0,1,128,88Zm44,24a12,12,0,1,1,12-12A12,12,0,0,1,172,112Z"></path></svg>');
    background-position: center;
    background-repeat: no-repeat;
}