.flip-outer{background-color:transparent;width:300px;height:200px;perspective:1000px}.flip-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-outer.flip .flip-inner{transform:rotateY(-180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-back{transform:rotateY(180deg)}input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week]{position:relative}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{position:absolute;right:8px}