#customer-service-form {
  --service-color-bg: #f7f8fb;
  --service-color-surface: #ffffff;
  --service-color-text: #111827;
  --service-color-muted: #667085;
  --service-color-border: #d9dee8;
  --service-color-border-soft: #edf0f5;
  --service-color-placeholder: #7b8798;
  --service-color-primary: #005bd8;
  --service-color-primary-hover: #0047aa;
  --service-color-on-primary: #ffffff;
  --service-color-danger: #d92d20;
  --service-color-info: #eaf2ff;
  --service-color-success: #e8f7ee;
  --service-color-success-text: #157347;
  --service-color-warning: #fff5df;
  --service-color-warning-text: #c77d00;
  --service-color-accent: #f1e9ff;
  --service-color-accent-text: #6d3fd4;
  --service-color-option-hover: #b7cae5;
  --service-color-option-active-bg: #f8fbff;
  --service-color-upload-border: #73a9f6;
  --service-color-legal-bg: #fbfdff;
  --service-color-legal-border: #b9d7ff;
  --service-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --service-font-size-xs: 14px;
  --service-font-size-sm: 14px;
  --service-font-size-base: 16px;
  --service-font-size-md: 16px;
  --service-font-size-lg: 20px;
  --service-font-size-title: clamp(29px, 5vw, 32px);
  --service-line-height-tight: 1.25;
  --service-line-height-base: 1.5;
  --service-line-height-relaxed: 1.55;
  --service-line-height-title: 1.05;
  --service-font-weight-regular: 400;
  --service-font-weight-medium: 600;
  --service-font-weight-semibold: 700;
  --service-font-weight-bold: 800;
  --service-space-1: 4px;
  --service-space-2: 8px;
  --service-space-3: 12px;
  --service-space-4: 16px;
  --service-space-5: 20px;
  --service-space-6: 24px;
  --service-space-7: 28px;
  --service-radius: 16px;
  --service-radius-lg: 18px;
  --service-radius-sm: 8px;
  --service-radius-round: 50%;
  --service-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
  --service-border-width: 1px;
  --service-border-inset: inset 0 0 0 var(--service-border-width) var(--service-color-primary);
  --service-border: var(--service-border-width) solid var(--service-color-border);
  --service-border-soft: var(--service-border-width) solid var(--service-color-border-soft);
  --service-focus: 0 0 0 3px rgba(0, 91, 216, 0.18);
  --service-transition: 0.2s ease;
  --service-link-underline-offset: 3px;
  --service-container-max-width: 1040px;
  --service-container-max-width-lg: 1088px;
  --service-title-max-width: 768px;
  --service-page-padding-x: var(--service-space-4);
  --service-page-padding-y: clamp(32px, 5vw, 64px);
  --service-section-padding: var(--service-space-6);
  --service-icon-size: 20px;
  --service-icon-stroke-width: 2;
  --service-channel-icon-size: 52px;
  --service-request-icon-size: 46px;
  --service-checkbox-size: 18px;
  --service-checkbox-offset: 2px;
  --service-radio-size: 20px;
  --service-input-min-height: 48px;
  --service-textarea-min-height: 96px;
  --service-button-min-height: 56px;
  --service-file-min-height: 60px;
  --service-option-min-height: 80px;
  --service-option-padding-start: 60px;
  --service-border-upload: var(--service-border-width) dashed var(--service-color-upload-border);
  --service-border-legal: var(--service-border-width) solid var(--service-color-legal-border);
}

#customer-service-form {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--service-color-text);
  font-size: var(--service-font-size-base);
  line-height: var(--service-line-height-base);
}
#customer-service-form *,
#customer-service-form *::before,
#customer-service-form *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
#customer-service-form a {
  color: inherit;
  text-underline-offset: var(--service-link-underline-offset);
}
#customer-service-form svg {
  width: var(--service-icon-size);
  height: var(--service-icon-size);
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: var(--service-icon-stroke-width);
}
#customer-service-form .service-request__icon {
  display: inline-grid;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  place-items: center;
  border-radius: 4px;
}

