Vertical Social Icons: My code is malfunctioning!

Site URL: https://bell-orb-d33c.squarespace.com/?password=pearler

I've used the  below code to achieve some vertical  social links. I'm wondering why they're not staying fixed when I scroll, however. Any help is  appreciated! Website ✿ →

// ☯︎ FORCE MOBILE MENU //

@media screen and (min-width:768px) {
.header-nav-item,
.header-actions-action .btn {
    display: none!important;
}
.icon--cart {
    stroke: 2px solid!important;
}
body:not(.header--menu-open) .white .header-actions .icon--stroke svg {
    stroke-width: 2px!important;
}
.header-burger {
  	display: flex;
}
  /* Show overlay mobile menu */
.header--menu-open .header-menu {
	opacity: 1;
	visibility: visible;
}
}

.header-display-desktop {
	.header-burger {
    	position: absolute;
   		left: 0; 
    	margin-left: 4vw!important;
  }
}




// ☯ ☯ ☯ VERTICAL SOCIAL ICONS ☯ ☯ ☯ //

.header-actions-action--social {
  position:fixed;
  top:50%;//change as necessary
  flex-direction:column;
  right:1vw;
}

.header-actions-action--social .icon {
  margin-left:-40px !important; //change as necessary
  margin-bottom:20px ;
}

@media screen and (min-width:768px) {
  .header-actions-action--cart {
    position:fixed;
    right:30px;
    top:45%;
  }

 .header-actions--right {
    justify-content:center;
  }}

Hi,

Can you check password again?