.flipbox-container{flex:1 0 auto;display:flex;align-items:center;justify-content:center;flex-flow:row wrap;user-select:none;margin-right:1em}.flipbox-picker-parent{grid-row-start:2;display:grid;grid-template-columns:auto 30px;grid-template-rows:50% 50%;margin:2px;background:linear-gradient(107.18deg,rgba(150,150,150,.7) 0,rgba(89,89,89,.8) 100%);border-radius:10px;border:1px solid rgba(255,255,255,.3);font-size:140%;font-weight:700}.flipbox-picker{grid-row:1/span 2;width:auto;padding:.67em .5em 0 .5em;height:100%;border-radius:10px 0 0 10px;text-align:center;color:#fff;text-shadow:0 0 2px rgba(1,1,1,.9)}.flipbox-date{width:2.2em}.flipbox-month{width:3.2em}.flipbox-fullyear{width:4em}.flipbox-arrow{background:0 0;grid-column-start:2;grid-column-stop:2;grid-row-start:1;background:rgba(255,255,255,.1);border-radius:0 10px 0 0;cursor:pointer;border-left:1px solid var(--bordercolor);touch-action:manipulation;display:inline-block;border:none;padding:none;margin:0;outline:0;font-size:90%;-webkit-appearance:none;-moz-appearance:none}.flipbox-arrow:focus,.flipbox-arrow:hover{background:rgba(255,255,255,.4);outline:0}.flipbox-arrow-down{grid-row-start:2;grid-row-stop:2;border-radius:0 0 10px 0;border-top:1px solid var(--bordercolor)}body[data-date-order=DD-MM-YYYY] .flipbox-date-parent{order:1}body[data-date-order=DD-MM-YYYY] .flipbox-month-parent{order:2}body[data-date-order=DD-MM-YYYY] .flipbox-fullyear-parent,body[data-date-order=MM-DD-YYYY] .flipbox-fullyear-parent{order:3}body[data-date-order=MM-DD-YYYY] .flipbox-month-parent{order:1}body[data-date-order=MM-DD-YYYY] .flipbox-date-parent{order:2}body[data-date-order=YYYY-MM-DD] .flipbox-fullyear-parent{order:1}body[data-date-order=YYYY-MM-DD] .flipbox-month-parent{order:2}body[data-date-order=YYYY-MM-DD] .flipbox-date-parent{order:3}