#customer-service-form {
  padding: var(--service-page-padding-y) var(--service-page-padding-x);
}
#customer-service-form .service-request {
  max-width: var(--service-container-max-width);
  margin: 0 auto;
}
#customer-service-form .service-request__header {
  margin-bottom: var(--service-space-5);
  text-align: center;
  background-color: transparent;
}
@media screen and (max-width: 699px) {
  #customer-service-form .service-request__header {
    text-align: left;
  }
}
#customer-service-form .service-request__header svg {
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 30px;
          flex: 0 30px;
}
#customer-service-form .service-request__title {
  max-width: var(--service-title-max-width);
  margin: 0 auto var(--service-space-3);
  font-size: var(--service-font-size-title);
  line-height: var(--service-line-height-title);
  font-weight: var(--service-font-weight-bold);
  letter-spacing: 0;
}
#customer-service-form .service-request__schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--service-space-2);
  margin: 0;
  color: var(--service-color-muted);
  font-size: var(--service-font-size-md);
  line-height: var(--service-line-height-base);
}
@media screen and (min-width: 700px) {
  #customer-service-form .service-request__schedule {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#customer-service-form .service-request__panel {
  overflow: hidden;
  background: var(--service-color-surface);
  border-radius: 4px;
  -webkit-box-shadow: var(--service-shadow);
          box-shadow: var(--service-shadow);
}
#customer-service-form .service-request__form {
  margin: 0;
}

#customer-service-form .service-request__section {
  padding: var(--service-section-padding);
  padding-top: var(--service-space-7);
  border-bottom: var(--service-border-soft);
}
#customer-service-form .service-request__section:first-child {
  border-top: 0;
}
#customer-service-form .service-request__section--compact {
  border-top: 0;
}
#customer-service-form .service-request__section-title {
  margin: 0 0 var(--service-space-2);
  font-size: var(--service-font-size-lg);
  line-height: var(--service-line-height-tight);
  font-weight: var(--service-font-weight-bold);
}
#customer-service-form .service-request__section-title small {
  margin-left: var(--service-space-1);
  color: var(--service-color-muted);
  font-size: var(--service-font-size-xs);
  font-weight: var(--service-font-weight-regular);
}
#customer-service-form .service-request__text,
#customer-service-form .service-request__notice {
  margin: 0 0 var(--service-space-4);
  color: var(--service-color-muted);
  line-height: var(--service-line-height-relaxed);
}
#customer-service-form .service-request__notice {
  font-size: var(--service-font-size-sm);
}
#customer-service-form .service-request__legal {
  margin: var(--service-space-4) var(--service-section-padding) var(--service-space-5);
  margin-top: 0;
}
#customer-service-form .service-request__legal .service-request__section-legal-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--service-color-muted);
  margin-bottom: 0;
}
#customer-service-form .service-request__legal .service-request__text {
  font-size: 0.9rem;
}
#customer-service-form .service-request__note {
  margin: 0;
  padding: 0 var(--service-section-padding) 8px var(--service-section-padding);
  color: var(--service-color-muted);
  font-size: var(--service-font-size-sm);
  line-height: var(--service-line-height-base);
  margin-top: 16px;
}

#customer-service-form .service-request__channels {
  display: grid;
  gap: var(--service-space-4);
  padding: 0;
  margin: var(--service-space-4) 0 0;
  list-style: none;
}
#customer-service-form .service-request__channel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--service-space-4);
  border-radius: 4px;
  border: var(--service-border-soft);
  padding: 8px;
}
#customer-service-form .service-request__channel-icon {
  width: var(--service-channel-icon-size);
  height: var(--service-channel-icon-size);
  color: var(--service-color-placeholder);
  background: #edf0f5;
}
#customer-service-form .service-request__channel-content {
  min-width: 0;
}
#customer-service-form .service-request__channel-label,
#customer-service-form .service-request__channel-value {
  display: block;
}
#customer-service-form .service-request__channel-label {
  font-weight: var(--service-font-weight-semibold);
}

