/** Shopify CDN: Minification failed

Line 65:27 Expected ")" to end URL token
Line 71:27 Expected ")" to end URL token

**/
.product-gift-card-fields {
  display: grid;
  grid-auto-flow: row;
  gap: 10px;

  border-block: 1px solid rgba(var(--color-foreground),.08);
  margin-block: 40px;
  padding-block: 20px;
}

.product-gift-card-fields fieldset {
  display: contents;
}

.product-gift-card-fields__field {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
}

.product-gift-card-fields__field--checkbox {
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
}
  .product-gift-card-fields__field--checkbox input {
    accent-color: #000;
    order: 0;
  }
  .product-gift-card-fields__field--checkbox label {
    order: 1;

    display: flex;
    flex-direction: column;
  }
  .product-gift-card-fields__field--checkbox label small {
    color: #666;
  }

.product-gift-card-fields :where(input:not([type='checkbox']), textarea) {
  width: 100%;

  border: 0;
  padding: 10px;

  font-size: max(16px, 1em);
  background: #eee;
  color: #000;
}

.product-gift-card-fields input[type='date'] {
  /* remove default appearance */
  appearance: none;

  -webkit-min-logical-width: calc(100% - 16px);
  min-height: calc(20px + max(16px, 1rem));

  background-image: url({{ 'calendar-icon.svg' | asset_url }});
  background-repeat: no-repeat;
  background-position: center right var(--tight-gap);
  background-size: 16px 16px;
}
.product-gift-card-fields input[type='date']:disabled {
  background-image: url({{ 'calendar-icon-disabled.svg' | asset_url }});
}

.product-gift-card-fields input[type='date']::-webkit-date-and-time-value {
  min-height: 1em;
  text-align: left;
}

/* remove the calendar icon from Chrome */
.product-gift-card-fields input[type='date']::-webkit-calendar-picker-indicator {
  display: none;
}

/* don't show the bespoke icon on Firefox because it doesn't support a mechanism to remove it */
@-moz-document url-prefix() {
  .product-gift-card-fields input[type='date'] {
    background-image: none !important;
  }
}

/* show placeholder text as black on Webkit */
.product-gift-card-fields :where(input[type='date']):invalid {
  -webkit-text-fill-color: #000;
}

.product-gift-card-fields :where(input:not([type='checkbox']), textarea):user-invalid {
  background: #EFD0D0;
  color: #451E1E;
  -webkit-text-fill-color: #451E1E;
}

.product-gift-card-fields :where(input, textarea)::placeholder,
.product-gift-card-fields input::-webkit-datetime-edit,
.product-gift-card-fields input::-webkit-datetime-edit-day-field,
.product-gift-card-fields input::-webkit-datetime-edit-month-field,
.product-gift-card-fields input::-webkit-datetime-edit-year-field,
.product-gift-card-fields input::-webkit-datetime-edit-fields-wrapper {
  font-size: 1em;
  opacity: 1;
  color: #000;
}

.product-gift-card-fields :where(input, textarea):disabled {
  color: #ccc;
  /* iOS fades out disabled fields for some reason */
  opacity: 1;
}

.product-gift-card-fields :where(input, textarea):disabled::placeholder,
.product-gift-card-fields input:disabled::-webkit-datetime-edit,
.product-gift-card-fields input:disabled::-webkit-datetime-edit-day-field,
.product-gift-card-fields input:disabled::-webkit-datetime-edit-month-field,
.product-gift-card-fields input:disabled::-webkit-datetime-edit-year-field,
.product-gift-card-fields input:disabled::-webkit-datetime-edit-fields-wrapper {
  color: #ccc;
}

.product-gift-card-fields__field__info {
  font-size: 80%;
  color: #666;
}

fieldset[disabled] .product-gift-card-fields__field__info {
  color: #ccc;
}