@charset "UTF-8";
:root {
  --color-counter-border: rgba(0,0,0,0);
  --color-input-disabled-bg: rgba(175,184,193,0.2);
  --color-btn-text: #24292f;
  --color-btn-bg: #f6f8fa;
  --color-btn-border: rgba(31,35,40,0.15);
  --color-btn-shadow: 0 1px 0 rgba(31,35,40,0.04);
  --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  --color-btn-hover-bg: #f3f4f6;
  --color-btn-hover-border: rgba(31,35,40,0.15);
  --color-btn-active-bg: hsla(220,14%,93%,1);
  --color-btn-active-border: rgba(31,35,40,0.15);
  --color-btn-selected-bg: hsla(220,14%,94%,1);
  --color-btn-counter-bg: rgba(31,35,40,0.08);
  --color-btn-danger-text: #cf222e;
  --color-btn-danger-hover-text: #ffffff;
  --color-btn-danger-hover-bg: #a40e26;
  --color-btn-danger-hover-border: rgba(31,35,40,0.15);
  --color-btn-danger-hover-shadow: 0 1px 0 rgba(31,35,40,0.1);
  --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
  --color-btn-danger-selected-text: #ffffff;
  --color-btn-danger-selected-bg: hsla(356,72%,44%,1);
  --color-btn-danger-selected-border: rgba(31,35,40,0.15);
  --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,0.2);
  --color-btn-danger-disabled-text: rgba(207,34,46,0.5);
  --color-btn-danger-disabled-bg: #f6f8fa;
  --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05);
  --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
  --color-fg-default: #1F2328;
  --color-fg-subtle: #6e7781;
  --color-fg-on-emphasis: #ffffff;
  --color-canvas-default: #ffffff;
  --color-border-default: #d0d7de;
  --color-border-muted: hsla(210,18%,87%,1);
  --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
  --color-neutral-emphasis: #6e7781;
  --color-neutral-muted: rgba(175,184,193,0.2);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-attention-emphasis: #9a6700;
  --color-attention-subtle: #fff8c5;
  --color-danger-emphasis: #cf222e;
  --color-primer-fg-disabled: #8c959f;
  --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
}
:root {
  /*! */
}
:root {
  color-scheme: light;
}

@media (forced-colors: active) {
  body {
    --color-accent-emphasis: Highlight;
    --color-fg-on-emphasis: LinkText;
  }
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  /* 1 */
  display: block;
}