#customer-service-form .service-request__fieldset {
  min-width: 0;
  padding: 0;
  margin: var(--service-space-7) 0 0;
  border: 0;
}
#customer-service-form .service-request__legend {
  margin: 0 0 var(--service-space-2);
  font-size: var(--service-font-size-lg);
  line-height: var(--service-line-height-tight);
  font-weight: var(--service-font-weight-bold);
}
#customer-service-form .service-request__request-options {
  display: grid;
  gap: var(--service-space-3);
}
#customer-service-form .service-request__request-option {
  position: relative;
  display: block;
  cursor: pointer;
}
#customer-service-form .service-request__request-input {
  position: absolute;
  top: 50%;
  left: var(--service-space-4);
  z-index: 1;
  width: var(--service-radio-size);
  height: var(--service-radio-size);
  margin: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  accent-color: var(--service-color-primary);
}
#customer-service-form .service-request__request-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: var(--service-option-min-height);
  gap: var(--service-space-4);
  padding: 8px 16px 8px 50px;
  border: var(--service-border);
  border-radius: var(--service-radius-sm);
  background: var(--service-color-surface);
  -webkit-transition: background var(--service-transition), border-color var(--service-transition), -webkit-box-shadow var(--service-transition);
  transition: background var(--service-transition), border-color var(--service-transition), -webkit-box-shadow var(--service-transition);
  transition: background var(--service-transition), border-color var(--service-transition), box-shadow var(--service-transition);
  transition: background var(--service-transition), border-color var(--service-transition), box-shadow var(--service-transition), -webkit-box-shadow var(--service-transition);
}
#customer-service-form .service-request__request-option:hover .service-request__request-card {
  border-color: var(--service-color-option-hover);
}
#customer-service-form .service-request__request-input:checked + .service-request__request-card {
  background: var(--service-color-option-active-bg);
  border-color: var(--service-color-primary);
  -webkit-box-shadow: var(--service-border-inset);
          box-shadow: var(--service-border-inset);
}
#customer-service-form .service-request__request-input:focus-visible + .service-request__request-card {
  -webkit-box-shadow: var(--service-focus);
          box-shadow: var(--service-focus);
}
#customer-service-form .service-request__request-input:checked:focus-visible + .service-request__request-card {
  -webkit-box-shadow: var(--service-focus), var(--service-border-inset);
          box-shadow: var(--service-focus), var(--service-border-inset);
}
#customer-service-form .service-request__request-icon {
  width: var(--service-request-icon-size);
  height: var(--service-request-icon-size);
  color: var(--service-color-primary);
  background: var(--service-color-info);
}
#customer-service-form .service-request__request-option:nth-child(2) .service-request__request-icon {
  color: var(--service-color-success-text);
  background: var(--service-color-success);
}
#customer-service-form .service-request__request-option:nth-child(3) .service-request__request-icon {
  color: var(--service-color-warning-text);
  background: var(--service-color-warning);
}
#customer-service-form .service-request__request-option:nth-child(4) .service-request__request-icon {
  color: var(--service-color-accent-text);
  background: var(--service-color-accent);
}
#customer-service-form .service-request__request-title,
#customer-service-form .service-request__request-text {
  display: block;
}
#customer-service-form .service-request__request-title {
  font-weight: var(--service-font-weight-semibold);
}
#customer-service-form .service-request__request-text {
  margin-top: var(--service-space-1);
  color: var(--service-color-muted);
  font-size: var(--service-font-size-xs);
  font-weight: var(--service-font-weight-regular);
}

