.sidebar-shop-item{padding:2px}.sidebar-shop-item:not(:last-child)::after{content:",";margin-left:-2px}.sidebar-panel{width:250px;background-color:#f4f4f4;padding:10px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.sidebar-panel .user-info img{max-width:100px;border-radius:50%}.user-fav-sidebar{max-height:100vh;overflow-y:auto;position:fixed;z-index:100;top:0;right:0;box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow:hidden;transition:width 0.5s ease,padding 0.5s ease,opacity 0.5s ease;width:0;padding:0;opacity:0}.user-panel-images-container{display:grid;grid-template-columns:122px auto;grid-template-rows:auto auto auto auto;text-align:center;width:100%;height:auto;background-color:rgb(0,0,0,0.4);border:1px solid var(--color-frame);outline:3px solid var(--color4)}.user-panel-info-container{grid-column:2;grid-row:1 / span 2;display:grid;gap:10px;padding:10px}.user-info{background-color:rgb(0,0,0,0.4);gap:10px;border-bottom:1px solid var(--color-frame);outline:3px solid var(--color6);padding:5px;align-items:center;justify-content:center}.user-info .ph{color:var(--color-ranga)}.user-panel-av{grid-column:1;grid-row:1 / span 3}.user-panel-sidebar .active-user-av{width:100%;object-fit:cover;border-bottom:1px solid var(--color-frame);padding:2px}.switch-user-container{display:grid;grid-template-columns:repeat(3,auto);grid-auto-columns:max-content;gap:10px;align-items:center;justify-content:center;background-color:rgb(0,0,0,0.4);border-bottom:1px solid var(--color-frame);outline:3px solid var(--color6);padding:5px 0px;min-height:100px}.switch-user-container .switch-user{display:flex;justify-content:center;align-items:center;margin:0}.switch-user-container .switch-user img{width:40px;height:40px;object-fit:cover;border:1px solid var(--color-frame);filter:grayscale(1)}.switch-user-container:empty::before{content:"Czas na kolejną postać...";font-family:var(--font2);margin-left:20px;color:var(--color-ranga)}.user-panel-tabs{grid-column:1 / span 2;grid-row:3;display:grid;grid-template-columns:122px auto;grid-template-rows:auto auto auto auto}.user-panel-button{grid-column:2;grid-row:3}.user-panel-button button.tab-btn.active{color:var(--color-ranga)}.user-panel-tabs-more{grid-column:1 / -1;grid-row:4;font-size:var(--font-size-sd)}.user-panel-pd-hp{display:flex;justify-content:center;margin-top:5px;margin-bottom:5px}.user-stats-pd-hp{width:50%}span.user-stats-pd-hp\.name{color:var(--color-font-grey)}.two-columns{display:flex;gap:16px}.user-stats,.user-inventory{flex:1;background-color:#f4f4f4;border:1px solid var(--color-frame);margin-bottom:10px}.user-panel-sidebar-notepad{width:100%}.user-panel-sidebar-settings{padding:20px}.user-sidebar-menu-toggle.fav{position:relative}.fav-topics-list{list-style:none;padding:0}.fav-topics-list li{}.fav-topics-list a{}.fav-topics-list a:hover{}.sidebar-tabs{display:flex;gap:5px;margin-bottom:10px}.sidebar-tabs .tab-btn{flex:1;border:none;padding:6px;cursor:pointer;font-weight:bold;transition:background 0.2s ease}.sidebar-tabs .tab-btn.active{color:var(--color1)}.fav-topics-list li a{font-size:var(--font-size-s-md)!important}.tab-content{display:none}.tab-content.active{display:block}.sidebar-fav{width:250px;padding:10px;border-radius:8px;margin-bottom:20px}.icon-nav{width:18px;height:18px;transition:transform 0.4s ease,filter 0.4s ease;cursor:pointer;color:var(--color1)}.icon-nav-dice{width:20px;height:20px;padding-top:5px;padding-left:5px;transition:transform 0.4s ease,filter 0.4s ease;cursor:pointer;color:var(--color1)}.icon-nav-last{border-right:1px solid var(--color1);padding-right:5px}.icon-nav:hover{transform:scale(1.1);filter:drop-shadow(0 0 5px var(--color1))}.user-sidebar-menu-toggle{position:relative;top:15px;right:15px;cursor:pointer;width:60px;height:60px;border-radius:50%;overflow:hidden;z-index:10;box-shadow:1px 2px 5px var(--color1);margin-left:10px;transition:all 0.4s ease,filter 0.4s ease}.user-sidebar-menu-toggle:hover{box-shadow:1px 2px 10px var(--color12)}.img-sidebar-toggle{position:relative;width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px solid var(--color1);z-index:1}#user-panel-sidebar.open + .user-sidebar-menu-toggle .img-sidebar-toggle{filter:brightness(0.3)}#user-panel-sidebar.open + .user-sidebar-menu-toggle::after{opacity:1}.user-panel-sidebar{max-height:100vh;overflow-y:auto;position:absolute;background:var(--color-sub);border:1px solid var(--color4);top:40px;right:0;width:330px;padding:15px;min-width:200px;z-index:100;opacity:0;transform:scaleY(0);transform-origin:top;transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:10px}.user-panel-sidebar.open{opacity:1;transform:scaleY(1);pointer-events:auto}.user-panel-sidebar.closed{opacity:0;transform:scaleY(0);pointer-events:none}.user-name-sidebar{width:100%;text-align:center}.user-name-sidebar a{font-size:var(--font-size-m-lg)!important;font-family:var(--font1) !important}.user-panel-sidebar .titleh3{text-align:center;font-family:var(--font1);color:var(--color-ranga);font-size:var(--font-size-m-lg);font-weight:bolder}textarea.user-panel-sidebar-notepad{padding:2px;line-height:1.4;background-color:rgb(0,0,0,0.4);border:1px solid var(--color-frame);outline:3px solid var(--color4);font-family:var(--font3);font-size:var(--font-size-sd);color:var(--color5);resize:none}.sidebar-panel-alert-container{width:100%;text-align:left;margin-bottom:10px}.sidebar-panel-alert{padding-left:20px;background-image:url(../../../images/headerlinks_sprite.png);background-repeat:no-repeat;display:inline-block;line-height:16px}.user-stats-count{display:block}.closebtn{position:absolute;top:10px;right:20px;font-size:36px;cursor:pointer}.sidebar-panel .user-info img{max-width:100px}.user-panel-sidebar .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.notification-popup{position:fixed;top:10px;right:10px;background-color:#4caf50;color:white;padding:10px 20px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1);font-size:14px;opacity:0;transform:translateY(-20px);transition:opacity 0.3s ease,transform 0.3s ease;z-index:10000}.notification-popup.show{opacity:1;transform:translateY(0)}.notification-popup.hidden{display:none}