.iiio-fields{flex-grow:1}@media (min-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 var(--transition-duration-base) var(--transition-timing-function-base)}}.iiio-fields.iiio-mod-animate-width .iiio-mod-display-extended,.iiio-fields.iiio-mod-animate-width .iiio-mod-display-compact{transform:translateY(-50%);transition:opacity var(--transition-duration-xlong) var(--transition-timing-function-base)}@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 var(--transition-duration-short) var(--transition-timing-function-base)}}.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{display:flex;align-items:center;background:var(--color-background-input-default);border-radius:var(--size-border-radius-medium);flex:auto}@media (min-width: 640px){.iiio-date{flex:initial}}.iiio-mod-display-extended .iiio-divider{height:24px}html:not([dir=rtl]) .iiio-mod-display-extended .iiio-divider{border-left:var(--size-border-width-100) solid var(--color-border-default)}html[dir=rtl] .iiio-mod-display-extended .iiio-divider{border-right:var(--size-border-width-100) solid var(--color-border-default)}.iiio.iiio-submit{position:relative;-webkit-backface-visibility:hidden}