summary {
  display: list-item;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none !important;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; /* 1 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-fg-default);
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: var(--base-text-weight-semibold, 600);
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

* {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: var(--body-font-size, 14px);
  line-height: 1.5;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
}

a {
  color: var(--color-accent-fg);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

b,
strong {
  font-weight: var(--base-text-weight-semibold, 600);
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

label {
  font-weight: var(--base-text-weight-semibold, 600);
}

::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}

hr,
.rule {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-border-muted);
}
hr::before,
.rule::before {
  display: table;
  content: "";
}
hr::after,
.rule::after {
  display: table;
  clear: both;
  content: "";
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

button {
  cursor: pointer;
  border-radius: 0;
}

[hidden][hidden] {
  display: none !important;
}

details summary {
  cursor: pointer;
}
details:not([open]) > *:not(summary) {
  display: none !important;
}

a:focus,
button:focus,
[role=button]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role=button]:focus:not(:focus-visible),
input[type=radio]:focus:not(:focus-visible),
input[type=checkbox]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
a:focus-visible,
button:focus-visible,
[role=button]:focus-visible,
input[type=radio]:focus-visible,
input[type=checkbox]:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

a:not([class]):focus, a:not([class]):focus-visible,
input[type=radio]:focus,
input[type=radio]:focus-visible,
input[type=checkbox]:focus,
input[type=checkbox]:focus-visible {
  outline-offset: 0;
}

.focus {
  border-color: var(--color-accent-fg);
  outline: none;
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
}

@media (forced-colors: active) {
  *:focus,
  *:focus-visible {
    outline: solid 1px transparent;
  }
  input:not([type=radio], [type=checkbox]):focus, input:not([type=radio], [type=checkbox]):focus-visible,
  textarea:focus,
  textarea:focus-visible,
  select:focus,
  select:focus-visible {
    outline-offset: 2px;
  }
}

h1,
h2,
h3,
h4,
h5 {
  margin-top: 0;
  margin-bottom: 0;
}

h1 {
  font-size: var(--h1-size, 36px);
  font-weight: var(--base-text-weight-semibold, 600);
}

h2 {
  font-size: var(--h2-size, 26px);
  font-weight: var(--base-text-weight-semibold, 600);
}

h3 {
  font-size: var(--h3-size, 22px);
  font-weight: var(--base-text-weight-semibold, 600);
}

h4 {
  font-size: var(--h4-size, 20px);
  font-weight: var(--base-text-weight-semibold, 600);
}

h5 {
  font-size: var(--h5-size, 18px);
  font-weight: var(--base-text-weight-semibold, 600);
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

small {
  font-size: 90%;
}

blockquote {
  margin: 0;
}

ul,
ol {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

ol ol,
ul ol {
  list-style-type: lower-roman;
}

ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
  list-style-type: lower-alpha;
}

tt,
code {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}

pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}

.btn {
  position: relative;
  display: inline-block;
  padding: 5px 16px;
  font-size: 14px;
  font-weight: var(--base-text-weight-medium, 500);
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid;
  border-radius: 6px;
  appearance: none;
}
.btn:hover {
  text-decoration: none;
}
.btn:disabled, .btn.disabled, .btn[aria-disabled=true] {
  cursor: default;
}
.btn i {
  font-style: normal;
  font-weight: var(--base-text-weight-medium, 500);
  opacity: 0.75;
}
.btn .Counter {
  margin-left: 2px;
  color: inherit;
  text-shadow: none;
  vertical-align: top;
  background-color: var(--color-btn-counter-bg);
}
.btn .dropdown-caret {
  margin-left: 4px;
  opacity: 0.8;
}

.btn {
  color: var(--color-btn-text);
  background-color: var(--color-btn-bg);
  border-color: var(--color-btn-border);
  box-shadow: var(--color-btn-shadow), var(--color-btn-inset-shadow);
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.btn:hover, .btn.hover, [open] > .btn {
  background-color: var(--color-btn-hover-bg);
  border-color: var(--color-btn-hover-border);
  transition-duration: 0.1s;
}
.btn:active {
  background-color: var(--color-btn-active-bg);
  border-color: var(--color-btn-active-border);
  transition: none;
}
.btn.selected {
  background-color: var(--color-btn-selected-bg);
  box-shadow: var(--color-primer-shadow-inset);
}
.btn:disabled, .btn.disabled, .btn[aria-disabled=true] {
  color: var(--color-primer-fg-disabled);
  background-color: var(--color-btn-bg);
  border-color: var(--color-btn-border);
}

.btn-danger {
  color: var(--color-btn-danger-text);
}
.btn-danger:hover, [open] > .btn-danger {
  color: var(--color-btn-danger-hover-text);
  background-color: var(--color-btn-danger-hover-bg);
  border-color: var(--color-btn-danger-hover-border);
  box-shadow: var(--color-btn-danger-hover-shadow), var(--color-btn-danger-hover-inset-shadow);
}
.btn-danger:hover .Counter, [open] > .btn-danger .Counter {
  background-color: var(--color-btn-danger-hover-counter-bg);
}
.btn-danger:active, .btn-danger.selected {
  color: var(--color-btn-danger-selected-text);
  background-color: var(--color-btn-danger-selected-bg);
  border-color: var(--color-btn-danger-selected-border);
  box-shadow: var(--color-btn-danger-selected-shadow);
}
.btn-danger:disabled, .btn-danger.disabled, .btn-danger[aria-disabled=true] {
  color: var(--color-btn-danger-disabled-text);
  background-color: var(--color-btn-danger-disabled-bg);
  border-color: var(--color-btn-border);
  box-shadow: none;
}
.btn-danger:disabled .Counter, .btn-danger.disabled .Counter, .btn-danger[aria-disabled=true] .Counter {
  background-color: var(--color-btn-danger-disabled-counter-bg);
}
.btn-danger .Counter {
  color: inherit;
  background-color: var(--color-btn-danger-counter-bg);
}

.form-control,
.form-select {
  padding: 5px 12px;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-default);
  background-repeat: no-repeat;
  background-position: right 8px center;
  border: 1px solid var(--color-border-default);
  border-radius: 6px;
  box-shadow: var(--color-primer-shadow-inset);
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.form-control:focus,
.form-select:focus {
  border-color: var(--color-accent-fg);
  outline: none;
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
}
.form-control:focus:not(:focus-visible),
.form-select:focus:not(:focus-visible) {
  border-color: transparent;
  border-color: var(--color-accent-fg);
  outline: none;
  box-shadow: inset 0 0 0 1px transparent;
}
.form-control:focus-visible,
.form-select:focus-visible {
  border-color: var(--color-accent-fg);
  outline: none;
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
}
.form-control[disabled], fieldset[disabled] .form-control,
.form-select[disabled],
fieldset[disabled] .form-select {
  color: var(--color-primer-fg-disabled);
  background-color: var(--color-input-disabled-bg);
  border-color: var(--color-border-default);
  -webkit-text-fill-color: var(--color-primer-fg-disabled);
  opacity: 1;
}
.form-control[disabled]::placeholder, fieldset[disabled] .form-control::placeholder,
.form-select[disabled]::placeholder,
fieldset[disabled] .form-select::placeholder {
  color: var(--color-primer-fg-disabled);
}
@supports (-webkit-touch-callout: none) {
  .form-control,
  .form-select {
    font-size: 20px;
  }
  @media (min-width: 768px) {
    .form-control,
    .form-select {
      font-size: 14px;
    }
  }
}

textarea.form-control {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.5;
}

.input-lg {
  font-size: 20px;
}

.input-block {
  display: block;
  width: 100%;
}

.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button {
  position: absolute;
  right: 0;
  display: none !important;
  pointer-events: none;
  visibility: hidden;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

 .RatingLabel-5, .RatingLabel-4, .RatingLabel-2, .RatingLabel-1 {
  display: inline-block;
  padding: 0 7px;
  font-size: 12px;
  font-weight: var(--base-text-weight-medium, 500);
  line-height: 18px;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 2em;
}
 .RatingLabel-5:hover, .RatingLabel-4:hover, .RatingLabel-2:hover, .RatingLabel-1:hover {
  text-decoration: none;
}

 .RatingLabel-5, .RatingLabel-4, .RatingLabel-2, .RatingLabel-1 {
  padding-right: 10px;
  padding-left: 10px;
  line-height: 22px;
}

.labels {
  position: relative;
}

.Label, .TagLabel, .label {
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);
  border-radius: 2em;
  display: inline-block;
  font-size: var(--primer-text-body-size-small, 12px);
  font-weight: var(--base-text-weight-medium, 500);
  line-height: 18px;
  padding: 0 7px;
  white-space: nowrap;
}

.Label:hover, .TagLabel:hover, .label:hover {
  text-decoration: none;
}

 .TagLabel {
  line-height: 22px;
  padding-left: 10px;
  padding-right: 10px;
}

.State, .state {
  border-radius: 2em;
  display: inline-block;
  font-size: var(--primer-text-body-size-medium, 14px);
  font-weight: var(--base-text-weight-medium, 500);
  line-height: var(--primer-control-medium-lineBoxHeight, 20px);
  padding: 5px var(--primer-control-medium-paddingInline-normal, 12px);
  text-align: center;
  white-space: nowrap;
}

.State, .state {
  background-color: var(--color-neutral-emphasis);
  border: var(--primer-borderWidth-thin, 1px) solid rgba(0, 0, 0, 0);
  color: var(--color-fg-on-emphasis);
}

.Counter {
  background-color: var(--color-neutral-muted);
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-counter-border);
  border-radius: 2em;
  color: var(--color-fg-default);
  display: inline-block;
  font-size: var(--primer-text-body-size-small, 12px);
  font-weight: var(--base-text-weight-medium, 500);
  line-height: calc(var(--base-size-20, 20px) - var(--primer-borderWidth-thin, 1px) * 2);
  min-width: var(--base-size-20, 20px);
  padding: 0 6px;
  text-align: center;
}

.Counter:empty {
  display: none;
}

.TableObject {
  display: table;
}

.TableObject-item {
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.TableObject-item--primary {
  width: 99%;
}

.dropdown {
  position: relative;
}

.dropdown-caret {
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: var(--primer-borderWidth-thicker, 4px) var(--primer-borderWidth-thicker, 4px) 0;
  content: "";
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
}

.Toast {
  display: flex;
  margin: 8px;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
}
@media (min-width: 544px) {
  .Toast {
    width: max-content;
    max-width: 450px;
    margin: 16px;
  }
}

.Toast-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  flex-shrink: 0;
  color: var(--color-fg-on-emphasis);
  background-color: var(--color-accent-emphasis);
  border: 1px solid transparent;
  border-right: 0;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.Toast-content {
  padding: 16px;
}

.Toast--error {
  color: var(--color-fg-default);
  box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
}
.Toast--error .Toast-icon {
  background-color: var(--color-danger-emphasis);
}

.Toast--warning {
  color: var(--color-fg-default);
  box-shadow: inset 0 0 0 1px var(--color-border-default), var(--color-shadow-large);
}
.Toast--warning .Toast-icon {
  background-color: var(--color-attention-emphasis);
}

@keyframes Toast--animateIn {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes Toast--animateOut {
  100% {
    pointer-events: none;
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes Toast--spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Set a $size margin to all sides at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */
.mb-0 {
  margin-bottom: 0 !important;
}

/* Set a $size margin on the right at $breakpoint */

/* Set a $size margin on the left at $breakpoint */

/* Set a $size margin on the left & right at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin to all sides at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */

/* Set a $size margin on the right at $breakpoint */

/* Set a $size margin on the left at $breakpoint */
.ml-1 {
  margin-left: var(--base-size-4, 4px) !important;
}

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on the right at $breakpoint */

/* Set a negative $size margin on the left at $breakpoint */

/* Set a $size margin on the left & right at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin to all sides at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */
.mb-2 {
  margin-bottom: var(--base-size-8, 8px) !important;
}

/* Set a $size margin on the right at $breakpoint */

/* Set a $size margin on the left at $breakpoint */
.ml-2 {
  margin-left: var(--base-size-8, 8px) !important;
}

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on the right at $breakpoint */

/* Set a negative $size margin on the left at $breakpoint */

/* Set a $size margin on the left & right at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin to all sides at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */
.mb-3 {
  margin-bottom: var(--base-size-16, 16px) !important;
}

/* Set a $size margin on the right at $breakpoint */

/* Set a $size margin on the left at $breakpoint */

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on the right at $breakpoint */

/* Set a negative $size margin on the left at $breakpoint */

/* Set a $size margin on the left & right at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin to all sides at $breakpoint */

/* Set a $size margin on the top at $breakpoint */
.mt-4 {
  margin-top: var(--base-size-24, 24px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */

/* Set a $size margin on the right at $breakpoint */

/* Set a $size margin on the left at $breakpoint */

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on the right at $breakpoint */

/* Set a negative $size margin on the left at $breakpoint */

/* Set a $size margin on the left & right at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin to all sides at $breakpoint */

/* Set a $size margin on the top at $breakpoint */
.mt-5 {
  margin-top: var(--base-size-32, 32px) !important;
}

/* Set a $size margin on the bottom at $breakpoint */

/* Set a $size margin on the right at $breakpoint */

/* Set a $size margin on the left at $breakpoint */

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on the right at $breakpoint */

/* Set a negative $size margin on the left at $breakpoint */

/* Set a $size margin on the left & right at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin to all sides at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */

/* Set a $size margin on the right at $breakpoint */

/* Set a $size margin on the left at $breakpoint */

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on the right at $breakpoint */

/* Set a negative $size margin on the left at $breakpoint */

/* Set a $size margin on the left & right at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* Set a $size margin on the top at $breakpoint */

/* Set a $size margin on the bottom at $breakpoint */

/* Set a negative $size margin on top at $breakpoint */

/* Set a negative $size margin on the bottom at $breakpoint */

/* Set a $size margin on the top & bottom at $breakpoint */

/* responsive horizontal auto margins */

@media (min-width: 544px) {
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* responsive horizontal auto margins */
}
@media (min-width: 768px) {
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* responsive horizontal auto margins */
}
@media (min-width: 1012px) {
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* responsive horizontal auto margins */
}
@media (min-width: 1280px) {
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin to all sides at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the right at $breakpoint */
  /* Set a $size margin on the left at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on the right at $breakpoint */
  /* Set a negative $size margin on the left at $breakpoint */
  /* Set a $size margin on the left & right at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* Set a $size margin on the top at $breakpoint */
  /* Set a $size margin on the bottom at $breakpoint */
  /* Set a negative $size margin on top at $breakpoint */
  /* Set a negative $size margin on the bottom at $breakpoint */
  /* Set a $size margin on the top & bottom at $breakpoint */
  /* responsive horizontal auto margins */
}

/* Set a $size padding to all sides at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the left & right at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to all sides at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the left & right at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to all sides at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the left & right at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to all sides at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the left & right at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to all sides at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */
.pl-4 {
  padding-left: var(--base-size-24, 24px) !important;
}

/* Set a $size padding to the left & right at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to all sides at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the left & right at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to all sides at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the left & right at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

/* Set a $size padding to the top at $breakpoint */

/* Set a $size padding to the right at $breakpoint */

/* Set a $size padding to the bottom at $breakpoint */

/* Set a $size padding to the left at $breakpoint */

/* Set a $size padding to the top & bottom at $breakpoint */

@media (min-width: 544px) {
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
}
@media (min-width: 768px) {
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
}
@media (min-width: 1012px) {
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
}
@media (min-width: 1280px) {
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to all sides at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the left & right at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
  /* Set a $size padding to the top at $breakpoint */
  /* Set a $size padding to the right at $breakpoint */
  /* Set a $size padding to the bottom at $breakpoint */
  /* Set a $size padding to the left at $breakpoint */
  /* Set a $size padding to the top & bottom at $breakpoint */
}

.details-reset > summary {
  list-style: none;
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.details-reset > summary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.details-reset > summary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
.details-reset > summary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.details-reset > summary::before {
  display: none;
}
.details-reset > summary::-webkit-details-marker {
  display: none;
}

/* Set the font size to 26px */
.h1 {
  font-size: var(--h1-size-mobile, 28px) !important;
}
@media (min-width: 768px) {
  .h1 {
    font-size: var(--h1-size, 36px) !important;
  }
}

/* Set the font size to 22px */
.h2 {
  font-size: var(--h2-size-mobile, 24px) !important;
}
@media (min-width: 768px) {
  .h2 {
    font-size: var(--h2-size, 26px) !important;
  }
}

/* Set the font size to 18px */
.h3 {
  font-size: var(--h3-size-mobile, 22px) !important;
}
@media (min-width: 768px) {
  .h3 {
    font-size: var(--h3-size, 22px) !important;
  }
}

/* Set the font size to 20px */
.h4 {
  font-size: var(--h4-size, 20px) !important;
}

/* Set the font size to 18px */
.h5 {
  font-size: var(--h5-size, 18px) !important;
}

/* Set the font size to 16px */

.h1,
.h2,
.h3,
.h4,
.h5 {
  font-weight: var(--base-text-weight-semibold, var(--base-text-weight-semibold, 600)) !important;
}

/* Set the font size to 26px */

/* Set the font size to 22px */

/* Set the font size to 18px */
.f3 {
  font-size: var(--h3-size-mobile, 22px) !important;
}
@media (min-width: 768px) {
  .f3 {
    font-size: var(--h3-size, 22px) !important;
  }
}

/* Set the font size to 20px */

/* Set the font size to 18px */

/* Set the font size to 16px */

/* Set the font size to 40px and weight to light */

/* Set the font size to 32px and weight to light */

/* Set the font size to 26px and weight to light */

/* Set the font size to 22px and weight to light */

/* Set the font size to 18px and weight to light */

/* Set the font size to ${#h6-size} */

/* Large leading paragraphs */
.lead {
  margin-bottom: 30px;
  font-size: var(--h3-size, 22px);
  font-weight: var(--base-text-weight-light, var(--base-text-weight-light, 300));
}

/* Set the line height to ultra condensed */

/* Set the line height to condensed */

/* Set the line height to default */

/* Set the line height to zero */

@media (min-width: 544px) {
  /* Set the line height to ultra condensed */
  /* Set the line height to condensed */
  /* Set the line height to default */
  /* Set the line height to zero */
}
@media (min-width: 768px) {
  /* Set the line height to ultra condensed */
  /* Set the line height to condensed */
  /* Set the line height to default */
  /* Set the line height to zero */
}
@media (min-width: 1012px) {
  /* Set the line height to ultra condensed */
  /* Set the line height to condensed */
  /* Set the line height to default */
  /* Set the line height to zero */
}
@media (min-width: 1280px) {
  /* Set the line height to ultra condensed */
  /* Set the line height to condensed */
  /* Set the line height to default */
  /* Set the line height to zero */
}
/* Text align to the right */

/* Text align to the left */

/* Text align to the center */

@media (min-width: 544px) {
  /* Text align to the right */
  /* Text align to the left */
  /* Text align to the center */
}
@media (min-width: 768px) {
  /* Text align to the right */
  /* Text align to the left */
  /* Text align to the center */
}
@media (min-width: 1012px) {
  /* Text align to the right */
  /* Text align to the left */
  /* Text align to the center */
}
@media (min-width: 1280px) {
  /* Text align to the right */
  /* Text align to the left */
  /* Text align to the center */
}
/* Set the font weight to normal */

/* Set the font weight to bold */

/* Set the font to italic */

/* Make text uppercase */

/* Underline text */
.text-underline, .underline {
  text-decoration: underline !important;
}

/* Don't underline text */

/* Don't wrap white space */

/* Normal white space */

/* Force long "words" to wrap if they exceed the width of the container */

/*
 * Specifically apply word-break: break-all; per MDN:
 *
 * > Note: In contrast to `word-break: break-word` and `overflow-wrap: break-word`,
 * > `word-break: break-all` will create a break at the exact place where text would
 * > otherwise overflow its container (even if putting an entire word on its own line
 * > would negate the need for a break).
 *
 * see: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values
 */

/* Set to monospace font */

/* Disallow user from selecting text */

/* Make text capitalized (transforms first character to uppercase) */
.text-capitalize {
  text-transform: capitalize !important;
}

.input-lg {
  height: 36px;
  line-height: 24px;
  min-width: 48px;
}

.Toast {
  margin: 20px 4px;
}

.Toast-icon {
  max-width: 8%;
}

.Toast-content h3 {
  padding-top: 0;
}
.Toast-content p:last-child {
  margin-bottom: 0;
}

div.featured_content_list .featured_content_list_item img {
  object-fit: cover;
  background-color: lightgrey;
  min-width: 150px;
  height: 250px;
}

 .underline {
  font-style: normal !important;
}

.block {
  display: block;
}

.btn {
  color: #070707;
}

 .RatingLabel-5, .RatingLabel-4, .RatingLabel-2, .RatingLabel-1 {
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: normal;
}

 summary.RatingLabel-5:hover, summary.RatingLabel-4:hover, summary.RatingLabel-2:hover, summary.RatingLabel-1:hover {
  box-shadow: 0px 0px 6px 0px slategray;
}

.RatingLabel-1 {
  background-color: #5E2417;
}

.RatingLabel-2 {
  background-color: slategray;
}

.RatingLabel-4 {
  background-color: #5E2417;
}

.RatingLabel-5 {
  background-color: #212385;
  font-family: "Gentium Plus", "Noto Serif TC", "Noto Serif JP", "Noto Serif Thai", serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size: 13px;
}

.RatingDetails {
  margin: -9px 9px 0px;
  border-radius: 6px;
  padding: 11px;
  border: 1px solid lightgray;
}

.TagLabel {
  margin-right: 4px;
  margin-bottom: 4px;
  border-color: #0A51C2;
  color: #0A51C2 !important;
}

/**
 * Reset some basic elements
 */
body, h1, h2, h3, h4, h5,
p, blockquote, pre, hr,
dl, ol, ul, figure {
  margin: 0;
  padding: 0;
}

/**
 * Basic styling
 */
body {
  font: 400 16px/1.5 "Gentium Plus", "Noto Serif TC", "Noto Serif JP", "Noto Serif Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #070707;
  background-color: #fdfdfd;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1, h2, h3, h4, h5,
p, blockquote, pre,
ul, ol, dl, figure,
.highlight {
  margin-bottom: 8px;
}

/**
 * `main` element
 */
main {
  display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
}

/**
 * Images
 */
img {
  max-width: 100%;
  vertical-align: middle;
}

/**
 * Figures
 */
figure > img {
  display: block;
}

figcaption {
  font-size: 14px;
}

/**
 * Lists
 */
ul, ol {
  margin-left: 16px;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

/**
 * Headings
 */
h1, h2, h3, h4, h5 {
  font-weight: 400;
}

/**
 * Links
 */
a {
  color: #0A51C2;
  text-decoration: none;
}
a:visited {
  color: rgb(6.25, 50.625, 121.25);
}
a:hover {
  color: #070707;
  text-decoration: underline;
}
.social-media-list a:hover {
  text-decoration: none;
}
.social-media-list a:hover .username {
  text-decoration: underline;
}

/**
 * Blockquotes
 */
blockquote {
  color: #828282;
  border-left: 4px solid #e8e8e8;
  padding-left: 8px;
  font-size: 18px;
  letter-spacing: -1px;
  font-style: italic;
}
blockquote > :last-child {
  margin-bottom: 0;
}

/**
 * Code formatting
 */
pre,
code {
  font-size: 15px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  background-color: #eef;
}

code {
  padding: 1px 5px;
}

pre {
  padding: 8px 12px;
  overflow-x: auto;
}
pre > code {
  border: 0;
  padding-right: 0;
  padding-left: 0;
}

/**
 * Wrapper
 */
.wrapper {
  max-width: -webkit-calc(800px - (16px * 2));
  max-width: calc(800px - 16px * 2);
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}
@media screen and (max-width: 800px) {
  .wrapper {
    max-width: -webkit-calc(800px - (16px));
    max-width: calc(800px - (16px));
    padding-right: 8px;
    padding-left: 8px;
  }
}

/**
 * Clearfix
 */
.footer-col-wrapper:after, .wrapper:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * Icons
 */
.svg-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  fill: #828282;
  padding-right: 5px;
  vertical-align: text-top;
}

.social-media-list li + li {
  padding-top: 5px;
}

/**
 * Tables
 */
table {
  margin-bottom: 16px;
  width: 100%;
  width: max-content;
  max-width: 100%;
  display: block;
  overflow: auto;
  text-align: left;
  color: rgb(52.9, 52.9, 52.9);
  border-collapse: collapse;
  border: 1px solid #e8e8e8;
}
table tr:nth-child(even) {
  background-color: rgb(247.3, 247.3, 247.3);
}
table th, table td {
  padding: 5.3333333333px 8px;
}
table th {
  background-color: rgb(239.65, 239.65, 239.65);
  border: 1px solid rgb(221.8, 221.8, 221.8);
  border-bottom-color: rgb(201.4, 201.4, 201.4);
}
table td {
  border: 1px solid #e8e8e8;
}

/**
 * Site header
 */
.site-header {
  border-top: 5px solid rgb(66.25, 66.25, 66.25);
  border-bottom: 1px solid #e8e8e8;
  min-height: 29.84px;
  position: relative;
}

.site-title {
  font-size: 26px;
  font-weight: 300;
  line-height: 54px;
  letter-spacing: -1px;
  margin-bottom: 0;
  float: left;
}
.site-title, .site-title:visited {
  color: rgb(66.25, 66.25, 66.25);
}

/**
 * Site footer
 */
.site-footer {
  border-top: 1px solid #e8e8e8;
  padding: 16px 0;
}

.footer-heading {
  font-size: 18px;
  margin-bottom: 8px;
}

.contact-list,
.social-media-list {
  list-style: none;
  margin-left: 0;
}

.footer-col-wrapper {
  font-size: 15px;
  color: #828282;
  margin-left: -8px;
}

.footer-col {
  float: left;
  margin-bottom: 8px;
  padding-left: 8px;
}

.footer-col-1 {
  width: calc(35% - 16px / 2);
}

.footer-col-2 {
  width: calc(26% - 16px / 2);
}

.footer-col-3 {
  width: calc(39% - 16px / 2);
}

@media screen and (max-width: 765px) {
  .footer-col {
    float: none;
    width: calc(100% - 16px / 2);
  }
}
/**
 * Page content
 */
.page-content {
  padding: 16px 0;
  flex: 1;
}

.post-list-heading {
  font-size: 28px;
}

.post-list {
  margin-left: 0;
  list-style: none;
}
.post-list > li {
  margin-bottom: 16px;
}

.post-meta {
  font-size: 14px;
  color: #828282;
}

.post-link {
  display: block;
  font-size: 24px;
}

/**
 * Posts
 */
.post-header {
  margin-bottom: 16px;
}

.post-title {
  font-size: 42px;
  letter-spacing: -1px;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .post-title {
    font-size: 36px;
  }
}

.post-content {
  margin-bottom: 16px;
}
.post-content h2 {
  font-size: 32px;
}
@media screen and (max-width: 800px) {
  .post-content h2 {
    font-size: 28px;
  }
}
.post-content h3 {
  font-size: 26px;
}
@media screen and (max-width: 800px) {
  .post-content h3 {
    font-size: 22px;
  }
}
.post-content h4 {
  font-size: 20px;
}
@media screen and (max-width: 800px) {
  .post-content h4 {
    font-size: 18px;
  }
}

/**
 * Syntax highlighting styles
 */
.highlight {
  background: #fff;
}
.highlighter-rouge .highlight {
  background: #eef;
}
.highlight .c {
  color: #998;
  font-style: italic;
}
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2;
}
.highlight .k {
  font-weight: bold;
}
.highlight .o {
  font-weight: bold;
}
.highlight .cs {
  color: #999;
  font-weight: bold;
  font-style: italic;
}
.highlight .ge {
  font-style: italic;
}
.highlight .gr {
  color: #a00;
}
.highlight .gh {
  color: #999;
}
.highlight .gi {
  color: #000;
  background-color: #dfd;
}
.highlight .gi .x {
  color: #000;
  background-color: #afa;
}
.highlight .go {
  color: #888;
}
.highlight .gp {
  color: #555;
}
.highlight .gt {
  color: #a00;
}
.highlight .kd {
  font-weight: bold;
}
.highlight .kp {
  font-weight: bold;
}
.highlight .kr {
  font-weight: bold;
}
.highlight .kt {
  color: #458;
  font-weight: bold;
}
.highlight .m {
  color: #099;
}
.highlight .s {
  color: #d14;
}
.highlight .na {
  color: #008080;
}
.highlight .nb {
  color: #0086B3;
}
.highlight .nc {
  color: #458;
  font-weight: bold;
}
.highlight .no {
  color: #008080;
}
.highlight .ni {
  color: #800080;
}
.highlight .ne {
  color: #900;
  font-weight: bold;
}
.highlight .nf {
  color: #900;
  font-weight: bold;
}
.highlight .nn {
  color: #555;
}
.highlight .nt {
  color: #000080;
}
.highlight .ow {
  font-weight: bold;
}
.highlight .w {
  color: #bbb;
}
.highlight .mf {
  color: #099;
}
.highlight .mi {
  color: #099;
}
.highlight .sc {
  color: #d14;
}
.highlight .sd {
  color: #d14;
}
.highlight .s2 {
  color: #d14;
}
.highlight .se {
  color: #d14;
}
.highlight .sh {
  color: #d14;
}
.highlight .si {
  color: #d14;
}
.highlight .ss {
  color: #990073;
}
.highlight .bp {
  color: #999;
}
.highlight .vc {
  color: #008080;
}
.highlight .vi {
  color: #008080;
}
.highlight .il {
  color: #099;
}


.fas,
.far,
.fab,
.fa {
  --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
}

:is(.fas,
.far,
.fab,
.fa)::before {
  content: var(--fa)/"";
}

@supports not (content: ""/"") {
  :is(.fas,
  .far,
  .fab,
  .fa)::before {
    content: var(--fa);
  }
}

/* Heads Up: Bordered Icons will not be supported in the future!
  - This feature will be deprecated in the next major release of Font Awesome (v8)!
  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
*/
/* Notes:
* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
* --@{v.$css-prefix}-border-padding =
  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
*/

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}


.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  
  .fa-spin,
  .fa-spin-pulse {
    animation: none !important;
    transition: none !important;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-exclamation {
  --fa: "\!";
}

.fa-question {
  --fa: "\?";
}

.fa-lines-leaning {
  --fa: "\e51e";
}

.fa-person-chalkboard {
  --fa: "\e53d";
}

.fa-person-circle-exclamation {
  --fa: "\e53f";
}

.fa-music {
  --fa: "\f001";
}

.fa-search {
  --fa: "\f002";
}

.fa-heart {
  --fa: "\f004";
}

.fa-star {
  --fa: "\f005";
}

.fa-film {
  --fa: "\f008";
}

.fa-clock {
  --fa: "\f017";
}

.fa-volume-up {
  --fa: "\f028";
}

.fa-tag {
  --fa: "\f02b";
}

.fa-book {
  --fa: "\f02d";
}

.fa-bookmark {
  --fa: "\f02e";
}

.fa-video {
  --fa: "\f03d";
}

.fa-image {
  --fa: "\f03e";
}

.fa-pen-to-square {
  --fa: "\f044";
}

.fa-question-circle {
  --fa: "\f059";
}

.fa-folder-open {
  --fa: "\f07c";
}

.fa-rss {
  --fa: "\f09e";
}

.fa-globe {
  --fa: "\f0ac";
}

.fa-link {
  --fa: "\f0c1";
}

.fa-copy {
  --fa: "\f0c5";
}

.fa-list-ol {
  --fa: "\f0cb";
}

.fa-table {
  --fa: "\f0ce";
}

.fa-cloud-arrow-down {
  --fa: "\f0ed";
}

.fa-spinner {
  --fa: "\f110";
}

.fa-info {
  --fa: "\f129";
}

.fa-rss-square {
  --fa: "\f143";
}

.fa-file {
  --fa: "\f15b";
}

.fa-graduation-cap {
  --fa: "\f19d";
}

.fa-building {
  --fa: "\f1ad";
}

.fa-database {
  --fa: "\f1c0";
}

.fa-file-pdf {
  --fa: "\f1c1";
}

.fa-file-word {
  --fa: "\f1c2";
}

.fa-file-powerpoint {
  --fa: "\f1c4";
}

.fa-file-archive {
  --fa: "\f1c6";
}

.fa-file-audio {
  --fa: "\f1c7";
}

.fa-circle-notch {
  --fa: "\f1ce";
}

.fa-binoculars {
  --fa: "\f1e5";
}

.fa-newspaper {
  --fa: "\f1ea";
}

.fa-copyright {
  --fa: "\f1f9";
}

.fa-user-secret {
  --fa: "\f21b";
}

.fa-street-view {
  --fa: "\f21d";
}

.fa-map {
  --fa: "\f279";
}

.fa-address-book {
  --fa: "\f2b9";
}

.fa-podcast {
  --fa: "\f2ce";
}

.fa-gem {
  --fa: "\f3a5";
}

.fa-tablet-screen-button {
  --fa: "\f3fa";
}

.fa-tablet-alt {
  --fa: "\f3fa";
}

.fa-chess-queen {
  --fa: "\f445";
}

.fa-dove {
  --fa: "\f4ba";
}

.fa-hand-holding {
  --fa: "\f4bd";
}

.fa-route {
  --fa: "\f4d7";
}

.fa-user-edit {
  --fa: "\f4ff";
}

.fa-user-slash {
  --fa: "\f506";
}

.fa-user-tie {
  --fa: "\f508";
}

.fa-book-open {
  --fa: "\f518";
}

.fa-chalkboard {
  --fa: "\f51b";
}

.fa-chalkboard-teacher {
  --fa: "\f51c";
}

.fa-crow {
  --fa: "\f520";
}

.fa-dice {
  --fa: "\f522";
}

.fa-feather {
  --fa: "\f52d";
}

.fa-parking {
  --fa: "\f540";
}

.fa-atlas {
  --fa: "\f558";
}

.fa-feather-alt {
  --fa: "\f56b";
}

.fa-file-arrow-down {
  --fa: "\f56d";
}

.fa-laugh-beam {
  --fa: "\f59a";
}

.fa-map-location-dot {
  --fa: "\f5a0";
}

.fa-medal {
  --fa: "\f5a2";
}

.fa-swatchbook {
  --fa: "\f5c3";
}

.fa-apple-whole {
  --fa: "\f5d1";
}

.fa-book-reader {
  --fa: "\f5da";
}

.fa-cross {
  --fa: "\f654";
}

.fa-dharmachakra {
  --fa: "\f655";
}

.fa-star-of-david {
  --fa: "\f69a";
}

.fa-vihara {
  --fa: "\f6a7";
}

.fa-cloud-sun {
  --fa: "\f6c4";
}

.fa-mountain {
  --fa: "\f6fc";
}

.fa-calendar-week {
  --fa: "\f784";
}

.fa-cable-car {
  --fa: "\f7da";
}

.fa-person-digging {
  --fa: "\f85e";
}

/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
:root {
  --fa-family-classic: "Font Awesome 7 Free";
  /* deprecated: this older custom property will be removed next major release */
}

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-regular-400.woff2");
}
.far {
  --fa-family: var(--fa-family-classic);
  --fa-style: 400;
}

/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
:root {
  --fa-family-classic: "Font Awesome 7 Free";
  /* deprecated: this older custom property will be removed next major release */
}

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2");
}
.fas {
  --fa-family: var(--fa-family-classic);
  --fa-style: 900;
}

/*!
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2025 Fonticons, Inc.
 */
:root {
  --fa-family-brands: "Font Awesome 7 Brands";
}

@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2");
}
.fab {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400;
}

.fa-bluesky {
  --fa: "\e671";
}

.fa-youtube {
  --fa: "\f167";
}

.fa-pagelines {
  --fa: "\f18c";
}

.fa-creative-commons {
  --fa: "\f25e";
}

.fa-product-hunt {
  --fa: "\f288";
}

.fa-google-drive {
  --fa: "\f3aa";
}

.fa-google-play {
  --fa: "\f3ab";
}

.fa-mastodon {
  --fa: "\f4f6";
}

.fas, .far, .fab {
  font-size: 95%;
}

a.skip-to-main {
  position: absolute;
  transform: translateY(-120%);
  background-color: white;
  left: 6px;
  padding: 8px;
}

a.skip-to-main:focus {
  transform: translateY(6px);
  z-index: 999;
}

/* improves punctuation in supported browsers */
html {
  hanging-punctuation: first last;
}

header.site-header {
  z-index: 2;
  background-color: #5E2417;
  border: none;
}
header.site-header .wrapper {
  max-width: 100%;
  padding-bottom: 3px;
}
header.site-header .site-nav-links {
  float: right;
  line-height: 61px;
  font-size: 17px;
}
@media screen and (max-width: 765px) {
  header.site-header .site-nav-links {
    display: block;
    line-height: 50px;
    min-width: 100%;
    text-align: center;
    float: none;
  }
}
@media screen and (max-width: 765px) and (max-width: 349px) {
  header.site-header .site-nav-links {
    overflow-x: scroll;
  }
}
header.site-header .site-nav-links a.page-link {
  color: white;
}
header.site-header .site-nav-links a.page-link:not(:last-child) {
  margin-right: 13px;
}
header.site-header .site-nav-links a.highlighted-nav-link {
  border-bottom: 1px solid white;
}
header.site-header .site-title {
  color: white;
  line-height: 36px;
  padding-top: 5px;
}
header.site-header .site-title img {
  display: inline;
}
header.site-header .site-title span {
  vertical-align: middle;
  display: inline-block;
}
@media screen and (max-width: 765px) {
  header.site-header .site-title {
    margin: 0px 0px -12px 0px;
    min-width: 100%;
  }
}

@media screen and (max-width: 800px) and (min-width: 600px) {
  .wrapper {
    max-width: -webkit-calc(800px - (40px * 2));
    max-width: calc(800px - 40px * 2);
    padding-right: 40px;
    padding-left: 40px;
  }
}
main.page-content {
  z-index: 2;
  padding: 15px 0;
}

/* Better default scroll to #target behavior */
@media (prefers-reduced-motion: no-preference) {
  :has(:target) {
    scroll-behavior: smooth;
    scroll-padding-top: 3rem;
  }
}
main {
  font-family: "Gentium Plus", "Noto Serif TC", "Noto Serif JP", "Noto Serif Thai", serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 17px;
}
main form, main header, main footer, main h1, main h2, main h3, main h4, main h5 {
  font-family: "Gentium Plus", "Noto Serif TC", "Noto Serif JP", "Noto Serif Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
main #toc {
  font-family: "Gentium Plus", "Noto Serif TC", "Noto Serif JP", "Noto Serif Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
 main .btn, main .Label, main .State, main .RatingLabel-1, main .RatingLabel-2, main .RatingLabel-4, main .RatingLabel-5, main .Counter, main .TagLabel {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
main h1, main h2, main h3 {
  padding-top: 20px;
}
main h3 {
  letter-spacing: 1px;
}
main h4, main h5 {
  padding-top: 16px;
}
main blockquote {
  border-left: 5px solid grey;
  color: #070707;
  background-color: lightgrey;
  letter-spacing: 0px;
  padding: 6px 20px 6px 16px;
  width: fit-content;
  font-style: normal;
}
main pre, main code {
  background-color: #EEF0FC;
}

.footnotes {
  font-size: 15px;
}

footer.site-footer {
  background-color: #5E2417;
  color: #fdfdfd;
}
footer.site-footer a svg {
  fill: #EEF0FC;
}
footer.site-footer a {
  color: #EEF0FC;
}
footer.site-footer .footer-heading, footer.site-footer .footer-col-wrapper {
  color: #fdfdfd;
}
footer.site-footer div.footer-col-3 {
  font-family: "Gentium Plus", "Noto Serif TC", "Noto Serif JP", "Noto Serif Thai", serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

a:visited {
  color: #9530A3;
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.btn i.fas {
  font-weight: 900;
}

a.btn:visited {
  color: initial;
}

a[target=_blank]:after {
  font-family: "font awesome 7 free";
  font-weight: 900;
  content: " \f08e";
  vertical-align: super;
  font-size: 60%;
}

a.btn:after {
  content: "";
}

.Label strong, .TagLabel strong {
  font-weight: bold;
}

figure figcaption {
  width: 100%;
  text-align: center;
}
figure figcaption p {
  max-width: 40em;
  margin: auto;
}
figure figcaption p.attribution {
  font-size: 90%;
  margin-bottom: 3px;
}
figure figcaption p.description {
  font-size: 130%;
}

@media screen and (max-width: 765px) {
  .site-title {
    margin-left: 40px;
    margin-right: -3px;
    text-align: center;
  }
}

.social-media-list .svg-icon {
  padding: 0;
  margin-right: 5px;
}
.social-media-list i.fab, .social-media-list i.fas, .social-media-list i.far {
  width: 0.9em;
  font-size: 19px;
  margin-right: 4.5px;
  text-shadow: none;
}
.social-media-list i.fa-bookmark {
  transform: scaleX(1.15) translateX(1px);
}

/*
   This is a pretty hacky way of making the bookmark look more
   like the real Substack logo by adding a pseudoelement with a
   background-colored border that "erases" two lines of the
   bookmark icon.

   This effect doesn't work if the footer has an image.

   TODO: just make a real svg icon for the Substack logo...
*/
footer:not(.footer-img) .social-media-list i.fa-bookmark::after {
  content: "";
  height: 2px;
  border: 2.5px solid #5E2417;
  display: block;
  transform: translate(-3px, -16.7px);
  width: 1em;
}

.banner-img {
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 240px;
  text-shadow: 0 0 8px black;
}

.banner-img.smallsize {
  height: 150px;
}
@media (max-width: 329px) {
  .banner-img.smallsize {
    height: 167px;
  }
}
@media (max-width: 299px) {
  .banner-img.smallsize {
    height: 200px;
  }
}

.banner-img.fullsize {
  height: 480px;
}
@media (min-width: 1800px) {
  .banner-img.fullsize {
    height: 680px;
  }
}

@media only screen and (max-width: 345px) {
  .banner-img .wrapper {
    text-shadow: 0 0 3px grey;
  }
}
details.banner-info {
  padding: 18px 9px 8px 18px;
  font-size: 12px;
  color: white;
}
details.banner-info summary {
  font-size: 14px;
  text-align: center;
}
details.banner-info summary:hover {
  text-shadow: 2px 2px 2px black;
}
details.banner-info div a {
  color: white;
}

header details.banner-info {
  position: absolute;
  bottom: 0;
  right: 0;
}

footer details.banner-info {
  margin-left: auto;
}

footer.footer-img {
  margin-top: -65px;
  height: 650px;
  display: flex;
  flex-direction: column-reverse;
  border: 0;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-shadow: 0 0 8px black;
}

h5 {
  font-size: 1em;
  font-style: italic;
}

p, li {
  text-wrap: pretty;
}

.back {
  font-family: "Gentium Plus", "Noto Serif TC", "Noto Serif JP", "Noto Serif Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-indent: -1em;
  padding-left: 1em;
}

header.post-header, div.post-content {
  margin-bottom: 24px;
}

div.content_box blockquote {
  font-size: 17px;
}

.content_desc blockquote p:before, .content_box_desc blockquote p:before {
  content: "“";
  font-size: 133%;
  line-height: 75%;
}
.content_desc blockquote > :last-child:after, .content_box_desc blockquote > :last-child:after {
  content: "”";
  font-size: 133%;
  line-height: 75%;
}

span.inline_drive_link {
  white-space: nowrap;
}

footer a.u-email {
  overflow-wrap: break-word;
}

.content_box {
  box-sizing: border-box;
  border-radius: 13px;
  margin-bottom: 10px;
  margin-top: 8px;
}

div.with_border {
  border: 1px solid gray;
  padding: 8px;
  margin-top: 0px;
}
div.with_border div.content_box_desc {
  margin: 8px 1.2em 3px;
}

.simple_content {
  padding: 2px 5px;
}

.content_box .content_box_desc {
  margin: 1px 1.2em 11px;
}

.content_box div.content_box_desc p, blockquote:last-child {
  margin-bottom: 0px;
}

.content_box div.course_link {
  margin: 7px 2px 2px 7px;
}

i.fac-fojing {
  font-style: normal;
}

i.fac-fojing:after {
  content: "佛經";
}

i.fac-ukraine {
  font-style: normal;
}

i.fac-ukraine:after {
  content: "🇺🇦";
}

i.fac-academia {
  font-style: normal;
}

i.fac-academia:after {
  font-family: serif;
  font-weight: bold;
  content: "A";
}

.simple_content p {
  margin-left: 1.5em;
}

.narrow {
  max-width: 40em;
}

div.author-list h3 {
  margin-bottom: 0px;
}

div.author-list ul.author-sublist {
  margin-top: 0px;
}

.catcounts {
  font-size: 12px;
  padding: 0px 25px;
}

article.home ul.post-list h1, article.home ul.post-list h2, article.home ul.post-list h3 {
  padding-top: 0px;
  margin-bottom: 3px;
}

article.post header.post-header {
  margin-top: 6px;
}
article.post header.post-header.overlay-into-banner {
  margin-top: -133px;
}
@media screen and (max-width: 700px) {
  article.post header.post-header.overlay-into-banner {
    margin-top: -105px;
  }
}
@media screen and (max-width: 350px) {
  article.post header.post-header.overlay-into-banner {
    margin-top: -72px;
  }
}
article.post .PageNavigation {
  display: block;
  width: auto;
  overflow: hidden;
}
article.post .PageNavigation a {
  display: block;
  width: 50%;
  float: left;
  margin: 1em 0;
}
article.post .PageNavigation .next {
  text-align: right;
}

header.post-header h3.translator {
  font-style: italic;
}

h1.overlay-into-banner, header.post-header.overlay-into-banner {
  text-shadow: 0 0 8px black;
  color: white;
  z-index: 4;
  position: absolute;
  text-align: center;
}

header.post-header.overlay-into-banner {
  margin-top: -250px;
  left: 50%;
  transform: translate(-50%, -39%);
}

h1.overlay-into-banner {
  top: 150px;
  left: 0;
  width: 100%;
  padding-left: 20%;
  padding-right: 20%;
}

.content_size {
  text-wrap-mode: nowrap;
}

.content_links {
  display: inline-flex;
}
.content_links .intro-text {
  padding-right: 0.5em;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  text-wrap-mode: nowrap;
}
.content_links .the-links {
  display: inline-flex;
  flex-wrap: wrap;
  place-content: start;
  gap: 0.5em;
}
.content_links a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

main header.post-header h1, main header.post-header h2, main header.post-header h3, main header.post-header h4, main header.post-header h5 {
  padding-top: 0px;
}

.p-name {
  text-wrap: balance;
}

div.featured_content_list ul {
  flex-wrap: wrap;
  display: flex;
  list-style: none;
  margin-left: 5px;
}
div.featured_content_list .featured_content_list_item {
  width: 47%;
  padding: 17px 17px 7px;
  margin: 5px;
  border: 1px solid lightgray;
  border-radius: 9px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: #fdfdfd;
}
div.featured_content_list .featured_content_list_item img {
  border: 15px solid white;
}
@media screen and (max-width: 650px) {
  div.featured_content_list .featured_content_list_item {
    width: 96%;
  }
}
div.featured_content_list .content_title {
  font-size: 107%;
  font-weight: 500;
  line-height: 1.2;
}
div.featured_content_list .star_label {
  text-align: center;
  padding-bottom: 5px;
  padding-top: 2px;
}
div.featured_content_list .content_desc {
  margin-top: 3px;
  margin-bottom: 12px;
}
div.featured_content_list .content_desc p {
  margin-bottom: 0px;
  font-size: 99%;
}
div.featured_content_list .content_desc blockquote {
  color: rgb(66.25, 66.25, 66.25);
}
div.featured_content_list .data-row {
  display: flex;
  flex-direction: row;
  place-content: space-between;
}
div.featured_content_list .data-row .size-info {
  place-self: center;
  padding-left: 15px;
}
div.featured_content_list .content_links {
  text-align: end;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.featured_content_list .content_links .the-links {
  place-content: end;
}

ol {
  padding-left: 21px;
}

@media screen and (max-width: 765px) {
  main {
    font-size: 16px;
    line-height: 1.3;
  }
  main pre, main code {
    font-size: 14px;
  }
}