.flipdown{
			font-family: 'Arial', sans-serif!important;
			font-weight: 300!important;
			display: flex;
			justify-content: center;
			width: 100%;
			max-width: 510px;
		}
		.flipdown .rotor-group-heading:before{
			font-family: Arial, sans-serif;
			font-size: .8rem;
		}
		.flipdown .rotor{
			border-radius: 6px;
			box-shadow: 0px 2px 3px 0px hsla(0, 0%, 0%, .5), 0 6px 9px 0 hsla(0, 0%, 0%, .215);
		}
		.flipdown.flipdown__theme-dark .rotor, 
		.flipdown.flipdown__theme-dark .rotor-top, 
		.flipdown.flipdown__theme-dark .rotor-leaf-front{
			background: linear-gradient(180deg, #ddd -37.8%, #A7A7A7 13.68%, #000 65.16%, #000 107.22%), url('../img/black-leather-dark.jpg');
  			background-blend-mode: color-dodge, luminosity;
		}
		.flipdown.flipdown__theme-dark .rotor-bottom,
		.flipdown.flipdown__theme-dark .rotor-leaf-rear{
			background: linear-gradient(180deg, #EBEBEB -37.8%, #A7A7A7 13.68%, #000 65.16%, #000 107.22%), url('../img/black-leather-dark.jpg');
  			background-blend-mode: color-dodge, luminosity;
		}
		.flipdown .rotor-top,		
		.flipdown .rotor-leaf-front{
			border-radius: 6px 6px 0 0;
			
		}
		.flipdown .rotor-bottom,
		.flipdown .rotor:after,
		.flipdown .rotor-leaf-rear{
			border-radius: 0 0 6px 6px;
		}
		.rotor-group:nth-child(1),
		.rotor-group:nth-child(2){
			display: none;
		}
		.rotor-group-heading{
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);	
			width: 100%;		
		}
		.rotor-group:nth-child(3) .rotor-group-heading{
			padding-right: 30px;
		}
		.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after{
			bottom: 75px
		}
		.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before{
			bottom: 50px
		}
		.flipdown.flipdown__theme-dark .rotor-group-heading:before{
			color: var(--text-color--900)
		}
		.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before,
		.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
			height: .444445rem;
			width: .444445rem;
		}
		@media screen and (max-width: 34em) { /* 550px */
			
			/* .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    			bottom: 50px;
			}
			.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
				bottom: 30px;
			} */
		}
	 
		@media screen and (prefers-color-scheme: dark) {
	
			.flipdown.flipdown__theme-dark .rotor, 
			.flipdown.flipdown__theme-dark .rotor-top, 
			.flipdown.flipdown__theme-dark .rotor-leaf-front,
			.flipdown.flipdown__theme-dark .rotor-bottom,
			.flipdown.flipdown__theme-dark .rotor-leaf-rear{
				background: linear-gradient(180deg, #fff -37.8%, #444 13.68%, #fff 65.16%, #444 107.22%), url('../img/paper-texture-light.jpg');
				background-blend-mode: color-dodge, luminosity;
				color: hsl(264, 4%, 14%);
			}
			.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before, .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after{
				background-color: #efefef;
			}
			
		}