#customer-service-form .service-request__grid {
  display: grid;
  gap: var(--service-space-4);
}
#customer-service-form .service-request__field {
  min-width: 0;
}
#customer-service-form .service-request__label {
  display: block;
  margin-bottom: var(--service-space-1);
  font-weight: var(--service-font-weight-semibold);
}
#customer-service-form .service-request__help {
  margin-left: var(--service-space-1);
  color: var(--service-color-muted);
  font-size: var(--service-font-size-xs);
  font-weight: var(--service-font-weight-regular);
}
#customer-service-form .service-request__required {
  color: var(--service-color-danger);
}
#customer-service-form .service-request__control {
  width: 100%;
  min-height: var(--service-input-min-height);
  padding: var(--service-space-3) var(--service-space-4);
  color: var(--service-color-text);
  background: var(--service-color-surface);
  border: var(--service-border);
  border-radius: var(--service-radius-sm);
  font: inherit;
  outline: 0;
  -webkit-transition: border-color var(--service-transition), -webkit-box-shadow var(--service-transition);
  transition: border-color var(--service-transition), -webkit-box-shadow var(--service-transition);
  transition: border-color var(--service-transition), box-shadow var(--service-transition);
  transition: border-color var(--service-transition), box-shadow var(--service-transition), -webkit-box-shadow var(--service-transition);
}
#customer-service-form .service-request__control::-webkit-input-placeholder {
  color: var(--service-color-placeholder);
}
#customer-service-form .service-request__control::-moz-placeholder {
  color: var(--service-color-placeholder);
}
#customer-service-form .service-request__control:-ms-input-placeholder {
  color: var(--service-color-placeholder);
}
#customer-service-form .service-request__control::-ms-input-placeholder {
  color: var(--service-color-placeholder);
}
#customer-service-form .service-request__control::placeholder {
  color: var(--service-color-placeholder);
}
#customer-service-form .service-request__control:focus-visible,
#customer-service-form .service-request__checkbox-input:focus-visible {
  border-color: var(--service-color-primary);
  -webkit-box-shadow: var(--service-focus);
          box-shadow: var(--service-focus);
}
#customer-service-form .service-request__textarea {
  min-height: var(--service-textarea-min-height);
  resize: vertical;
}
#customer-service-form .service-request__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--service-space-2);
  color: var(--service-color-text);
  line-height: var(--service-line-height-base);
}
#customer-service-form .service-request__checkbox-input {
  width: var(--service-checkbox-size);
  height: var(--service-checkbox-size);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: var(--service-checkbox-offset);
  accent-color: var(--service-color-primary);
}
#customer-service-form .service-request__checkbox--legal {
  padding-top: var(--service-space-7);
}
#customer-service-form .service-request__checkbox--legal,
#customer-service-form .service-request__checkbox--legal + .service-request__error {
  padding-right: var(--service-section-padding);
  padding-left: var(--service-section-padding);
}
#customer-service-form .service-request__error {
  margin: var(--service-space-2) 0 0;
  color: var(--service-color-danger);
  font-size: var(--service-font-size-sm);
  line-height: var(--service-line-height-tight);
}
#customer-service-form .service-request__error[hidden] {
  display: none;
}
#customer-service-form .service-request__control--error {
  border-color: var(--service-color-danger);
}

#customer-service-form .service-request__form-message {
  margin: var(--service-space-4) var(--service-section-padding) 0;
  padding: var(--service-space-4);
  border-radius: var(--service-radius-sm);
}

#customer-service-form .service-request__form-message[hidden] {
  display: none;
}

#customer-service-form .service-request__form-message--success {
  color: var(--service-color-success-text);
  background: var(--service-color-success);
}

#customer-service-form .service-request__form-message--error {
  color: var(--service-color-danger);
  background: #fef3f2;
}

#customer-service-form .service-request__control--error:focus {
  border-color: var(--service-color-danger);
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.15);
}

#customer-service-form .service-request__accessibility {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: var(--service-space-2);
     -moz-column-gap: var(--service-space-2);
          column-gap: var(--service-space-2);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
#customer-service-form .service-request__accessibility .service-request__checkbox {
  display: block;
}
#customer-service-form .service-request__accessibility-details {
  display: none;
  grid-column: 1/-1;
  margin-top: var(--service-space-3);
}
#customer-service-form .service-request__accessibility > .service-request__checkbox-input:checked + .service-request__checkbox + .service-request__accessibility-details {
  display: block;
}

#customer-service-form .service-request__file {
  position: relative;
  display: grid;
  place-items: center;
  min-height: var(--service-file-min-height);
  padding: var(--service-space-4);
  color: var(--service-color-primary);
  border: var(--service-border-upload);
  border-radius: var(--service-radius-sm);
  cursor: pointer;
  -webkit-transition: background var(--service-transition), border-color var(--service-transition), -webkit-box-shadow var(--service-transition);
  transition: background var(--service-transition), border-color var(--service-transition), -webkit-box-shadow var(--service-transition);
  transition: background var(--service-transition), border-color var(--service-transition), box-shadow var(--service-transition);
  transition: background var(--service-transition), border-color var(--service-transition), box-shadow var(--service-transition), -webkit-box-shadow var(--service-transition);
}
#customer-service-form .service-request__file:hover {
  background: var(--service-color-info);
}
#customer-service-form .service-request__file:focus-within {
  border-color: var(--service-color-primary);
  -webkit-box-shadow: var(--service-focus);
          box-shadow: var(--service-focus);
}
#customer-service-form .service-request__file-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
#customer-service-form .service-request__file span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--service-space-2);
  color: var(--service-color-text);
  text-align: center;
}

