/* docara-shell-source: runtime/utility/border-radius/md/css/md.css */
@layer sf.utilities {
  @media (min-width: 44rem) {
    .md\:radius-0 {
      border-radius: var(--sf-radius-0);
    }
    .md\:radius-1\/3 {
      border-radius: var(--sf-radius-1\/3);
    }
    .md\:radius-1\/2 {
      border-radius: var(--sf-radius-1\/2);
    }
    .md\:radius-1 {
      border-radius: var(--sf-radius-1);
    }
    .md\:radius-2 {
      border-radius: var(--sf-radius-2);
    }
    .md\:radius-3 {
      border-radius: var(--sf-radius-3);
    }
    .md\:radius-4 {
      border-radius: var(--sf-radius-4);
    }
    .md\:radius-default {
      border-radius: var(--sf-radius-default);
    }
    .md\:radius-ui {
      border-radius: var(--sf-radius--ui);
    }
    .md\:radius-surface {
      border-radius: var(--sf-radius--surface);
    }
    .md\:radius-square {
      border-radius: var(--sf-radius-square);
    }
    .md\:radius-rounded {
      border-radius: var(--sf-radius-rounded);
    }
    .md\:radius-round {
      border-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-top-0:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-top-0:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-top-0:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-top-0:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    .md\:radius-top-0 {
      border-start-start-radius: var(--sf-radius-0);
      border-start-end-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-bottom-0:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-bottom-0:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-bottom-0:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-bottom-0:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    .md\:radius-bottom-0 {
      border-end-start-radius: var(--sf-radius-0);
      border-end-end-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-inline-start-0:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-inline-start-0:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-inline-start-0:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-inline-start-0:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    .md\:radius-inline-start-0 {
      border-start-start-radius: var(--sf-radius-0);
      border-end-start-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-inline-end-0:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-inline-end-0:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-inline-end-0:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-inline-end-0:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    .md\:radius-inline-end-0 {
      border-start-end-radius: var(--sf-radius-0);
      border-end-end-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-top-inline-start-0:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-top-inline-start-0:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    .md\:radius-top-inline-start-0 {
      border-start-start-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-top-inline-end-0:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-top-inline-end-0:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    .md\:radius-top-inline-end-0 {
      border-start-end-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-bottom-inline-start-0:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-bottom-inline-start-0:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    .md\:radius-bottom-inline-start-0 {
      border-end-start-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-bottom-inline-end-0:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .md\:radius-bottom-inline-end-0:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    .md\:radius-bottom-inline-end-0 {
      border-end-end-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-top-1\/3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-top-1\/3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-top-1\/3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-top-1\/3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    .md\:radius-top-1\/3 {
      border-start-start-radius: var(--sf-radius-1\/3);
      border-start-end-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-bottom-1\/3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-bottom-1\/3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-bottom-1\/3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-bottom-1\/3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    .md\:radius-bottom-1\/3 {
      border-end-start-radius: var(--sf-radius-1\/3);
      border-end-end-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-inline-start-1\/3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-inline-start-1\/3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-inline-start-1\/3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-inline-start-1\/3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    .md\:radius-inline-start-1\/3 {
      border-start-start-radius: var(--sf-radius-1\/3);
      border-end-start-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-inline-end-1\/3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-inline-end-1\/3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-inline-end-1\/3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-inline-end-1\/3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    .md\:radius-inline-end-1\/3 {
      border-start-end-radius: var(--sf-radius-1\/3);
      border-end-end-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-top-inline-start-1\/3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-top-inline-start-1\/3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    .md\:radius-top-inline-start-1\/3 {
      border-start-start-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-top-inline-end-1\/3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-top-inline-end-1\/3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    .md\:radius-top-inline-end-1\/3 {
      border-start-end-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-bottom-inline-start-1\/3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-bottom-inline-start-1\/3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    .md\:radius-bottom-inline-start-1\/3 {
      border-end-start-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-bottom-inline-end-1\/3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .md\:radius-bottom-inline-end-1\/3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    .md\:radius-bottom-inline-end-1\/3 {
      border-end-end-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-top-1\/2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-top-1\/2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-top-1\/2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-top-1\/2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    .md\:radius-top-1\/2 {
      border-start-start-radius: var(--sf-radius-1\/2);
      border-start-end-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-bottom-1\/2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-bottom-1\/2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-bottom-1\/2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-bottom-1\/2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    .md\:radius-bottom-1\/2 {
      border-end-start-radius: var(--sf-radius-1\/2);
      border-end-end-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-inline-start-1\/2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-inline-start-1\/2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-inline-start-1\/2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-inline-start-1\/2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    .md\:radius-inline-start-1\/2 {
      border-start-start-radius: var(--sf-radius-1\/2);
      border-end-start-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-inline-end-1\/2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-inline-end-1\/2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-inline-end-1\/2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-inline-end-1\/2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    .md\:radius-inline-end-1\/2 {
      border-start-end-radius: var(--sf-radius-1\/2);
      border-end-end-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-top-inline-start-1\/2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-top-inline-start-1\/2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    .md\:radius-top-inline-start-1\/2 {
      border-start-start-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-top-inline-end-1\/2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-top-inline-end-1\/2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    .md\:radius-top-inline-end-1\/2 {
      border-start-end-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-bottom-inline-start-1\/2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-bottom-inline-start-1\/2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    .md\:radius-bottom-inline-start-1\/2 {
      border-end-start-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-bottom-inline-end-1\/2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .md\:radius-bottom-inline-end-1\/2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    .md\:radius-bottom-inline-end-1\/2 {
      border-end-end-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-top-1:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-top-1:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-top-1:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-top-1:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    .md\:radius-top-1 {
      border-start-start-radius: var(--sf-radius-1);
      border-start-end-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-bottom-1:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-bottom-1:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-bottom-1:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-bottom-1:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    .md\:radius-bottom-1 {
      border-end-start-radius: var(--sf-radius-1);
      border-end-end-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-inline-start-1:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-inline-start-1:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-inline-start-1:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-inline-start-1:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    .md\:radius-inline-start-1 {
      border-start-start-radius: var(--sf-radius-1);
      border-end-start-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-inline-end-1:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-inline-end-1:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-inline-end-1:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-inline-end-1:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    .md\:radius-inline-end-1 {
      border-start-end-radius: var(--sf-radius-1);
      border-end-end-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-top-inline-start-1:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-top-inline-start-1:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    .md\:radius-top-inline-start-1 {
      border-start-start-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-top-inline-end-1:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-top-inline-end-1:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    .md\:radius-top-inline-end-1 {
      border-start-end-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-bottom-inline-start-1:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-bottom-inline-start-1:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    .md\:radius-bottom-inline-start-1 {
      border-end-start-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-bottom-inline-end-1:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .md\:radius-bottom-inline-end-1:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    .md\:radius-bottom-inline-end-1 {
      border-end-end-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-top-2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-top-2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-top-2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-top-2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    .md\:radius-top-2 {
      border-start-start-radius: var(--sf-radius-2);
      border-start-end-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-bottom-2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-bottom-2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-bottom-2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-bottom-2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    .md\:radius-bottom-2 {
      border-end-start-radius: var(--sf-radius-2);
      border-end-end-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-inline-start-2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-inline-start-2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-inline-start-2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-inline-start-2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    .md\:radius-inline-start-2 {
      border-start-start-radius: var(--sf-radius-2);
      border-end-start-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-inline-end-2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-inline-end-2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-inline-end-2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-inline-end-2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    .md\:radius-inline-end-2 {
      border-start-end-radius: var(--sf-radius-2);
      border-end-end-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-top-inline-start-2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-top-inline-start-2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    .md\:radius-top-inline-start-2 {
      border-start-start-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-top-inline-end-2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-top-inline-end-2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    .md\:radius-top-inline-end-2 {
      border-start-end-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-bottom-inline-start-2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-bottom-inline-start-2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    .md\:radius-bottom-inline-start-2 {
      border-end-start-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-bottom-inline-end-2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .md\:radius-bottom-inline-end-2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    .md\:radius-bottom-inline-end-2 {
      border-end-end-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-top-3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-top-3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-top-3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-top-3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    .md\:radius-top-3 {
      border-start-start-radius: var(--sf-radius-3);
      border-start-end-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-bottom-3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-bottom-3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-bottom-3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-bottom-3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    .md\:radius-bottom-3 {
      border-end-start-radius: var(--sf-radius-3);
      border-end-end-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-inline-start-3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-inline-start-3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-inline-start-3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-inline-start-3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    .md\:radius-inline-start-3 {
      border-start-start-radius: var(--sf-radius-3);
      border-end-start-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-inline-end-3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-inline-end-3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-inline-end-3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-inline-end-3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    .md\:radius-inline-end-3 {
      border-start-end-radius: var(--sf-radius-3);
      border-end-end-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-top-inline-start-3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-top-inline-start-3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    .md\:radius-top-inline-start-3 {
      border-start-start-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-top-inline-end-3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-top-inline-end-3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    .md\:radius-top-inline-end-3 {
      border-start-end-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-bottom-inline-start-3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-bottom-inline-start-3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    .md\:radius-bottom-inline-start-3 {
      border-end-start-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-bottom-inline-end-3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .md\:radius-bottom-inline-end-3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    .md\:radius-bottom-inline-end-3 {
      border-end-end-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-top-4:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-top-4:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-top-4:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-top-4:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    .md\:radius-top-4 {
      border-start-start-radius: var(--sf-radius-4);
      border-start-end-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-bottom-4:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-bottom-4:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-bottom-4:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-bottom-4:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    .md\:radius-bottom-4 {
      border-end-start-radius: var(--sf-radius-4);
      border-end-end-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-inline-start-4:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-inline-start-4:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-inline-start-4:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-inline-start-4:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    .md\:radius-inline-start-4 {
      border-start-start-radius: var(--sf-radius-4);
      border-end-start-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-inline-end-4:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-inline-end-4:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-inline-end-4:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-inline-end-4:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    .md\:radius-inline-end-4 {
      border-start-end-radius: var(--sf-radius-4);
      border-end-end-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-top-inline-start-4:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-top-inline-start-4:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    .md\:radius-top-inline-start-4 {
      border-start-start-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-top-inline-end-4:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-top-inline-end-4:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    .md\:radius-top-inline-end-4 {
      border-start-end-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-bottom-inline-start-4:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-bottom-inline-start-4:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    .md\:radius-bottom-inline-start-4 {
      border-end-start-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-bottom-inline-end-4:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .md\:radius-bottom-inline-end-4:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    .md\:radius-bottom-inline-end-4 {
      border-end-end-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-top-default:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-top-default:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-top-default:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-top-default:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    .md\:radius-top-default {
      border-start-start-radius: var(--sf-radius-default);
      border-start-end-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-bottom-default:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-bottom-default:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-bottom-default:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-bottom-default:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    .md\:radius-bottom-default {
      border-end-start-radius: var(--sf-radius-default);
      border-end-end-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-inline-start-default:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-inline-start-default:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-inline-start-default:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-inline-start-default:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    .md\:radius-inline-start-default {
      border-start-start-radius: var(--sf-radius-default);
      border-end-start-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-inline-end-default:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-inline-end-default:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-inline-end-default:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-inline-end-default:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    .md\:radius-inline-end-default {
      border-start-end-radius: var(--sf-radius-default);
      border-end-end-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-top-inline-start-default:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-top-inline-start-default:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    .md\:radius-top-inline-start-default {
      border-start-start-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-top-inline-end-default:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-top-inline-end-default:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    .md\:radius-top-inline-end-default {
      border-start-end-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-bottom-inline-start-default:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-bottom-inline-start-default:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    .md\:radius-bottom-inline-start-default {
      border-end-start-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-bottom-inline-end-default:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .md\:radius-bottom-inline-end-default:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    .md\:radius-bottom-inline-end-default {
      border-end-end-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-top-ui:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-top-ui:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-top-ui:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-top-ui:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    .md\:radius-top-ui {
      border-start-start-radius: var(--sf-radius--ui);
      border-start-end-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-bottom-ui:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-bottom-ui:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-bottom-ui:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-bottom-ui:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    .md\:radius-bottom-ui {
      border-end-start-radius: var(--sf-radius--ui);
      border-end-end-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-inline-start-ui:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-inline-start-ui:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-inline-start-ui:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-inline-start-ui:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    .md\:radius-inline-start-ui {
      border-start-start-radius: var(--sf-radius--ui);
      border-end-start-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-inline-end-ui:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-inline-end-ui:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-inline-end-ui:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-inline-end-ui:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    .md\:radius-inline-end-ui {
      border-start-end-radius: var(--sf-radius--ui);
      border-end-end-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-top-inline-start-ui:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-top-inline-start-ui:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    .md\:radius-top-inline-start-ui {
      border-start-start-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-top-inline-end-ui:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-top-inline-end-ui:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    .md\:radius-top-inline-end-ui {
      border-start-end-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-bottom-inline-start-ui:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-bottom-inline-start-ui:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    .md\:radius-bottom-inline-start-ui {
      border-end-start-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-bottom-inline-end-ui:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .md\:radius-bottom-inline-end-ui:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    .md\:radius-bottom-inline-end-ui {
      border-end-end-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-top-surface:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-top-surface:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-top-surface:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-top-surface:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    .md\:radius-top-surface {
      border-start-start-radius: var(--sf-radius--surface);
      border-start-end-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-bottom-surface:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-bottom-surface:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-bottom-surface:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-bottom-surface:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    .md\:radius-bottom-surface {
      border-end-start-radius: var(--sf-radius--surface);
      border-end-end-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-inline-start-surface:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-inline-start-surface:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-inline-start-surface:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-inline-start-surface:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    .md\:radius-inline-start-surface {
      border-start-start-radius: var(--sf-radius--surface);
      border-end-start-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-inline-end-surface:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-inline-end-surface:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-inline-end-surface:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-inline-end-surface:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    .md\:radius-inline-end-surface {
      border-start-end-radius: var(--sf-radius--surface);
      border-end-end-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-top-inline-start-surface:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-top-inline-start-surface:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    .md\:radius-top-inline-start-surface {
      border-start-start-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-top-inline-end-surface:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-top-inline-end-surface:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    .md\:radius-top-inline-end-surface {
      border-start-end-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-bottom-inline-start-surface:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-bottom-inline-start-surface:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    .md\:radius-bottom-inline-start-surface {
      border-end-start-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-bottom-inline-end-surface:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .md\:radius-bottom-inline-end-surface:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    .md\:radius-bottom-inline-end-surface {
      border-end-end-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-top-square:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-top-square:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-top-square:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-top-square:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    .md\:radius-top-square {
      border-start-start-radius: var(--sf-radius-square);
      border-start-end-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-bottom-square:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-bottom-square:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-bottom-square:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-bottom-square:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    .md\:radius-bottom-square {
      border-end-start-radius: var(--sf-radius-square);
      border-end-end-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-inline-start-square:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-inline-start-square:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-inline-start-square:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-inline-start-square:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    .md\:radius-inline-start-square {
      border-start-start-radius: var(--sf-radius-square);
      border-end-start-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-inline-end-square:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-inline-end-square:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-inline-end-square:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-inline-end-square:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    .md\:radius-inline-end-square {
      border-start-end-radius: var(--sf-radius-square);
      border-end-end-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-top-inline-start-square:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-top-inline-start-square:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    .md\:radius-top-inline-start-square {
      border-start-start-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-top-inline-end-square:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-top-inline-end-square:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    .md\:radius-top-inline-end-square {
      border-start-end-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-bottom-inline-start-square:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-bottom-inline-start-square:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    .md\:radius-bottom-inline-start-square {
      border-end-start-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-bottom-inline-end-square:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .md\:radius-bottom-inline-end-square:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    .md\:radius-bottom-inline-end-square {
      border-end-end-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-top-rounded:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-top-rounded:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-top-rounded:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-top-rounded:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    .md\:radius-top-rounded {
      border-start-start-radius: var(--sf-radius-rounded);
      border-start-end-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-bottom-rounded:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-bottom-rounded:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-bottom-rounded:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-bottom-rounded:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    .md\:radius-bottom-rounded {
      border-end-start-radius: var(--sf-radius-rounded);
      border-end-end-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-inline-start-rounded:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-inline-start-rounded:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-inline-start-rounded:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-inline-start-rounded:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    .md\:radius-inline-start-rounded {
      border-start-start-radius: var(--sf-radius-rounded);
      border-end-start-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-inline-end-rounded:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-inline-end-rounded:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-inline-end-rounded:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-inline-end-rounded:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    .md\:radius-inline-end-rounded {
      border-start-end-radius: var(--sf-radius-rounded);
      border-end-end-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-top-inline-start-rounded:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-top-inline-start-rounded:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    .md\:radius-top-inline-start-rounded {
      border-start-start-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-top-inline-end-rounded:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-top-inline-end-rounded:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    .md\:radius-top-inline-end-rounded {
      border-start-end-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-bottom-inline-start-rounded:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-bottom-inline-start-rounded:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    .md\:radius-bottom-inline-start-rounded {
      border-end-start-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-bottom-inline-end-rounded:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .md\:radius-bottom-inline-end-rounded:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    .md\:radius-bottom-inline-end-rounded {
      border-end-end-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-top-round:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-top-round:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-top-round:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-top-round:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    .md\:radius-top-round {
      border-start-start-radius: var(--sf-radius-round);
      border-start-end-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-bottom-round:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-bottom-round:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-bottom-round:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-bottom-round:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    .md\:radius-bottom-round {
      border-end-start-radius: var(--sf-radius-round);
      border-end-end-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-inline-start-round:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-inline-start-round:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-start-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-start-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-inline-start-round:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-start-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-inline-start-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-inline-start-round:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    .md\:radius-inline-start-round {
      border-start-start-radius: var(--sf-radius-round);
      border-end-start-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-inline-end-round:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-inline-end-round:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-inline-end-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-inline-end-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-inline-end-round:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-inline-end-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-inline-end-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-inline-end-round:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    .md\:radius-inline-end-round {
      border-start-end-radius: var(--sf-radius-round);
      border-end-end-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-start-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-start-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-top-inline-start-round:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-start-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-start-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-top-inline-start-round:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    .md\:radius-top-inline-start-round {
      border-start-start-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-top-inline-end-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-top-inline-end-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-top-inline-end-round:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-top-inline-end-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .md\:radius-top-inline-end-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-top-inline-end-round:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    .md\:radius-top-inline-end-round {
      border-start-end-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-start-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-start-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-bottom-inline-start-round:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-start-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-start-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-bottom-inline-start-round:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    .md\:radius-bottom-inline-start-round {
      border-end-start-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .md\:radius-bottom-inline-end-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .md\:radius-bottom-inline-end-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-bottom-inline-end-round:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .md\:radius-bottom-inline-end-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .md\:radius-bottom-inline-end-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .md\:radius-bottom-inline-end-round:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    .md\:radius-bottom-inline-end-round {
      border-end-end-radius: var(--sf-radius-round);
    }
  }
}

/* docara-shell-source: runtime/utility/border-radius/xl/css/xl.css */
@layer sf.utilities {
  @media (min-width: 72rem) {
    .xl\:radius-0 {
      border-radius: var(--sf-radius-0);
    }
    .xl\:radius-1\/3 {
      border-radius: var(--sf-radius-1\/3);
    }
    .xl\:radius-1\/2 {
      border-radius: var(--sf-radius-1\/2);
    }
    .xl\:radius-1 {
      border-radius: var(--sf-radius-1);
    }
    .xl\:radius-2 {
      border-radius: var(--sf-radius-2);
    }
    .xl\:radius-3 {
      border-radius: var(--sf-radius-3);
    }
    .xl\:radius-4 {
      border-radius: var(--sf-radius-4);
    }
    .xl\:radius-default {
      border-radius: var(--sf-radius-default);
    }
    .xl\:radius-ui {
      border-radius: var(--sf-radius--ui);
    }
    .xl\:radius-surface {
      border-radius: var(--sf-radius--surface);
    }
    .xl\:radius-square {
      border-radius: var(--sf-radius-square);
    }
    .xl\:radius-rounded {
      border-radius: var(--sf-radius-rounded);
    }
    .xl\:radius-round {
      border-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-top-0:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-top-0:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-top-0:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-top-0:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    .xl\:radius-top-0 {
      border-start-start-radius: var(--sf-radius-0);
      border-start-end-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-bottom-0:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-bottom-0:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-bottom-0:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-bottom-0:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    .xl\:radius-bottom-0 {
      border-end-start-radius: var(--sf-radius-0);
      border-end-end-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-inline-start-0:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-inline-start-0:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-inline-start-0:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-inline-start-0:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    .xl\:radius-inline-start-0 {
      border-start-start-radius: var(--sf-radius-0);
      border-end-start-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-inline-end-0:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-inline-end-0:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-inline-end-0:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-inline-end-0:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    .xl\:radius-inline-end-0 {
      border-start-end-radius: var(--sf-radius-0);
      border-end-end-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-top-inline-start-0:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-top-inline-start-0:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    .xl\:radius-top-inline-start-0 {
      border-start-start-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-0 {
      border-top-right-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-0 {
      border-top-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-top-inline-end-0:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-0 {
      border-top-left-radius: var(--sf-radius-0);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-0 {
      border-top-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-top-inline-end-0:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-0);
    }
    .xl\:radius-top-inline-end-0 {
      border-start-end-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-bottom-inline-start-0:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-bottom-inline-start-0:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    .xl\:radius-bottom-inline-start-0 {
      border-end-start-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-0 {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-0 {
      border-bottom-right-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-bottom-inline-end-0:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-0 {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-0 {
      border-bottom-left-radius: var(--sf-radius-0);
      }
    }
    .xl\:radius-bottom-inline-end-0:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-0);
    }
    .xl\:radius-bottom-inline-end-0 {
      border-end-end-radius: var(--sf-radius-0);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-top-1\/3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-top-1\/3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-top-1\/3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-top-1\/3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    .xl\:radius-top-1\/3 {
      border-start-start-radius: var(--sf-radius-1\/3);
      border-start-end-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-bottom-1\/3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-bottom-1\/3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-bottom-1\/3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-bottom-1\/3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    .xl\:radius-bottom-1\/3 {
      border-end-start-radius: var(--sf-radius-1\/3);
      border-end-end-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-inline-start-1\/3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-inline-start-1\/3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-inline-start-1\/3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-inline-start-1\/3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    .xl\:radius-inline-start-1\/3 {
      border-start-start-radius: var(--sf-radius-1\/3);
      border-end-start-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-inline-end-1\/3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-inline-end-1\/3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-inline-end-1\/3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-inline-end-1\/3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    .xl\:radius-inline-end-1\/3 {
      border-start-end-radius: var(--sf-radius-1\/3);
      border-end-end-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-top-inline-start-1\/3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-top-inline-start-1\/3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    .xl\:radius-top-inline-start-1\/3 {
      border-start-start-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-1\/3 {
      border-top-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-top-inline-end-1\/3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-1\/3 {
      border-top-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-top-inline-end-1\/3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/3);
    }
    .xl\:radius-top-inline-end-1\/3 {
      border-start-end-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-bottom-inline-start-1\/3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-bottom-inline-start-1\/3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    .xl\:radius-bottom-inline-start-1\/3 {
      border-end-start-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-1\/3 {
      border-bottom-right-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-bottom-inline-end-1\/3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-1\/3 {
      border-bottom-left-radius: var(--sf-radius-1\/3);
      }
    }
    .xl\:radius-bottom-inline-end-1\/3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/3);
    }
    .xl\:radius-bottom-inline-end-1\/3 {
      border-end-end-radius: var(--sf-radius-1\/3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-top-1\/2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-top-1\/2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-top-1\/2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-top-1\/2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    .xl\:radius-top-1\/2 {
      border-start-start-radius: var(--sf-radius-1\/2);
      border-start-end-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-bottom-1\/2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-bottom-1\/2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-bottom-1\/2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-bottom-1\/2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    .xl\:radius-bottom-1\/2 {
      border-end-start-radius: var(--sf-radius-1\/2);
      border-end-end-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-inline-start-1\/2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-inline-start-1\/2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-inline-start-1\/2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-inline-start-1\/2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    .xl\:radius-inline-start-1\/2 {
      border-start-start-radius: var(--sf-radius-1\/2);
      border-end-start-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-inline-end-1\/2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-inline-end-1\/2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-inline-end-1\/2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-inline-end-1\/2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    .xl\:radius-inline-end-1\/2 {
      border-start-end-radius: var(--sf-radius-1\/2);
      border-end-end-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-top-inline-start-1\/2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-top-inline-start-1\/2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    .xl\:radius-top-inline-start-1\/2 {
      border-start-start-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-1\/2 {
      border-top-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-top-inline-end-1\/2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-1\/2 {
      border-top-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-top-inline-end-1\/2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1\/2);
    }
    .xl\:radius-top-inline-end-1\/2 {
      border-start-end-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-bottom-inline-start-1\/2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-bottom-inline-start-1\/2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    .xl\:radius-bottom-inline-start-1\/2 {
      border-end-start-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-1\/2 {
      border-bottom-right-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-bottom-inline-end-1\/2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-1\/2 {
      border-bottom-left-radius: var(--sf-radius-1\/2);
      }
    }
    .xl\:radius-bottom-inline-end-1\/2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1\/2);
    }
    .xl\:radius-bottom-inline-end-1\/2 {
      border-end-end-radius: var(--sf-radius-1\/2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-top-1:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-top-1:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-top-1:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-top-1:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    .xl\:radius-top-1 {
      border-start-start-radius: var(--sf-radius-1);
      border-start-end-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-bottom-1:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-bottom-1:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-bottom-1:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-bottom-1:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    .xl\:radius-bottom-1 {
      border-end-start-radius: var(--sf-radius-1);
      border-end-end-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-inline-start-1:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-inline-start-1:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-inline-start-1:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-inline-start-1:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    .xl\:radius-inline-start-1 {
      border-start-start-radius: var(--sf-radius-1);
      border-end-start-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-inline-end-1:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-inline-end-1:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-inline-end-1:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-inline-end-1:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    .xl\:radius-inline-end-1 {
      border-start-end-radius: var(--sf-radius-1);
      border-end-end-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-top-inline-start-1:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-top-inline-start-1:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    .xl\:radius-top-inline-start-1 {
      border-start-start-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-1 {
      border-top-right-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-1 {
      border-top-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-top-inline-end-1:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-1 {
      border-top-left-radius: var(--sf-radius-1);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-1 {
      border-top-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-top-inline-end-1:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-1);
    }
    .xl\:radius-top-inline-end-1 {
      border-start-end-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-bottom-inline-start-1:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-bottom-inline-start-1:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    .xl\:radius-bottom-inline-start-1 {
      border-end-start-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-1 {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-1 {
      border-bottom-right-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-bottom-inline-end-1:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-1 {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-1 {
      border-bottom-left-radius: var(--sf-radius-1);
      }
    }
    .xl\:radius-bottom-inline-end-1:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-1);
    }
    .xl\:radius-bottom-inline-end-1 {
      border-end-end-radius: var(--sf-radius-1);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-top-2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-top-2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-top-2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-top-2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    .xl\:radius-top-2 {
      border-start-start-radius: var(--sf-radius-2);
      border-start-end-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-bottom-2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-bottom-2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-bottom-2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-bottom-2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    .xl\:radius-bottom-2 {
      border-end-start-radius: var(--sf-radius-2);
      border-end-end-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-inline-start-2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-inline-start-2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-inline-start-2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-inline-start-2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    .xl\:radius-inline-start-2 {
      border-start-start-radius: var(--sf-radius-2);
      border-end-start-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-inline-end-2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-inline-end-2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-inline-end-2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-inline-end-2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    .xl\:radius-inline-end-2 {
      border-start-end-radius: var(--sf-radius-2);
      border-end-end-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-top-inline-start-2:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-top-inline-start-2:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    .xl\:radius-top-inline-start-2 {
      border-start-start-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-2 {
      border-top-right-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-2 {
      border-top-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-top-inline-end-2:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-2 {
      border-top-left-radius: var(--sf-radius-2);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-2 {
      border-top-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-top-inline-end-2:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-2);
    }
    .xl\:radius-top-inline-end-2 {
      border-start-end-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-bottom-inline-start-2:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-bottom-inline-start-2:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    .xl\:radius-bottom-inline-start-2 {
      border-end-start-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-2 {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-2 {
      border-bottom-right-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-bottom-inline-end-2:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-2 {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-2 {
      border-bottom-left-radius: var(--sf-radius-2);
      }
    }
    .xl\:radius-bottom-inline-end-2:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-2);
    }
    .xl\:radius-bottom-inline-end-2 {
      border-end-end-radius: var(--sf-radius-2);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-top-3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-top-3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-top-3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-top-3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    .xl\:radius-top-3 {
      border-start-start-radius: var(--sf-radius-3);
      border-start-end-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-bottom-3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-bottom-3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-bottom-3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-bottom-3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    .xl\:radius-bottom-3 {
      border-end-start-radius: var(--sf-radius-3);
      border-end-end-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-inline-start-3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-inline-start-3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-inline-start-3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-inline-start-3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    .xl\:radius-inline-start-3 {
      border-start-start-radius: var(--sf-radius-3);
      border-end-start-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-inline-end-3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-inline-end-3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-inline-end-3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-inline-end-3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    .xl\:radius-inline-end-3 {
      border-start-end-radius: var(--sf-radius-3);
      border-end-end-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-top-inline-start-3:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-top-inline-start-3:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    .xl\:radius-top-inline-start-3 {
      border-start-start-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-3 {
      border-top-right-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-3 {
      border-top-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-top-inline-end-3:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-3 {
      border-top-left-radius: var(--sf-radius-3);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-3 {
      border-top-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-top-inline-end-3:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-3);
    }
    .xl\:radius-top-inline-end-3 {
      border-start-end-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-bottom-inline-start-3:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-bottom-inline-start-3:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    .xl\:radius-bottom-inline-start-3 {
      border-end-start-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-3 {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-3 {
      border-bottom-right-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-bottom-inline-end-3:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-3 {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-3 {
      border-bottom-left-radius: var(--sf-radius-3);
      }
    }
    .xl\:radius-bottom-inline-end-3:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-3);
    }
    .xl\:radius-bottom-inline-end-3 {
      border-end-end-radius: var(--sf-radius-3);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-top-4:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-top-4:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-top-4:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-top-4:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    .xl\:radius-top-4 {
      border-start-start-radius: var(--sf-radius-4);
      border-start-end-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-bottom-4:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-bottom-4:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-bottom-4:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-bottom-4:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    .xl\:radius-bottom-4 {
      border-end-start-radius: var(--sf-radius-4);
      border-end-end-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-inline-start-4:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-inline-start-4:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-inline-start-4:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-inline-start-4:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    .xl\:radius-inline-start-4 {
      border-start-start-radius: var(--sf-radius-4);
      border-end-start-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-inline-end-4:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-inline-end-4:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-inline-end-4:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-inline-end-4:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    .xl\:radius-inline-end-4 {
      border-start-end-radius: var(--sf-radius-4);
      border-end-end-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-top-inline-start-4:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-top-inline-start-4:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    .xl\:radius-top-inline-start-4 {
      border-start-start-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-4 {
      border-top-right-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-4 {
      border-top-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-top-inline-end-4:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-4 {
      border-top-left-radius: var(--sf-radius-4);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-4 {
      border-top-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-top-inline-end-4:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-4);
    }
    .xl\:radius-top-inline-end-4 {
      border-start-end-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-bottom-inline-start-4:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-bottom-inline-start-4:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    .xl\:radius-bottom-inline-start-4 {
      border-end-start-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-4 {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-4 {
      border-bottom-right-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-bottom-inline-end-4:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-4 {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-4 {
      border-bottom-left-radius: var(--sf-radius-4);
      }
    }
    .xl\:radius-bottom-inline-end-4:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-4);
    }
    .xl\:radius-bottom-inline-end-4 {
      border-end-end-radius: var(--sf-radius-4);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-top-default:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-top-default:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-top-default:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-top-default:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    .xl\:radius-top-default {
      border-start-start-radius: var(--sf-radius-default);
      border-start-end-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-bottom-default:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-bottom-default:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-bottom-default:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-bottom-default:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    .xl\:radius-bottom-default {
      border-end-start-radius: var(--sf-radius-default);
      border-end-end-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-inline-start-default:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-inline-start-default:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-inline-start-default:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-inline-start-default:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    .xl\:radius-inline-start-default {
      border-start-start-radius: var(--sf-radius-default);
      border-end-start-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-inline-end-default:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-inline-end-default:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-inline-end-default:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-inline-end-default:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    .xl\:radius-inline-end-default {
      border-start-end-radius: var(--sf-radius-default);
      border-end-end-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-top-inline-start-default:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-top-inline-start-default:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    .xl\:radius-top-inline-start-default {
      border-start-start-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-default {
      border-top-right-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-default {
      border-top-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-top-inline-end-default:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-default {
      border-top-left-radius: var(--sf-radius-default);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-default {
      border-top-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-top-inline-end-default:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-default);
    }
    .xl\:radius-top-inline-end-default {
      border-start-end-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-bottom-inline-start-default:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-bottom-inline-start-default:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    .xl\:radius-bottom-inline-start-default {
      border-end-start-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-default {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-default {
      border-bottom-right-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-bottom-inline-end-default:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-default {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-default {
      border-bottom-left-radius: var(--sf-radius-default);
      }
    }
    .xl\:radius-bottom-inline-end-default:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-default);
    }
    .xl\:radius-bottom-inline-end-default {
      border-end-end-radius: var(--sf-radius-default);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-top-ui:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-top-ui:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-top-ui:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-top-ui:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    .xl\:radius-top-ui {
      border-start-start-radius: var(--sf-radius--ui);
      border-start-end-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-bottom-ui:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-bottom-ui:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-bottom-ui:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-bottom-ui:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    .xl\:radius-bottom-ui {
      border-end-start-radius: var(--sf-radius--ui);
      border-end-end-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-inline-start-ui:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-inline-start-ui:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-inline-start-ui:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-inline-start-ui:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    .xl\:radius-inline-start-ui {
      border-start-start-radius: var(--sf-radius--ui);
      border-end-start-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-inline-end-ui:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-inline-end-ui:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-inline-end-ui:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-inline-end-ui:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    .xl\:radius-inline-end-ui {
      border-start-end-radius: var(--sf-radius--ui);
      border-end-end-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-top-inline-start-ui:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-top-inline-start-ui:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    .xl\:radius-top-inline-start-ui {
      border-start-start-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-ui {
      border-top-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-ui {
      border-top-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-top-inline-end-ui:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-ui {
      border-top-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-ui {
      border-top-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-top-inline-end-ui:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--ui);
    }
    .xl\:radius-top-inline-end-ui {
      border-start-end-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-bottom-inline-start-ui:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-bottom-inline-start-ui:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    .xl\:radius-bottom-inline-start-ui {
      border-end-start-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-ui {
      border-bottom-right-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-bottom-inline-end-ui:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-ui {
      border-bottom-left-radius: var(--sf-radius--ui);
      }
    }
    .xl\:radius-bottom-inline-end-ui:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--ui);
    }
    .xl\:radius-bottom-inline-end-ui {
      border-end-end-radius: var(--sf-radius--ui);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-top-surface:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-top-surface:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-top-surface:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-top-surface:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    .xl\:radius-top-surface {
      border-start-start-radius: var(--sf-radius--surface);
      border-start-end-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-bottom-surface:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-bottom-surface:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-bottom-surface:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-bottom-surface:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    .xl\:radius-bottom-surface {
      border-end-start-radius: var(--sf-radius--surface);
      border-end-end-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-inline-start-surface:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-inline-start-surface:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-inline-start-surface:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-inline-start-surface:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    .xl\:radius-inline-start-surface {
      border-start-start-radius: var(--sf-radius--surface);
      border-end-start-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-inline-end-surface:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-inline-end-surface:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-inline-end-surface:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-inline-end-surface:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    .xl\:radius-inline-end-surface {
      border-start-end-radius: var(--sf-radius--surface);
      border-end-end-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-top-inline-start-surface:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-top-inline-start-surface:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    .xl\:radius-top-inline-start-surface {
      border-start-start-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-surface {
      border-top-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-surface {
      border-top-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-top-inline-end-surface:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-surface {
      border-top-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-surface {
      border-top-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-top-inline-end-surface:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius--surface);
    }
    .xl\:radius-top-inline-end-surface {
      border-start-end-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-bottom-inline-start-surface:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-bottom-inline-start-surface:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    .xl\:radius-bottom-inline-start-surface {
      border-end-start-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-surface {
      border-bottom-right-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-bottom-inline-end-surface:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-surface {
      border-bottom-left-radius: var(--sf-radius--surface);
      }
    }
    .xl\:radius-bottom-inline-end-surface:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius--surface);
    }
    .xl\:radius-bottom-inline-end-surface {
      border-end-end-radius: var(--sf-radius--surface);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-top-square:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-top-square:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-top-square:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-top-square:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    .xl\:radius-top-square {
      border-start-start-radius: var(--sf-radius-square);
      border-start-end-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-bottom-square:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-bottom-square:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-bottom-square:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-bottom-square:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    .xl\:radius-bottom-square {
      border-end-start-radius: var(--sf-radius-square);
      border-end-end-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-inline-start-square:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-inline-start-square:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-inline-start-square:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-inline-start-square:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    .xl\:radius-inline-start-square {
      border-start-start-radius: var(--sf-radius-square);
      border-end-start-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-inline-end-square:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-inline-end-square:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-inline-end-square:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-inline-end-square:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    .xl\:radius-inline-end-square {
      border-start-end-radius: var(--sf-radius-square);
      border-end-end-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-top-inline-start-square:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-top-inline-start-square:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    .xl\:radius-top-inline-start-square {
      border-start-start-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-square {
      border-top-right-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-square {
      border-top-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-top-inline-end-square:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-square {
      border-top-left-radius: var(--sf-radius-square);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-square {
      border-top-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-top-inline-end-square:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-square);
    }
    .xl\:radius-top-inline-end-square {
      border-start-end-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-bottom-inline-start-square:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-bottom-inline-start-square:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    .xl\:radius-bottom-inline-start-square {
      border-end-start-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-square {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-square {
      border-bottom-right-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-bottom-inline-end-square:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-square {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-square {
      border-bottom-left-radius: var(--sf-radius-square);
      }
    }
    .xl\:radius-bottom-inline-end-square:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-square);
    }
    .xl\:radius-bottom-inline-end-square {
      border-end-end-radius: var(--sf-radius-square);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-top-rounded:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-top-rounded:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-top-rounded:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-top-rounded:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    .xl\:radius-top-rounded {
      border-start-start-radius: var(--sf-radius-rounded);
      border-start-end-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-bottom-rounded:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-bottom-rounded:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-bottom-rounded:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-bottom-rounded:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    .xl\:radius-bottom-rounded {
      border-end-start-radius: var(--sf-radius-rounded);
      border-end-end-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-inline-start-rounded:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-inline-start-rounded:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-inline-start-rounded:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-inline-start-rounded:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    .xl\:radius-inline-start-rounded {
      border-start-start-radius: var(--sf-radius-rounded);
      border-end-start-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-inline-end-rounded:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-inline-end-rounded:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-inline-end-rounded:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-inline-end-rounded:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    .xl\:radius-inline-end-rounded {
      border-start-end-radius: var(--sf-radius-rounded);
      border-end-end-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-top-inline-start-rounded:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-top-inline-start-rounded:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    .xl\:radius-top-inline-start-rounded {
      border-start-start-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-rounded {
      border-top-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-top-inline-end-rounded:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-rounded {
      border-top-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-top-inline-end-rounded:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-rounded);
    }
    .xl\:radius-top-inline-end-rounded {
      border-start-end-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-bottom-inline-start-rounded:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-bottom-inline-start-rounded:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    .xl\:radius-bottom-inline-start-rounded {
      border-end-start-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-rounded {
      border-bottom-right-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-bottom-inline-end-rounded:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-rounded {
      border-bottom-left-radius: var(--sf-radius-rounded);
      }
    }
    .xl\:radius-bottom-inline-end-rounded:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-rounded);
    }
    .xl\:radius-bottom-inline-end-rounded {
      border-end-end-radius: var(--sf-radius-rounded);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-top-round:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-top-round:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-top-round:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-top-round:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    .xl\:radius-top-round {
      border-start-start-radius: var(--sf-radius-round);
      border-start-end-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-bottom-round:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-bottom-round:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-bottom-round:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-bottom-round:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    .xl\:radius-bottom-round {
      border-end-start-radius: var(--sf-radius-round);
      border-end-end-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-inline-start-round:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-inline-start-round:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-start-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-start-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-inline-start-round:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-start-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-start-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-inline-start-round:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    .xl\:radius-inline-start-round {
      border-start-start-radius: var(--sf-radius-round);
      border-end-start-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-inline-end-round:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-inline-end-round:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-inline-end-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-inline-end-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-inline-end-round:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-inline-end-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-inline-end-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-inline-end-round:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    .xl\:radius-inline-end-round {
      border-start-end-radius: var(--sf-radius-round);
      border-end-end-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-start-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-start-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-top-inline-start-round:where(:dir(ltr)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-start-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-start-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-start-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-top-inline-start-round:where(:dir(rtl)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    .xl\:radius-top-inline-start-round {
      border-start-start-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-top-inline-end-round {
      border-top-right-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-top-inline-end-round {
      border-top-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-top-inline-end-round:where(:dir(ltr)) {
      border-top-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-top-inline-end-round {
      border-top-left-radius: var(--sf-radius-round);
    }
    @supports not (border-start-end-radius: initial) {
    [dir="rtl"] .xl\:radius-top-inline-end-round {
      border-top-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-top-inline-end-round:where(:dir(rtl)) {
      border-top-left-radius: var(--sf-radius-round);
    }
    .xl\:radius-top-inline-end-round {
      border-start-end-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-start-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-bottom-inline-start-round:where(:dir(ltr)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-start-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-start-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-start-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-bottom-inline-start-round:where(:dir(rtl)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    .xl\:radius-bottom-inline-start-round {
      border-end-start-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-round {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    html:not([dir="rtl"]) .xl\:radius-bottom-inline-end-round {
      border-bottom-right-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-bottom-inline-end-round:where(:dir(ltr)) {
      border-bottom-right-radius: var(--sf-radius-round);
    }
    _:-ms-input-placeholder, [dir="rtl"] .xl\:radius-bottom-inline-end-round {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    @supports not (border-end-end-radius: initial) {
    [dir="rtl"] .xl\:radius-bottom-inline-end-round {
      border-bottom-left-radius: var(--sf-radius-round);
      }
    }
    .xl\:radius-bottom-inline-end-round:where(:dir(rtl)) {
      border-bottom-left-radius: var(--sf-radius-round);
    }
    .xl\:radius-bottom-inline-end-round {
      border-end-end-radius: var(--sf-radius-round);
    }
  }
}