#hane .shutter {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
  }
#hane .shutter .layer1, 
#hane .shutter .layer2 {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-top: 50svh;
}
#hane .shutter .layer1 {
clip-path: inset(0px 50% 0px 0);
}
#hane .shutter .layer2 {
clip-path: inset(0px 0px 0px 50%);
}
#hane .shutter .haneWrapper.no1 {
transform: rotate(0deg);
}
#hane .shutter .haneWrapper.no2 {
transform: rotate(60deg);
}
#hane .shutter .haneWrapper.no3 {
transform: rotate(120deg);
}
#hane .shutter .haneWrapper.no4 {
transform: rotate(180deg);
}
#hane .shutter .haneWrapper.no5 {
transform: rotate(240deg);
}
#hane .shutter .haneWrapper.no6 {
transform: rotate(300deg);
}
#hane .shutter .hane {
position: absolute;
display: block;
width: 100vw;
height: 300vw;
border: 1px solid rgba(255,255,255,0.1);
top: 50%;
left: 50%;
margin-top: -100%;
transform-origin: 50% -50%;
border-radius: 0px;
transition: all 0.15s ease-in-out;
}
#hane .shutter .hane {
background: rgba(30,30,30,0.99);
}

#hane .hane {
	transform: rotate(-30deg) !important;
}
#hane.flash .hane {
	transform: rotate(0deg) !important;
}