#customer-service-form .service-request__section--upload .service-request__text {
  margin-bottom: var(--service-space-3);
}
#customer-service-form .service-request__section--upload .service-request__text strong {
  color: var(--service-color-text);
  font-weight: var(--service-font-weight-semibold);
}
#customer-service-form .service-request__section--upload .service-request__text small {
  margin-left: var(--service-space-1);
  color: var(--service-color-muted);
  font-size: var(--service-font-size-xs);
  font-weight: var(--service-font-weight-regular);
}
#customer-service-form .service-request__upload {
  display: grid;
  gap: var(--service-space-4);
  padding: var(--service-space-4);
  margin-top: var(--service-space-5);
  background: var(--service-color-surface);
  border: var(--service-border-upload);
  border-radius: var(--service-radius-sm);
}
#customer-service-form .service-request__upload-input {
  position: absolute;
  width: var(--service-border-width);
  height: var(--service-border-width);
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  clip-path: inset(50%);
  opacity: 0;
  pointer-events: none;
}
#customer-service-form .service-request__upload-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--service-space-2);
  padding: 8px 16px;
  color: var(--service-color-on-primary);
  background: var(--service-color-primary);
  border-radius: 4px;
  font-weight: var(--service-font-weight-semibold);
  cursor: pointer;
  -webkit-transition: background var(--service-transition), -webkit-box-shadow var(--service-transition);
  transition: background var(--service-transition), -webkit-box-shadow var(--service-transition);
  transition: background var(--service-transition), box-shadow var(--service-transition);
  transition: background var(--service-transition), box-shadow var(--service-transition), -webkit-box-shadow var(--service-transition);
}
#customer-service-form .service-request__upload-button:hover {
  background: var(--service-color-primary-hover);
}
#customer-service-form .service-request__upload-input:focus-visible + .service-request__upload-button,
#customer-service-form .service-request__upload-button:focus-visible {
  outline: 0;
  -webkit-box-shadow: var(--service-focus);
          box-shadow: var(--service-focus);
}
#customer-service-form .service-request__upload-button-icon,
#customer-service-form .service-request__upload-file-icon {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: var(--service-icon-size);
  height: var(--service-icon-size);
}
#customer-service-form .service-request__upload-button-icon::before {
  position: absolute;
  inset: var(--service-space-1) 0 0;
  content: "";
  border: var(--service-border-width) solid currentColor;
  border-top: 0;
  border-radius: 0 0 var(--service-space-1) var(--service-space-1);
}
#customer-service-form .service-request__upload-button-icon::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: var(--service-space-3);
  height: var(--service-space-3);
  content: "";
  border-top: var(--service-border-width) solid currentColor;
  border-left: var(--service-border-width) solid currentColor;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
