/*
 * LIVE v1.0.9 · iOS WebKit temporal-control containment hotfix
 *
 * iOS WebKit calculates width: 100% incorrectly for padded temporal inputs.
 * Every affected control is already a direct child of the shrinkable
 * .sw-control-wrap grid established in v1.0.8. Let Grid stretch the auto-sized
 * outer border box instead of resolving a percentage content width.
 */

@supports (-webkit-touch-callout: none) {
  .sw-app-page .sw-control-wrap > :where(
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"]
  ) {
    inline-size: auto !important;
    width: auto !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    justify-self: stretch;
    box-sizing: border-box !important;
  }
}