.iiio-fields{flex-grow:1}@media (width>=640px){.iiio-fields{flex-grow:0}}.iiio-fields.iiio-mod-animate-width{position:relative}.iiio-fields.iiio-mod-animate-width>div{position:absolute}@media (prefers-reduced-motion:no-preference){.iiio-fields.iiio-mod-animate-width{transition:width .25s}}.iiio-fields.iiio-mod-animate-width .iiio-mod-display-extended,.iiio-fields.iiio-mod-animate-width .iiio-mod-display-compact{transition:opacity .7s;transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference){.iiio-fields.iiio-mod-animate-width .iiio-mod-display-extended,.iiio-fields.iiio-mod-animate-width .iiio-mod-display-compact{transition:opacity .15s}}.iiio-fields.iiio-mod-animate-width .iiio-animate-end{visibility:visible;opacity:1}.iiio-fields.iiio-mod-animate-width .iiio-animate-start{visibility:hidden;opacity:0}.iiio-date{background:var(--color-background-input-default);border-radius:var(--size-border-radius-medium);flex:auto;align-items:center;display:flex}@media (width>=640px){.iiio-date{flex:initial}}.iiio-date.iiio-mod-highlight{outline:var(--size-border-width-100) solid var(--color-border-focus);z-index:1;position:relative}.iiio-mod-display-extended .iiio-divider{border-left:var(--size-border-width-100) solid var(--color-border-default);height:24px}.iiio.iiio-submit{-webkit-backface-visibility:hidden;position:relative}