/* Start:/local/components/cint/panno/templates/v2/style.css?17760756984070*/
@font-face{font-family:Jikharev;src:url(/include/fonts/ZhikharevC.ttf) format('truetype'),url(/include/fonts/ZhikharevC.woff) format("woff2"),url(/include/fonts/ZhikharevC.woff2) format("woff"),url(/include/fonts/ZhikharevC.eot);font-weight:400;font-display:swap}
@font-face{font-family:Tactic;src:url(/include/fonts/tactic-sans-bold.ttf) format('truetype');font-weight:800;font-display:swap}
body{overflow-x:auto;background-image:radial-gradient(farthest-side at 50% 20%,#ffff,#fae6a654,#fae6a6)}
body.lock{overflow-y:hidden}
#panno-container{max-width:1920px;min-height:100vh;width:100%;height:100%;margin:0 auto;padding:20px}
#panno-container h1{padding-bottom:20px;color:#e52e31;text-align:center;font-weight:400;font-style:italic;font-family:Jikharev,sans-serif}
#panno{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(10px,1%,40px);row-gap:20px}
#panno .part{max-width:354px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;cursor:pointer}
#panno .part-name{min-height:47px;font-family:Tactic,sans-serif;text-align:center;font-size:13px}
#panno .part img{width:100%;height:auto;padding-bottom:5px}
#panno .part img{width:132,5px;height:auto;padding-bottom:5px}
#panno #logo-80,#panno #logo-rh{cursor:default}
#panno #logo-80 img{width:77%}
#panno #logo-rh img{padding-bottom:5px}
#panno #logo-rh .part-name{font-size:10px;color:#e52e31}
.has-text{width:30px;height:30px;position:absolute;right:5px;bottom:60px;background-image:url(/images/2026/more-info-icon.png);background-position:center;background-size:70%;background-repeat:no-repeat;border-radius:100%;box-shadow:0 0 10px 0 #00000031;background-color:#f2e0c7;padding:5px;box-sizing:border-box}
#popup-info{width:100vw;height:100vh;position:fixed;z-index:10;display:none;align-items:center;justify-content:center;backdrop-filter:blur(15px)}
#popup-info.show{display:flex}
#popup-container{max-height:80%;max-width:1200px;min-width:280px;min-height:500px;width:70%;height:fit-content;padding:20px 20px 40px 20px;position:relative;background-image:url(/images/2026/person-back.png);overflow:hidden}
#popup-close{width:fit-content;margin-left:auto;font-weight:700;font-size:16px;cursor:pointer}
#popup-h2{margin-bottom:30px;font-size:40px}
#popup-img{width:300px;height:400px;position:absolute;top:55px;right:20px;background-position:right top;background-repeat:no-repeat;background-size:contain}
#popup-text{max-height:360px;line-height:1.4;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}
#popup-text .param{font-style:italic;font-family:Tactic}
#popup-wrapper{padding-right:320px;scrollbar-width:thin;scrollbar-color:#333 transparent}
#search{padding:10px 0 30px;display:flex;flex-direction:column}
#search input[type=text]{padding:10px 20px;font-size:20px;border:1px solid #333}
@media screen and (max-width:1700px){
#panno{grid-template-columns:repeat(10,1fr)}
#panno .part:nth-child(1){order:12}
#panno .part:nth-child(9){order:14}
}
@media screen and (max-width:1400px){
#panno{grid-template-columns:repeat(8,1fr)}
#panno .part:nth-child(2){order:13}
#panno .part:nth-child(10){order:15}
#popup-container{max-width:90%;width:90%}
}
@media screen and (max-width:1115px){
#panno{grid-template-columns:repeat(6,1fr)}
#panno .part:nth-child(3){order:16}
#panno .part:nth-child(11){order:17}
#popup-container{max-width:95%;width:95%;max-height:95%}
#popup-img{width:200px;height:300px;position:unset}
#popup-wrapper{max-height:80vh;padding:0;overflow-y:auto}
#popup-h2{font-size:30px}
#popup-text{max-height:unset;padding-right:10px;padding-bottom:30px;font-size:18px;overflow-y:unset}
}
@media screen and (max-width:998px){
#panno{grid-template-columns:repeat(4,1fr)}
#panno .part:nth-child(4){order:18}
#panno .part:nth-child(12){order:19}
#popup-container{min-height:unset}
#search input[type=text]{font-size:18px;padding:5px 10px}
#search label{font-size:16px}
}
@media screen and (max-width:799px){
#panno{grid-template-columns:repeat(2,1fr)}
#panno .part:nth-child(5){order:20}
#panno .part:nth-child(13){order:21}
}
/* End */
/* /local/components/cint/panno/templates/v2/style.css?17760756984070 */