:host {
    width: 100%;

    .notification {	
	img {
	    width: 28px;
	    height: 28px;	    
	}
    }    
}

.container {        
    max-width: 600px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 12px 16px;
    width: 100%;
    background: var(--button-color);
    color: var(--button-text-color);
    display: flex;
    flex-direction: column;
    gap: 10px;
    .block {
	display: flex;
	justify-content: space-between;
	align-items: center;
    }
    .back {
	width: 40px;      
    }
    .back-arrow {
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
    }
    .plug {
	height: 24px;
	width: 24px;
	visibility: hidden;
    }
    .title {
	font-weight: 700;
	font-size: 17px;
	line-height: 22px;
	margin: 0 auto;
	
    }
    .wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 40px;
    }
    .menu {
	position: relative;
	
	.menu__dropdown {
	    z-index: 110;
	    position: fixed;
	    background-color: white;
	    width: fit-content;
	    height: fit-content;	  
	    right: 20px;
	    border-radius: 6px;
	    box-shadow: 0px 2px 5px -3px black;
	    
	    .item_title {	      
		color: var(--text-color);
		font-size: 14px;
		font-style: normal;
	    }
	}      
    }
    .backdrop {
	z-index: 100;
	position: absolute;
	width: 100vw;
	left: 0;
	top: 0;
	height: 100vh;
    }
}