.bellows__item:not(.bellows--is-open) > .bellows__content {display:none;}
.bellows__item.bellows--is-open > .bellows__content-wrapper, .bellows__item.bellows--is-closing > .bellows__content-wrapper {display:block;}
.bellows__content-wrapper {display:none;}

.bellows {-webkit-box-sizing:border-box; box-sizing:border-box;}
.bellows__header {position:relative; padding:10px 10px 5px 20px; margin-left:2px; margin-right:2px; border:1px solid #333; background-image:linear-gradient(rgba(20,20,20,1), rgba(50,50,50,1)); color:#a8a8a8; -webkit-tap-highlight-color:transparent; cursor: pointer; backdrop-filter:blur(10px);}
.bellows__header:active {background:rgba(255,255,255,0.5);}
.bellows__header::before, .bellows__header::after {content:''; position:absolute; top:50%; right:20px; z-index:2; display:block; width:10px; height:2px; margin-top:-1px; background-color:rgba(255,255,255,0.5); -webkit-transition:-webkit-transform 0.25s ease-in-out; transition:transform 0.25s ease-in-out; pointer-events:none;}
.bellows__header::before {content:''; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
.bellows__header::after {-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg);}
.bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
.bellows__item.bellows--is-open > .bellows__header::after, .bellows__item.bellows--is-opening > .bellows__header::after {-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
.bellows__item:last-child > .bellows__header {border-bottom: 0;}
.bellows__header h1, .bellows__header h2, .bellows__header h3 {margin:0; text-align:left; font:14px 'OswaldRegular', Arial, Helvetica, sans-serif; font-weight:normal; color:#A8A8A8; letter-spacing:0.2em;}
.bellows__header:hover h1, .bellows__header:hover h2, .bellows__header:hover h3 {color:#fff;}
h3.bellows__headercond {margin:0; text-align:center; font:14px 'OswaldLight', Arial, Helvetica, sans-serif; font-weight:normal; color:#ccc; letter-spacing:0.2em;}
h3.bellows__headercond:hover {color:#fff;}
.bellows__header h4 {margin:0; text-align:left; font:14px 'OswaldRegular', Arial, Helvetica, sans-serif; font-weight:normal; color:#ccc; letter-spacing:0.08em;}
.bellows__content {padding:5px 10px; margin-left:2px; margin-right:2px; border:1px solid rgba(255,255,255,0.1); border-top:0; background:rgba(16,16,16,1); backdrop-filter:blur(10px);}
.bellows__content .bellows {margin-top:20px;}