*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:black}ul{list-style:none}.header{width:100%;min-width:320px}.navigation{float:right;width:310px}.nav-items{position:relative;width:100%;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.link{position:relative}.link:hover,.link:focus{outline-style:none;color:gray}.link:hover::before,.link:focus::before{content:'';position:absolute;width:100%;height:1px;background-color:gray;top:100%}.bell{position:relative}.bell:hover,.bell:focus{outline-style:none}.bell:hover .bell-icon::before,.bell:focus .bell-icon::before{content:'';position:absolute;width:30px;height:30px;border-radius:50%;background-color:rgba(218,218,218,0.3);top:-4px;left:-4px;z-index:-1}.bell-icon{width:22px;height:22px;z-index:5}.bell-icon img{width:100%;height:100%;object-fit:cover}.user{position:relative}.user:hover,.user:focus{outline-style:none}.user:hover::before,.user:focus::before{content:'';position:absolute;width:58px;height:58px;border-radius:50%;background-color:rgba(218,218,218,0.3);top:-5px;left:-5px;z-index:-5}.user-photo{display:flex;justify-content:center;align-items:center;width:47px;height:47px;border:1px solid gray;background-color:white;border-radius:50%}.popup-wrapper{width:30px;position:relative;height:30px}.popup_btn-icon{position:absolute;background:url("../popup-icons/popup-button.png") center no-repeat;width:30px;height:30px}.popup_btn-icon:hover{cursor:pointer}.popup_btn{position:absolute;opacity:0}.popup_btn-icon:hover,.popup_btn:focus+.popup_btn-icon{background-color:rgba(218,218,218,0.3);border-radius:50%}.popup_btn:checked ~ .popup{display:block}.popup{display:none;border:1px solid black;width:310px;height:500px;position:absolute;top:160%;left:-200px}.popup::before{content:'';position:absolute;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid black;z-index:-1;top:-16px;left:198px}.popup::after{content:'';position:absolute;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid white;top:-15px;left:199px;z-index:5}.popup-content{width:100%;height:100%;overflow:auto}.main-menu{display:flex;justify-content:space-between;flex-wrap:wrap;padding:40px 20px 5px 20px;width:100%;height:90%}.popup-item:hover,.popup-item:focus{outline-style:none;border:1px solid gray}.popup-item{width:80px;height:80px;padding:3px;display:flex;justify-content:center;text-align:center}.popup-item-icon{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.popup-item-icon img{margin:0 auto;max-width:55px;max-height:45px;object-fit:cover}.show-more_btn{opacity:0;position:absolute}.show-more:hover,.show-more_btn:focus+.show-more{color:white;background-color:rgba(56,56,56,0.733);cursor:pointer}.show-more{transition:all 0.2s ease-in;padding:7% 44.4%;position:absolute;bottom:0%;background-color:rgba(218,218,218,0.3)}.show-more_btn:checked ~ .sub-menu{display:flex;border-top:1px solid #dadada}.show-more_btn:checked+.show-more{display:none}.sub-menu{display:none;justify-content:space-between;align-content:space-between;flex-wrap:wrap;padding:40px 20px 10px 20px;width:100%;height:55%}.kottans{margin:10px auto 0px auto}
/*# sourceMappingURL=style.min.css.map */