#customer-service-form .service-request__upload-status {
  min-width: 0;
  padding-top: var(--service-space-4);
  border-top: var(--service-border-soft);
}
#customer-service-form .service-request__upload-empty {
  margin: 0;
  color: var(--service-color-muted);
  font-weight: var(--service-font-weight-medium);
}
#customer-service-form .service-request__upload-list {
  display: grid;
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
#customer-service-form .service-request__upload-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--service-space-3);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  padding: var(--service-space-3) 0;
}
#customer-service-form .service-request__upload-item:first-child {
  padding-top: 0;
}
#customer-service-form .service-request__upload-item:last-child {
  padding-bottom: 0;
}
#customer-service-form .service-request__upload-item + .service-request__upload-item {
  border-top: var(--service-border-soft);
}
#customer-service-form .service-request__upload-file-icon {
  color: var(--service-color-primary);
}
#customer-service-form .service-request__upload-file-icon::before {
  position: absolute;
  inset: 0;
  content: "";
  border: var(--service-border-width) solid currentColor;
  border-radius: var(--service-space-1);
}
#customer-service-form .service-request__upload-file-icon::after {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--service-space-2);
  height: var(--service-space-2);
  content: "";
  border-bottom: var(--service-border-width) solid currentColor;
  border-left: var(--service-border-width) solid currentColor;
  background: var(--service-color-surface);
}
#customer-service-form .service-request__upload-file-info {
  min-width: 0;
}
#customer-service-form .service-request__upload-file-name,
#customer-service-form .service-request__upload-file-size {
  display: block;
}
#customer-service-form .service-request__upload-file-name {
  overflow: hidden;
  color: var(--service-color-text);
  font-weight: var(--service-font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
}
#customer-service-form .service-request__upload-file-size {
  color: var(--service-color-muted);
  font-size: var(--service-font-size-sm);
}
#customer-service-form .service-request__upload-remove {
  display: inline-grid;
  place-items: center;
  width: var(--service-channel-icon-size);
  height: var(--service-channel-icon-size);
  color: var(--service-color-muted);
  background: var(--service-color-border-soft);
  border: 0;
  border-radius: var(--service-radius-round);
  font: inherit;
  font-size: var(--service-font-size-lg);
  line-height: var(--service-line-height-tight);
  cursor: pointer;
  -webkit-transition: background var(--service-transition), color var(--service-transition), -webkit-box-shadow var(--service-transition);
  transition: background var(--service-transition), color var(--service-transition), -webkit-box-shadow var(--service-transition);
  transition: background var(--service-transition), color var(--service-transition), box-shadow var(--service-transition);
  transition: background var(--service-transition), color var(--service-transition), box-shadow var(--service-transition), -webkit-box-shadow var(--service-transition);
}
#customer-service-form .service-request__upload-remove:hover {
  color: var(--service-color-text);
  background: var(--service-color-border);
}
#customer-service-form .service-request__upload-remove:focus-visible {
  outline: 0;
  -webkit-box-shadow: var(--service-focus);
          box-shadow: var(--service-focus);
}
#customer-service-form .service-request__upload-help {
  position: relative;
  margin: var(--service-space-4) 0 0;
  padding-left: var(--service-space-6);
  color: var(--service-color-muted);
  font-size: var(--service-font-size-sm);
  line-height: var(--service-line-height-base);
}
#customer-service-form .service-request__upload-help::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-grid;
  place-items: center;
  width: var(--service-icon-size);
  height: var(--service-icon-size);
  color: var(--service-color-muted);
  content: "i";
  border: var(--service-border-width) solid var(--service-color-muted);
  border-radius: var(--service-radius-round);
  font-weight: var(--service-font-weight-bold);
  line-height: var(--service-line-height-tight);
}
@media (min-width: 768px) {
  #customer-service-form .service-request__upload {
    grid-template-columns: auto minmax(0, 1fr);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  #customer-service-form .service-request__upload-status {
    min-height: var(--service-button-min-height);
    padding-top: 0;
    padding-left: var(--service-space-6);
    border-top: 0;
    border-left: var(--service-border-soft);
  }
}

#customer-service-form .service-request__actions {
  padding: 0 var(--service-section-padding);
  text-align: center;
}
#customer-service-form .service-request__submit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--service-space-2);
  width: 100%;
  min-height: var(--service-button-min-height);
  margin-top: var(--service-space-7);
  margin-bottom: var(--service-space-4);
  color: var(--service-color-on-primary);
  background: var(--service-color-primary);
  border: 0;
  border-radius: 4px;
  font: inherit;
  font-weight: var(--service-font-weight-bold);
  cursor: pointer;
  -webkit-transition: background var(--service-transition), -webkit-box-shadow var(--service-transition), -webkit-transform var(--service-transition);
  transition: background var(--service-transition), -webkit-box-shadow var(--service-transition), -webkit-transform var(--service-transition);
  transition: background var(--service-transition), box-shadow var(--service-transition), transform var(--service-transition);
  transition: background var(--service-transition), box-shadow var(--service-transition), transform var(--service-transition), -webkit-box-shadow var(--service-transition), -webkit-transform var(--service-transition);
}
@media screen and (min-width: 768px) {
  #customer-service-form .service-request__submit {
    width: 400px;
  }
}
#customer-service-form .service-request__submit:hover {
  background: var(--service-color-primary-hover);
}
#customer-service-form .service-request__submit:focus-visible {
  outline: 0;
  -webkit-box-shadow: var(--service-focus);
          box-shadow: var(--service-focus);
}
#customer-service-form .service-request__submit:active {
  -webkit-transform: translateY(var(--service-border-width));
          transform: translateY(var(--service-border-width));
}
#customer-service-form .service-request__submit:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

@media (min-width: 576px) {
  #customer-service-form {
    --service-page-padding-x: var(--service-space-5);
  }
  #customer-service-form .service-request__channels,
  #customer-service-form .service-request__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  #customer-service-form {
    --service-section-padding: var(--service-space-7);
  }
  #customer-service-form .service-request__request-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  #customer-service-form {
    --service-page-padding-x: var(--service-space-6);
    --service-container-max-width: var(--service-container-max-width-lg);
  }
  #customer-service-form .service-request__panel {
    border-radius: var(--service-radius-lg);
  }
}