@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;800&display=swap");

/*
Theme Name: Digital Summit 2025
Version: 1.0
Author: Digital Summit
Author URI: https://digitalsummit.com/
Description: A custom theme for Digital Summit Marketing Resources 
Text Domain: ds
*/
:root {
  --ds-blue: #189ac6;
  --ds-blue-transparent: rgba(24, 154, 198, 0.01);
  --ds-semilightgray: #eaeaea;
  --ds-lightgray: #f1f0ec;
  --ds-gray: #ccc;
  --ds-semidarkgray: #666;
  --ds-darkgray: #222;
  --ds-black: #000000;
  --ds-black-transparent: rgba(0, 0, 0, 0.3);
  --ds-orange: #ffa500;
  --ds-dark-orange: #ce6959;
  --ds-orange-transparent: rgb(255, 165, 0, 0.01);
  --ds-yellow: #fdb913;
  --ds-red: #ed1c24;
  --ds-red-transparent: rgba(236, 30, 30, 0.01);
  --ds-green: #63bd00;
  --ds-green-transparent: rgba(99, 189, 0, 0.01);
  --ds-white-transparent: rgba(255, 255, 255, 0.3);
  --ds-white: rgba(255, 255, 255, 1);
}

:root .has-ds-darkgray-color {
  color: var(--ds-semidarkgray);
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  line-height: 1.3;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

em {
  font-style: italic;
}

a {
  background-color: transparent;
  transition: all 0.15s ease;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
  font-weight: bold;
  margin-bottom: 7px;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

*,
:after,
:before {
  box-sizing: border-box;
}

body {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  color: var(--ds-darkgray);
  line-height: 1.7;
}

a,
p.has-text-color a {
  text-decoration: none;
  color: var(--ds-blue);
}

div.has-background p a,
div.has-background p.has-text-color a {
  text-decoration: none !important;
  border-bottom: none;
  color: #000;
}

has-white-color a,
p.has-white-color a {
  color: inherit;
}

p {
  margin: 0;
  line-height: 1.4;
}

p a {
  border-bottom: 1px solid;
}

img {
  max-width: 100%;
  height: auto;
}

figure {
  margin: initial;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--ds-darkgray);
  margin: 0;
  font-weight: bold;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h2 + p + .gform_wrapper {
  margin-top: 15px;
}

mark {
  font-weight: bold;
  color: inherit;
  background: transparent;
}

.opacity {
  opacity: 0.5;
}

.section-title {
  display: block;
  padding: 3rem 1rem;
}

.section-title.headings h4 {
  font-weight: normal;
}

.section-title.bottom-border {
  border-bottom: 1px solid #ccc;
}

.pum-theme-441 .popmake-close {
  font-size: 1.5rem !important;
}

.pum-title.popmake-title {
  text-transform: uppercase;
  font-size: 28px;
  text-align: center;
  font-weight: bold;
}

.pum-content.popmake-content {
  outline: none !important;
}

.popmake-close:before {
  font-family: "Material Icons";
  content: "\e5cd";
}

.ds-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ds-black-transparent);
  z-index: 999;
}

.ds-popup-content {
  position: relative;
  padding: 30px;
  background: #fff;
  min-width: 460px;
  border: 1px solid var(--ds-lightgray);
  border-radius: 3px;
  box-shadow: 0 0 3px var(--ds-darkgray);
}

.ds-popup-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}

body,
html {
  color: #666666;
  font-family: "Lato", sans-serif;
  font-size: 17px;
  line-height: 1.75em;
  overflow-x: hidden;
}

p {
  color: #666666;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  line-height: 1.75em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.55;
}

.post-template-default main ul,
.material-template-default main ul {
  margin: 1rem 2rem;
}

.post-template-default main ul li,
.material-template-default main ul li {
  margin: 0.5rem auto;
  list-style-type: disc;
}

.post-template-default main ol,
.material-template-default main ol {
  margin: 0 auto;
}

.post-template-default main ol li,
.material-template-default main ol li {
  margin: 0.2rem auto;
  list-style-type: none;
}

.container,
.alignfull:not(.ds-alignfull) .wp-block-cover__inner-container,
#page > *:not(.alignfull),
.content > *:not(.alignfull),
.page-description > *:not(.alignfull) {
  width: 100%;
  margin: auto;
  /*max-width: 1140px;*/
}

#page > .content-width-720 {
  max-width: 720px;
}

#page > .wp-block-columns,
.content > .wp-block-columns,
.content-single > .wp-block-columns,
.page-description > .wp-block-columns,
.wp-block-cover,
.wp-block-cover-image {
  min-height: auto;
  padding: 5em 2rem;
  margin-bottom: 0;
}

@media (max-width: 1100px) {
  #page > .wp-block-columns,
  .content > .wp-block-columns,
  .content-single > .wp-block-columns,
  .page-description > .wp-block-columns,
  .wp-block-cover,
  .wp-block-cover-image {
    padding: 2rem 2rem;
  }
}

@media (min-width: 1101px) {
  #page > .wp-block-columns,
  .content > .wp-block-columns,
  .content-single > .wp-block-columns,
  .page-description > .wp-block-columns,
  .wp-block-cover,
  .wp-block-cover-image {
    width: inherit;
  }
}

#main {
  position: relative;
}

.ds-migration-table-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 30px 0;
}

.ds-migration-table-header h3 {
  margin: 0;
}

.ds-migration-table-header button {
  margin-left: auto;
}

/* Migration Posts */
.page-id-10899 iframe {
  max-width: 300px !important;
  max-height: 200px !important;
  display: block;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.m-0 {
  margin: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.lh-14 {
  line-height: 1.4;
}

.has-fill-blue {
  background: var(--ds-blue);
  color: #fff;
}

.has-fill-lightgray {
  background: var(--ds-lightgray);
}

.has-fill-blue-half:before {
  content: "";
  background: var(--ds-blue);
  width: 50%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.text-white {
  color: white;
}

.has-ds-blue-color {
  color: var(--ds-blue) !important;
}

.has-ds-yellow-color {
  color: var(--ds-yellow) !important;
}

.has-ds-semidarkgray-color {
  color: var(--ds-semidarkgray) !important;
}

.has-ds-green-color {
  color: var(--ds-green) !important;
}

.has-line-height-initial {
  line-height: initial;
}

.has-border-left {
  border-left: 1px solid;
}

.has-border-color-lightgray {
  border-color: var(--ds-lightgray);
}

.has-ds-blue-border {
  border: 1px solid var(--ds-blue);
}

.has-full-height {
  height: 100%;
}

.square-separator {
  width: 6px;
  height: 6px;
  display: inline-block;
  background: #000000;
  margin: 0 15px;
}

hr.is-style-default {
  width: 100%;
  max-width: 580px;
}

.ds-alignfull {
  padding-right: 60px;
  padding-left: 60px;
}

.ds-icon-title {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.ds-icon-title .material-icons {
  margin-right: 15px;
  font-size: 32px;
  color: var(--ds-blue);
}

.ds-icon-title h4 {
  color: #000 !important;
  font-size: 20px;
}

.ds-blue {
  color: var(--ds-blue) !important;
}

.ds-green {
  color: var(--ds-green) !important;
}

.ds-orange {
  color: var(--ds-dark-orange) !important;
}

.ds-red {
  color: var(--ds-red) !important;
}

.ds-gray {
  color: var(--ds-gray) !important;
}

.ds-gray-dark {
  color: var(--ds-darkgray) !important;
}

.ds-bold {
  font-weight: 800 !important;
}

.ds-medium {
  font-weight: 400 !important;
}

.ds-text-medium {
  font-size: 14px;
}

.ds-text-large {
  font-size: 18px;
}

.ds-left {
  text-align: left !important;
}

.ds-right {
  text-align: right !important;
}

.ds-center {
  text-align: center !important;
}

.green-button,
.blue-button,
.outline-button-blue {
  background-color: var(--ds-green);
  color: #fff !important;
  border: 2px solid #9eff33;
  font: 13px "Lato", sans-serif;
  border-radius: 5px;
  padding: 10px 20px;
  text-transform: uppercase;
}

.green-button:hover,
.blue-button:hover,
.outline-button-blue:hover {
  background-color: #519a00;
  color: #f2f2f2 !important;
}

.blue-button {
  border: 2px solid var(--ds-blue);
  background: var(--ds-blue);
}

.blue-button:hover {
  background-color: #197c9e;
}

.outline-button-blue {
  border: 1px solid var(--ds-blue);
  background: #fff;
  color: var(--ds-blue) !important;
}

.outline-button-blue:hover {
  border: 1px solid #197c9e;
  background: #fff;
  color: #197c9e !important;
}

.green-link-with-arrow {
  color: var(--ds-green);
  font-weight: normal;
  font-size: 20px;
}

.green-link-with-arrow:hover {
  color: #519a00;
}

.ds-spinner {
  width: 48px;
  height: 48px;
  border: 5px solid var(--ds-blue);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}

@-webkit-keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.desktop-only {
  display: none !important;
}

@media (min-width: 740px) {
  .desktop-only {
    display: inline-block !important;
  }
}

.mobile-only {
  display: none !important;
}

@media (max-width: 740px) {
  .mobile-only {
    display: table !important;
  }
}

.hide {
  display: none !important;
}

.ds-bullets {
  gap: 0 !important;
}

.ds-bullets ul li {
  padding-left: 25px;
  position: relative;
}

.ds-bullets ul li:before {
  content: "\e5cc";
  font-family: "Material Icons";
  display: inline-block;
  transition: inherit;
  position: absolute;
  left: 0;
  color: var(--ds-blue);
}

.ds-bullets ul.has-text-align-right {
  margin-left: 0;
  margin-right: 20px;
}

.ds-bullets ul.has-text-align-right li {
  padding-left: 0;
  padding-right: 25px;
}

.ds-bullets ul.has-text-align-right li:before {
  left: initial;
  right: 0;
  transform: rotate(180deg);
}

.wp-block-separator {
  width: 100%;
  max-width: 750px;
  border-bottom: none;
}

.wp-block-cover .depicter p {
  color: #fff;
}

.ds-who-attends-brands-list li {
  list-style-type: none;
  background: rgba(0, 0, 0, 0.02);
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 0.5em;
  padding: 0.2em 1em;
  transition: all 0.3s;
  text-align: center;
}

.ds-who-attends-brands-list li:hover {
  background-color: #189ac6;
  color: #fff;
}

.ds-sponsors.ds-sponsors-connect .ds-sponsor,
.ds-sponsors .ds-sponsor {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 15px;
  padding-bottom: 40px;
}

@media (max-width: 740px) {
  .ds-sponsors.ds-sponsors-connect .ds-sponsor,
  .ds-sponsors .ds-sponsor {
    border-bottom: 1px solid var(--ds-lightgray);
  }
}

.ds-sponsors.ds-sponsors-connect .ds-sponsor .sponsor-info,
.ds-sponsors .ds-sponsor .sponsor-info {
  margin: 15px 0 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: var(--ds-semidarkgray);
}

.ds-sponsors.ds-sponsors-connect .ds-sponsor .sponsor-pic,
.ds-sponsors .ds-sponsor .sponsor-pic {
  text-align: center;
}

.ds-sponsors.ds-sponsors-connect .ds-sponsor .sponsor-connect-btn,
.ds-sponsors .ds-sponsor .sponsor-connect-btn {
  text-align: center;
  margin-top: auto;
}

.ds-sponsors.ds-sponsors-connect .ds-sponsor .sponsor-connect-btn .btn,
.ds-sponsors .ds-sponsor .sponsor-connect-btn .btn {
  margin-top: 15px;
}

.btn,
.button {
  border: 0;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  color: #fff;
  background: var(--ds-darkgray);
  cursor: pointer;
  font-size: inherit;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  display: inline-block;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  line-height: 1.6rem;
  background-color: var(--ds-darkgray);
}

.btn-primary,
.wp-block-button a.btn-primary,
.button[type="submit"],
.ds-pass-cart-btn a.add_to_cart_button {
  color: #fff !important;
  background-color: var(--ds-green) !important;
  border: 2px solid #9eff33 !important;
  border-radius: 4px !important;
}

.btn-secondary,
.wp-block-button a.btn-secondary {
  color: #fff;
  background-color: #000;
  border: 2px solid #9eff33;
}

.ds-pass-cart-btn a.add_to_cart_button {
  color: #fff !important;
  background-color: var(--ds-green) !important;
  border: 2px solid #9eff33 !important;
  border-radius: 4px;
}

.btn-md,
.wp-block-button a.btn-md,
.wp-block-button a,
.button[type="submit"] {
  padding: 10px 20px;
  font-size: 16px;
}

.ds-pass-cart-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.woocommerce a.added_to_cart {
  margin-top: 15px;
  padding: 0;
}

.btn-sm,
.wp-block-button a.btn-sm {
  padding: 5px 10px;
  font-size: 14px;
}

.btn-lg,
button#place_order {
  font-size: 16px;
  border-radius: 7px;
  padding: 10px 40px;
  font-weight: 700;
}

button {
  cursor: pointer;
}

.btn-outline {
  background: transparent;
  color: var(--ds-darkgray);
  border: 2px solid;
}

.btn-with-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  font-weight: bold;
}

.btn-with-icon .material-icons {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 15px;
  font-size: 32px;
}

.btn-with-icon-email .material-icons {
  background: var(--ds-red);
}

.btn-with-icon-phone .material-icons {
  background: var(--ds-yellow);
}

.wp-block-buttons .wp-block-button {
  min-width: 220px !important;
  max-width: 380px !important;
  border-radius: 2px;
}

@media (max-width: 690px) {
  .wp-block-buttons .wp-block-button {
    width: 100% !important;
    max-width: 380px !important;
    padding: 0;
    display: flex;
    text-align: center;
  }

  .wp-block-buttons .wp-block-button .btn,
  .wp-block-buttons .wp-block-button .btn-primary,
  .wp-block-buttons .wp-block-button .btn-secondary {
    width: 100% !important;
    max-width: 380px !important;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.btn-with-icon {
  text-align: center;
}

.btn-disabled {
  background-color: var(--ds-gray) !important;
  border-color: var(--ds-lightgray) !important;
}

.btn-primary {
  border-radius: 2px;
  line-height: 1.6rem;
  padding: 7px 1rem;
}

.btn-secondary {
  border-radius: 2px;
  line-height: 1.6rem;
  padding: 7px 1rem;
}

.pagination ul {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  padding: 0;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  border: 1px solid var(--ds-gray);
  border-radius: 3px;
  color: var(--ds-blue);
  cursor: pointer;
  width: auto;
  min-width: 40px;
  height: 35px;
  padding: 0 0.5rem;
}

.pagination a.next,
.pagination a.prev {
  width: auto;
  padding: 0 10px;
}

@media (max-width: 740px) {
  .pagination a.next,
  .pagination a.prev {
    display: none;
  }
}

.pagination span.current,
.pagination span.dots {
  color: var(--ds-black);
  cursor: default;
}

.traversing {
  display: flex;
  align-items: space-between;
  justify-content: space-between;
  padding: 1rem 0;
  margin: 1rem 1rem 4rem 1rem;
  border-top: 1px solid var(--ds-gray);
}

.traversing a {
  border: 1px solid #ddd;
  color: #666666;
  padding: 1.4rem 1rem;
  position: relative;
  text-transform: uppercase;
  border-radius: 0px;
}

.traversing a[rel="prev"]:before {
  content: "\f104";
  font-family: "FontAwesome";
  font-weight: 400;
  margin-right: 0.5rem;
  margin-top: 0.15rem;
}

.traversing a[rel="next"]:after {
  content: "\f105";
  font-family: "FontAwesome";
  font-weight: 400;
  margin-left: 0.5rem;
  margin-top: 0.15rem;
}

.ds-post-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}

.ds-post-grid + .pagination {
  margin-top: 40px;
}

@media (max-width: 1200px) {
  .ds-post-grid {
    width: 93%;
    margin: 0.7rem auto;
  }
}

@media (max-width: 981px) {
  .ds-post-grid {
    flex-direction: column;
  }
}

.ds-post-grid .ds-post-grid-item {
  width: calc(25% - 15px);
  box-shadow: 0 0 3px var(--ds-black-transparent);
  border-radius: 3px;
  margin-top: 20px;
}

@media (max-width: 981px) {
  .ds-post-grid .ds-post-grid-item {
    width: 100%;
  }
}

.ds-post-grid .ds-post-grid-item h3 {
  font-size: 16px;
  margin: 0 0 15px;
  line-height: 1.3;
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-brief {
  padding: 10px;
  display: flex;
  flex-direction: column;
  min-height: 150px;
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-brief a {
  color: var(--ds-black);
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-image {
  position: relative;
  height: 150px;
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-image a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  width: 100%;
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-image img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 3px 3px 0 0;
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-icon {
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
  color: #fff;
  background-color: var(--ds-orange);
  display: flex;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  padding: 0 15px 0 10px;
  border-radius: 100px;
  z-index: 1;
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-icon.deep-dive-grid-icon {
  background-color: var(--ds-green);
}

.ds-post-grid .ds-post-grid-item span {
  font-size: 22px;
  margin-right: 3px;
  color: #fff;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  position: relative;
  top: -1px;
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-terms,
.ds-post-grid .ds-post-grid-item .ds-post-grid-item-speakers {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-speakers {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 10px;
  width: 100%;
  background: var(--ds-semilightgray);
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-speakers li {
  list-style-type: none;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: var(--ds-semidarkgray);
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-speakers li img {
  width: 24px;
  border-radius: 50%;
  margin-right: 5px;
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-terms {
  margin-top: auto;
}

.ds-post-grid .ds-post-grid-item .ds-post-grid-item-terms li {
  background: #f2f2f2;
  display: inline-block;
  padding: 0 7px;
  line-height: 1.5;
  border-radius: 20px;
  border: 1px solid #dadada;
  margin: 3px;
  font-size: 12px;
}

.wp-block-social-links {
  margin-bottom: 25px;
}

.wp-block-social-links .wp-social-link {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.wp-block-social-links .wp-social-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 30px;
  height: 30px;
}

.wp-block-social-links .wp-social-link img {
  width: auto !important;
  height: 15px !important;
}

.wp-block-columns {
  margin-bottom: auto;
  padding: inherit 2rem;
}

.tactics-strategies,
.image-circle-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

@media (max-width: 440px) {
  .tactics-strategies,
  .image-circle-grid {
    padding: 0;
  }
}

.tactics-strategies .wp-block-column .wp-block-image img,
.image-circle-grid .wp-block-column .wp-block-image img {
  max-width: 125px;
  border: 1px solid #d7d7d7;
  padding: 6px;
}

.tactics-strategies .wp-block-column .wp-block-image figure,
.image-circle-grid .wp-block-column .wp-block-image figure {
  text-align: center;
}

.tactics-strategies.wp-block-columns:not(.is-not-stacked-on-mobile)
  > .wp-block-column,
.image-circle-grid.wp-block-columns:not(.is-not-stacked-on-mobile)
  > .wp-block-column {
  flex-basis: inherit !important;
}

wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
  flex-basis: 100% !important;
}

@media (max-width: 440px) {
  .wp-block-cover .wp-block-embed {
    min-width: 100% !important;
  }
}

.ds-global-partners,
.global-partners-row {
  gap: 0 !important;
  padding-bottom: 3rem;
}

.ds-global-partners h2:after,
.global-partners-row h2:after {
  content: " ";
  border-bottom: 1px solid var(--ds-gray);
  width: 150px;
  display: block;
  margin: 3rem auto 4rem auto;
}

.ds-global-partners .wp-block-column,
.global-partners-row .wp-block-column {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--ds-gray);
  border-left: 1px solid var(--ds-gray);
  border-right: 1px solid var(--ds-gray);
}

.ds-global-partners .wp-block-column:nth-child(6n + 6),
.global-partners-row .wp-block-column:nth-child(6n + 6) {
  border-right: 0px;
}

.ds-global-partners .wp-block-column:nth-child(1n + 1),
.global-partners-row .wp-block-column:nth-child(1n + 1) {
  border-left: 0px;
}

.ds-global-partners .wp-block-column:nth-child(3),
.global-partners-row .wp-block-column:nth-child(3) {
  border-left: 0px;
}

.ds-global-partners .wp-block-column:nth-child(9),
.global-partners-row .wp-block-column:nth-child(9) {
  border-left: 0px;
}

.ds-global-partners .wp-block-column:nth-child(12),
.global-partners-row .wp-block-column:nth-child(12) {
  border-left: 0px;
}

.ds-global-partners .wp-block-column:nth-child(15),
.global-partners-row .wp-block-column:nth-child(15) {
  border-left: 0px;
}

.ds-global-partners .wp-block-column:nth-child(18),
.global-partners-row .wp-block-column:nth-child(18) {
  border-left: 0px;
}

@media (max-width: 780px) {
  .ds-global-partners .wp-block-column:nth-child(6n + 6),
  .global-partners-row .wp-block-column:nth-child(6n + 6) {
    border-right: 0;
  }

  .ds-global-partners .wp-block-column:nth-child(3n + 3),
  .global-partners-row .wp-block-column:nth-child(3n + 3) {
    border-right: 0px;
  }

  .ds-global-partners .wp-block-column:nth-child(9n + 9),
  .global-partners-row .wp-block-column:nth-child(9n + 9) {
    border-right: 0px;
  }

  .ds-global-partners .wp-block-column:nth-child(12n + 12),
  .global-partners-row .wp-block-column:nth-child(12n + 12) {
    border-right: 0px;
  }

  .ds-global-partners .wp-block-column:nth-child(15n + 15),
  .global-partners-row .wp-block-column:nth-child(15n + 15) {
    border-right: 0px;
  }

  .ds-global-partners .wp-block-column:nth-child(18n + 18),
  .global-partners-row .wp-block-column:nth-child(18n + 18) {
    border-right: 0px;
  }
}

.ds-global-partners .wp-block-columns,
.global-partners-row .wp-block-columns {
  gap: 0;
  margin-bottom: 0;
  padding: 0;
  margin: 0;
}

.ds-global-partners .wp-block-columns:last-of-type .wp-block-column,
.global-partners-row .wp-block-columns:last-of-type .wp-block-column {
  border-bottom: 0px;
}

@media (max-width: 780px) {
  .ds-global-partners
    .wp-block-columns:last-of-type
    .wp-block-column:nth-child(4),
  .global-partners-row
    .wp-block-columns:last-of-type
    .wp-block-column:nth-child(4) {
    border-bottom: 0px;
  }

  .ds-global-partners
    .wp-block-columns:last-of-type
    .wp-block-column:nth-child(5),
  .global-partners-row
    .wp-block-columns:last-of-type
    .wp-block-column:nth-child(5) {
    border-bottom: 0px;
  }

  .ds-global-partners
    .wp-block-columns:last-of-type
    .wp-block-column:nth-child(6),
  .global-partners-row
    .wp-block-columns:last-of-type
    .wp-block-column:nth-child(6) {
    border-bottom: 0px;
  }
}

@media (max-width: 981px) {
  .ds-global-partners .wp-block-columns,
  .global-partners-row .wp-block-columns {
    display: flex;
    flex-direction: row;
  }

  .ds-global-partners
    .wp-block-columns:not(.is-not-stacked-on-mobile)
    > .wp-block-column,
  .global-partners-row
    .wp-block-columns:not(.is-not-stacked-on-mobile)
    > .wp-block-column {
    flex-basis: 30% !important;
  }

  .ds-global-partners .wp-block-columns .wp-block-image img,
  .global-partners-row .wp-block-columns .wp-block-image img {
    width: 100px;
    max-width: 100px;
  }
}

@media (max-width: 780px) {
  .ds-global-partners
    .wp-block-columns.full-bottom-grid:last-of-type
    .wp-block-column:nth-child(1),
  .global-partners-row
    .wp-block-columns.full-bottom-grid:last-of-type
    .wp-block-column:nth-child(1) {
    border-bottom: 1px solid var(--ds-gray);
  }

  .ds-global-partners
    .wp-block-columns.full-bottom-grid:last-of-type
    .wp-block-column:nth-child(2),
  .global-partners-row
    .wp-block-columns.full-bottom-grid:last-of-type
    .wp-block-column:nth-child(2) {
    border-bottom: 1px solid var(--ds-gray);
  }

  .ds-global-partners
    .wp-block-columns.full-bottom-grid:last-of-type
    .wp-block-column:nth-child(3),
  .global-partners-row
    .wp-block-columns.full-bottom-grid:last-of-type
    .wp-block-column:nth-child(3) {
    border-bottom: 1px solid var(--ds-gray);
  }
}

@media (max-width: 981px) {
  .ds-resources-category {
    width: 100% !important;
  }
}

.post-template-default h2,
.material-template-default h2 {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 2rem;
}

.post-template-default .content,
.post-template-default .wp-block-separator,
.material-template-default .content,
.material-template-default .wp-block-separator {
  margin: 2rem;
}

.post-template-default .wp-block-column,
.material-template-default .wp-block-column {
  flex: 1;
}

.post-template-default .wp-block-column p,
.post-template-default .wp-block-column iframe,
.material-template-default .wp-block-column p,
.material-template-default .wp-block-column iframe {
  margin: 1rem auto;
}

.post-template-default .wp-block-column p strong,
.post-template-default .wp-block-column iframe strong,
.material-template-default .wp-block-column p strong,
.material-template-default .wp-block-column iframe strong {
  display: inline-block;
  margin-right: 0.3rem;
}

.post-template-default .wp-block-column p strong:first-child,
.post-template-default .wp-block-column iframe strong:first-child,
.material-template-default .wp-block-column p strong:first-child,
.material-template-default .wp-block-column iframe strong:first-child {
  padding-top: 1rem;
  font-size: 1.05rem;
}

.post-template-default .wp-block-column blockquote,
.post-template-default .wp-block-column .blockquote,
.material-template-default .wp-block-column blockquote,
.material-template-default .wp-block-column .blockquote {
  padding: 0.1rem 1rem;
  margin: 2rem 0;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

.post-template-default .wp-block-column blockquote p,
.post-template-default .wp-block-column .blockquote p,
.material-template-default .wp-block-column blockquote p,
.material-template-default .wp-block-column .blockquote p {
  margin: 0;
}

.wp-block-embed__wrapper {
  text-align: center;
}

@media (max-width: 760px) {
  .epage .has-parallax .wp-block-cover__inner-container p:first-child {
    font-size: 2rem !important;
  }
}

.epage .has-parallax .wp-block-cover__inner-container p:nth-child(2n + 2) {
  width: 100%;
  max-width: 800px;
  margin: 1.5rem auto;
  font-weight: 300 !important;
}

.epage .has-parallax h2 {
  font-size: 25px;
}

.wp-block-cover__inner-container h2,
.wp-block-cover__inner-container .headline {
  font-size: 30px !important;
  padding-top: 30px;
}

@media (max-width: 740px) {
  .wp-block-cover__inner-container h2,
  .wp-block-cover__inner-container .headline {
    font-size: 26px !important;
  }
}

.headline-h1 {
  font-size: inherit;
}

@media (max-width: 740px) {
  .headline-h1 {
    font-size: 30px !important;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

span[style="background-color:#f1f0ec"] + div .ds-speakers .ds-speaker:before {
  border-color: transparent transparent #f1f0ec transparent;
}

.covid-guidelines {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #f1f0ec;
  padding: 2.5rem 1rem;
}

.covid-guidelines .covid-guidelines-heading {
  margin: 1rem;
}

.covid-guidelines .covid-guidelines-heading i,
.covid-guidelines .covid-guidelines-heading h5 {
  display: inline;
}

.covid-guidelines .covid-guidelines-heading i {
  font-size: 1.65rem;
  color: var(--ds-blue);
  margin-right: 10px;
  margin-top: 5px;
}

.covid-guidelines .covid-guidelines-heading h5 {
  font-size: 1.5rem;
  color: #000;
}

.covid-guidelines p {
  margin: 0rem 1rem 1rem 1rem;
}

.covid-guidelines p a {
  border-bottom: 0px;
}

.venue-options {
  background: #000;
}

.venue-options .container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 2rem 4rem;
  padding: 0;
}

@media (max-width: 740px) {
  .venue-options .container {
    flex-direction: column;
    padding: 2rem 1rem;
  }

  .venue-options .container .col-1 {
    padding-bottom: 3rem;
    border-bottom: 1px solid #555;
  }
}

.venue-options .container .col-1,
.venue-options .container .col-2 {
  display: flex;
  flex-direction: column;
  color: #fff;
}

.venue-options .container .col-1 h2,
.venue-options .container .col-1 p,
.venue-options .container .col-2 h2,
.venue-options .container .col-2 p {
  color: #fff;
}

.venue-options .container .col-1 h2,
.venue-options .container .col-2 h2 {
  margin: 1rem 0;
  font-size: 24px;
}

.venue-options .container .col-1 p,
.venue-options .container .col-2 p {
  margin: 1rem 0 3rem 0;
}

.venue-options .container .col-1 a,
.venue-options .container .col-2 a {
  margin: 0 auto;
}

.hero-lg {
  min-height: 430px;
}

.hero-lg .wp-block-cover__inner-container > * {
  padding: 30px 0;
  margin: 0;
}

.hero-lg .wp-block-cover__inner-container > .wp-block-columns {
  padding: 30px 0;
}

.hero-shop {
  height: 500px !important;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="datetime-local"],
input[type="url"],
input[type="search"],
input[type="number"],
select,
textarea,
.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
  display: block;
  width: 100%;
  padding: 10px 12px !important;
  border: 1px solid var(--ds-gray);
  border-radius: 4px;
  outline: none;
  background-color: #fff;
  color: var(--ds-darkgray);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container--default .select2-selection--single {
  height: 39px;
  border: 1px solid var(--ds-gray);
  line-height: normal;
  font: inherit;
  padding: 5px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 39px;
}

fieldset {
  border: none;
  padding: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  box-shadow: 0 0 0 2px var(--ds-lightgray);
  outline: 0;
}

input[type="number"] {
  padding-right: 0;
  padding-left: 0;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
  cursor: pointer;
  padding-left: 3px;
}

input[type="radio"] {
  accent-color: var(--ds-blue);
  background-color: var(--ds-blue);
}

input + label {
  display: inline-flex;
  flex-direction: column;
}

#add_payment_method input + label[for="payment_method_stripe"] {
  flex-direction: row;
  min-width: 400px;
}

input + label > span {
  font-size: 14px;
  color: var(--ds-semidarkgray);
}

button:disabled {
  cursor: not-allowed !important;
  background-color: var(--ds-gray) !important;
  color: var(--ds-black) !important;
  opacity: 0.5;
}

table.cart .passholder-details .ds-form-field.has-error input {
  border-color: var(--ds-red);
}

.ds-form-field-error {
  font-size: 12px;
  display: block;
  color: var(--ds-red);
  margin: -2px 0 -7px;
  padding-left: 4px;
  font-weight: bold;
}

.form-row {
  padding: 0.5rem 0;
}

.form-row label {
  display: block;
  padding: 0.4rem 0;
}

.form-row input {
  width: 100%;
}

input[type="radio"] {
  margin-left: 5px;
  transition: all 0.3s ease-in-out;
}

select:not(:checked) {
  color: gray;
}

select,
select:checked,
option:checked,
select option {
  color: var(--ds-darkgray);
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="url"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="search"],
.woocommerce-checkout textarea,
.woocommerce-checkout .input-text,
.woocommerce-checkout select {
  padding: 0.6180469716em;
  background-color: #fafafa;
  color: #43454b;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  border: 1px solid var(--ds-gray);
  line-height: 1.7em !important;
  border-radius: 3px !important;
}

.woocommerce-checkout body,
.woocommerce-checkout button,
.woocommerce-checkout input,
.woocommerce-checkout textarea {
  color: #43454b;
  line-height: 1.618;
  text-rendering: optimizeLegibility;
  font-weight: 400;
}

.manage-my-ticket input[type="text"],
.manage-my-ticket input[type="number"],
.manage-my-ticket input[type="email"],
.manage-my-ticket input[type="tel"],
.manage-my-ticket input[type="url"],
.manage-my-ticket input[type="password"],
.manage-my-ticket input[type="search"],
.manage-my-ticket textarea,
.manage-my-ticket .input-text {
  padding: 0.6180469716em;
  background-color: #fafafa;
  color: #43454b;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  border: 1px solid var(--ds-gray);
  line-height: 1.7em !important;
  border-radius: 3px !important;
}

.single-epage input[type="text"],
.single-epage input[type="number"],
.single-epage input[type="email"],
.single-epage input[type="tel"],
.single-epage input[type="url"],
.single-epage input[type="password"],
.single-epage input[type="search"],
.single-epage textarea,
.single-epage .input-text {
  background-color: rgba(255, 255, 255, 0.8);
}

.woocommerce-form-login input[type="text"],
.woocommerce-form-login input[type="number"],
.woocommerce-form-login input[type="email"],
.woocommerce-form-login input[type="tel"],
.woocommerce-form-login input[type="url"],
.woocommerce-form-login input[type="password"],
.woocommerce-form-login input[type="search"],
.woocommerce-form-login textarea,
.woocommerce-form-login .input-text {
  background: #fff !important;
}

select {
  position: relative;
}

select:after {
  content: "▼";
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
}

.gform_legacy_markup_wrapper
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]),
.gform_legacy_markup_wrapper.gf_browser_chrome select {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--ds-gray);
  border-radius: 4px;
  outline: none;
  background-color: #fff;
  color: var(--ds-darkgray);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction {
  border: none;
  padding: 0;
  font-size: 12px;
  background: transparent;
  margin-top: 3px;
}

.gform_wrapper .gform_validation_errors > h2.hide_summary {
  padding: 0 15px;
}

.gfield_required.gfield_required_text {
  display: none;
}

.gform_wrapper .gfield_required {
  color: var(--ds-semidarkgray);
  font-size: inherit;
  padding-left: 0;
}

.gform_wrapper.gravity-theme .gfield_label {
  font-size: 14px;
  margin-bottom: 3px;
  color: var(--ds-semidarkgray);
}

.gform_confirmation_message {
  text-align: center;
  padding: 30px 0;
}

.gform_footer {
  padding-bottom: 0 !important;
  text-align: center;
}

.gform_footer .button[type="submit"] {
  margin-bottom: 0 !important;
}

.hide-form-labels .gfield_label {
  display: none !important;
}

.ds-speaker-submission-form {
  color: var(--ds-semidarkgray);
  font-size: 18px;
  height: 120px;
}

.ds-speaker-submission-form .gform_title {
  text-align: center;
  color: #000 !important;
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}

.ds-speaker-submission-form .gform_legacy_markup_wrapper::-moz-placeholder {
  color: var(--ds-gray) !important;
}

.ds-speaker-submission-form .gform_legacy_markup_wrapper:-ms-input-placeholder {
  color: var(--ds-gray) !important;
}

.ds-speaker-submission-form .gform_legacy_markup_wrapper::placeholder {
  color: var(--ds-gray) !important;
}

.ds-speaker-submission-form ul.gfield_checkbox {
  display: block;
  -moz-column-count: 4;
  column-count: 4;
}

.ds-speaker-submission-form input[type="checkbox"] {
  margin-top: 2px !important;
  margin-right: 3px;
}

.gform_legacy_markup_wrapper textarea.small {
  height: 120px;
}

.requireMissing {
  margin: 1rem 0;
  color: var(--ds-red);
  font-style: italic;
}

input.required {
  font-weight: 400 !important;
  color: var(--ds-red);
  outline: 1px solid var(--ds-red) !important;
}

input.required::-moz-placeholder {
  color: var(--ds-red) !important;
}

input.required:-ms-input-placeholder {
  color: var(--ds-red) !important;
}

input.required::placeholder {
  color: var(--ds-red) !important;
}

select {
  -moz-appearance: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

option {
  -moz-appearance: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.wc-box-office-ticket-fields-body {
  margin-top: 10px;
  max-width: 600px;
  padding: 0;
  text-align: left;
  padding-bottom: 2rem;
}

.wc-box-office-ticket-fields-body .form-row {
  padding-bottom: 0.7rem !important;
}

@media (max-width: 760px) {
  .wc-box-office-ticket-fields-body .form-row {
    padding-bottom: 0.3rem !important;
  }
}

.wc-box-office-ticket-fields-body .ticket-input:nth-child(1) {
  width: 150px;
}

.wc-box-office-ticket-fields-body .ticket-input:nth-child(2) {
  margin-right: 15px;
}

.wc-box-office-ticket-fields-body .ticket-input:nth-child(2),
.wc-box-office-ticket-fields-body .ticket-input:nth-child(3) {
  width: 47%;
  float: left;
}

@media (max-width: 760px) {
  .wc-box-office-ticket-fields-body .ticket-input:nth-child(2),
  .wc-box-office-ticket-fields-body .ticket-input:nth-child(3) {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

.wc-box-office-ticket-fields p {
  font-weight: normal;
  text-align: left;
  margin: 0;
  color: #959595;
}

.wc-box-office-ticket-fields .form-row {
  margin-right: 1rem;
}

.wc-box-office-ticket-fields .pass_options {
  width: 100%;
  text-align: left;
  margin: 2rem 0 1rem 0;
  padding: 1.5rem 0 1rem 0;
  border-radius: 4px;
}

.wc-box-office-ticket-fields .pass_options .fieldset {
  position: relative;
  margin: 1rem 0;
  padding: 1rem 1rem 1.5rem 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  min-height: 70px;
  display: flex;
  align-items: baseline;
}

.wc-box-office-ticket-fields .pass_options .fieldset.best-value:before {
  width: 70px;
  height: 70px;
  left: auto;
  right: 10px;
  top: 5px;
  z-index: 0;
}

@media (max-width: 740px) {
  .wc-box-office-ticket-fields .pass_options .fieldset.best-value:before {
    top: -20px;
  }
}

.wc-box-office-ticket-fields .pass_options .fieldset input {
  margin-top: 9px;
  margin-right: 5px;
}

.wc-box-office-ticket-fields .pass_options .fieldset label {
  color: var(--ds-blue);
  font-size: 16px;
  margin-top: 1px;
  transition: all 1s ease-in-out;
}

.wc-box-office-ticket-fields .pass_options .fieldset label span {
  color: #959595;
}

.wc-box-office-ticket-fields
  .pass_options
  .fieldset:not(.selected-pass-type)
  label {
  color: #676767;
}

.wc-box-office-ticket-fields
  .pass_options
  .fieldset:not(.selected-pass-type)
  input:after {
  border-color: #676767;
  outline: 2px double #676767;
}

.wc-box-office-ticket-fields-title {
  text-transform: uppercase;
  font: 900 16px "Lato", sans-serif !important;
  color: #676767 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  text-align: left;
  margin: 0;
}

@media (max-width: 740px) {
  .wc-box-office-ticket-fields-title {
    font: 500 16px "Lato", sans-serif !important;
  }
}

.wc-box-office-ticket-fields-title h3 {
  color: #959595;
}

.wc-box-office-ticket-fields-title span {
  display: inline-block;
  color: var(--ds-blue);
  font-weight: normal;
  font-size: 15px;
  text-transform: none;
  margin-left: 4px;
}

.ds-newsletter-signup-block .mktoOffset,
.ds-newsletter-signup-block .mktoClear {
  display: none !important;
}

.ds-newsletter-signup-block a {
  color: #fff !important;
}

.ds-newsletter-signup-block .mktoForm {
  width: 100% !important;
  height: 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1168px) {
  .ds-newsletter-signup-block .mktoForm {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 410px;
  }
}

.ds-newsletter-signup-block .mktoForm .mktoFormRow,
.ds-newsletter-signup-block .mktoForm .mktoButtonRow {
  width: 14.2857142857% !important;
  clear: none;
  height: 40px;
}

@media (max-width: 1168px) {
  .ds-newsletter-signup-block .mktoForm .mktoFormRow,
  .ds-newsletter-signup-block .mktoForm .mktoButtonRow {
    width: 100% !important;
  }
}

.ds-newsletter-signup-block .mktoForm .mktoFormRow input,
.ds-newsletter-signup-block .mktoForm .mktoFormRow option,
.ds-newsletter-signup-block .mktoForm .mktoFormRow select,
.ds-newsletter-signup-block .mktoForm .mktoButtonRow input,
.ds-newsletter-signup-block .mktoForm .mktoButtonRow option,
.ds-newsletter-signup-block .mktoForm .mktoButtonRow select {
  font-family: "Lato", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1;
  margin: 0;
  display: block !important;
  width: 100% !important;
  height: 45px;
  padding: 10px 18px !important;
  border: 1px solid var(--ds-gray);
  border-radius: 4px;
  outline: none;
  background-color: #fff;
  color: #777777;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ds-newsletter-signup-block .mktoForm .mktoFormRow .mktoFieldWrap,
.ds-newsletter-signup-block .mktoForm .mktoFormRow .mktoFormCol,
.ds-newsletter-signup-block .mktoForm .mktoButtonRow .mktoFieldWrap,
.ds-newsletter-signup-block .mktoForm .mktoButtonRow .mktoFormCol {
  width: 100% !important;
}

.ds-newsletter-signup-block .mktoForm .mktoFormRow .mktoAsterix,
.ds-newsletter-signup-block .mktoForm .mktoButtonRow .mktoAsterix {
  color: #bf0000;
  display: block;
  position: absolute;
  top: 35px;
  margin-left: 3px;
  font-size: 20px;
  color: #777777;
}

@media (max-width: 1168px) {
  .ds-newsletter-signup-block .mktoForm .mktoFormRow .mktoAsterix,
  .ds-newsletter-signup-block .mktoForm .mktoButtonRow .mktoAsterix {
    top: 35px;
    margin-left: 3px;
  }
}

@media (max-width: 500px) {
  .ds-newsletter-signup-block .mktoForm .mktoFormRow .mktoAsterix,
  .ds-newsletter-signup-block .mktoForm .mktoButtonRow .mktoAsterix {
    top: 22px;
    margin-left: 7px;
  }
}

.ds-newsletter-signup-block .mktoForm .mktoButtonWrap {
  width: auto !important;
  margin-left: 0px !important;
  text-align: center !important;
}

.ds-newsletter-signup-block .mktoForm .mktoButtonRow {
  text-align: center !important;
}

.ds-newsletter-signup-block .mktoForm .mktoButton {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  cursor: pointer;
  font-size: inherit;
  text-align: center;
  text-transform: uppercase;
  display: inline-block !important;
  padding: 7px 20px !important;
  color: #fff !important;
  background: var(--ds-green) !important;
  border: 2px solid #9eff33 !important;
  border-radius: 6px !important;
  box-shadow: 0px !important;
  height: 45px;
  font-size: 0.9rem !important;
  margin-top: 15px;
  width: 100%;
  max-width: 240px;
}

.ds-session-ratings {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  height: 0;
  overflow: hidden;
  display: none;
}

.ds-session-ratings h2 {
  color: #222;
  line-height: 1.2em;
  margin: 0 0 2rem;
  text-transform: none;
  font-weight: 700;
  font-size: 1rem;
}

.ds-session-ratings .gform_title {
  margin: 0 0 0.5rem 0;
}

.ds-session-ratings .gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 3px;
}

.ds-session-ratings .gsurvey-survey-field .gfield_label {
  float: left;
  font-size: 0.8rem;
  line-height: 1.5;
  font-weight: normal;
  margin-right: 0.4rem;
  margin-top: 3px;
}

.ds-session-ratings .gsurvey-survey-field .gsurvey-rating {
  float: left;
}

.ds-session-ratings
  .gsurvey-survey-field
  .gsurvey-rating:not(:checked)
  > label {
  width: 22px;
  height: 22px;
  background-size: 18px 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath stroke='%23cccccc'  stroke-width='20' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM405.8 317.9l27.8 162L288 403.5 142.5 480l27.8-162L52.5 203.1l162.7-23.6L288 32l72.8 147.5 162.7 23.6-117.7 114.8z' fill='%23cccccc'/%3E%3C/svg%3E");
}

.ds-session-ratings
  .gsurvey-survey-field
  .gsurvey-rating
  > input:checked
  ~ label,
.ds-session-ratings
  .gsurvey-survey-field
  .gsurvey-rating
  > input:checked
  + label:hover,
.ds-session-ratings
  .gsurvey-survey-field
  .gsurvey-rating:not(:checked)
  > label:hover
  ~ label,
.ds-session-ratings
  .gsurvey-survey-field
  .gsurvey-rating:not(:checked)
  > label:hover {
  width: 22px;
  height: 22px;
  background-size: 18px 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath stroke='%23ffa500' stroke-width='20' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM405.8 317.9l27.8 162L288 403.5 142.5 480l27.8-162L52.5 203.1l162.7-23.6L288 32l72.8 147.5 162.7 23.6-117.7 114.8z' fill='%23ffa500'/%3E%3C/svg%3E");
}

.ds-session-ratings
  .gfield
  .gfield--width-full
  .field_sublabel_below
  .field_description_below
  .gfield_visibility_visible {
  margin-top: 1rem;
}

.ds-session-ratings .gform_wrapper.gravity-theme .gfield textarea.small {
  margin-bottom: 1rem;
}

.ds-session-ratings .btn-md,
.ds-session-ratings .wp-block-button a.btn-md,
.ds-session-ratings .wp-block-button a,
.ds-session-ratings .button[type="submit"] {
  padding: 6px 20px;
  font-size: 14px;
}

.ds-session-details.ratings-open .ds-session-ratings {
  display: block;
  height: auto;
  overflow: visible;
}

.ds-session-details.ratings-open .ds-session-description {
  display: none;
}

.ds-session-title .session-rating-btn {
  z-index: 12;
  padding: 0.5rem 0 0 0;
}

.ds-session-title .session-rating-btn .btn-stars {
  margin-right: 0.3rem;
}

.ds-session-title .session-rating-btn .btn-stars i {
  padding: 0.1rem;
}

.ds-session-title .session-rating-btn .btn-default {
  background: var(--ds-blue);
  transition: all 0.2s ease-in;
}

.ds-session-title .session-rating-btn .btn-default:hover {
  background: #127799;
}

.ds-speakers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(auto, 200px));
  margin: 0 auto;
  padding: 1rem 0;
  max-width: 1200px;
  justify-content: center;
}

.ds-speakers-hp {
  grid-template-columns: repeat(auto-fit, minmax(auto, 180px));
}

@media (max-width: 1000px) {
  .ds-speakers {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 740px) {
  .ds-speakers {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 540px) {
  .ds-speakers {
    grid-template-columns: 1fr;
  }
}

.ds-speakers .ds-speaker {
  display: flex;
  flex-direction: column;
  position: relative;
}

.ds-speakers .ds-speaker:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 25px 30px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}

.ds-speakers .ds-speaker p {
  margin: 0;
  padding: 0;
  line-height: 1.2;
  display: block;
  color: #fff;
}

.ds-speakers .ds-speaker p + p {
  padding-top: 5px;
}

.ds-speakers .ds-speaker .speaker-info {
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 12px 15px;
  height: 100px;
  justify-content: space-evenly;
}

.ds-speakers .ds-speaker .speaker-info .speaker-name {
  font-size: 0.9em;
}

.ds-speakers .ds-speaker .speaker-info .speaker-title {
  font-size: 0.9em;
  font-weight: bold;
}

.ds-speakers .ds-speaker .speaker-pic img {
  width: 100%;
}

.single-speaker .speaker-header {
  padding: 4rem 2rem 0 2rem;
}

.single-speaker .speaker-header h1 {
  font-size: 30px;
}

.single-speaker .speaker-header h6 {
  font-size: 0.95rem;
  color: var(--ds-blue);
  line-height: 1.5;
}

.single-speaker .speaker-info {
  margin-bottom: 30px;
  color: #222;
  font-size: 22px;
  line-height: 32px;
  padding: 1rem 2rem 2rem 2rem;
}

.single-speaker .speaker-info p {
  color: #222;
  font-size: 22px;
  line-height: 32px;
}

.single-speaker .speaker-info img {
  float: left;
  margin: 0 30px 30px 0;
}

@media (max-width: 570px) {
  .single-speaker .speaker-info img {
    width: 100%;
  }
}

.single-speaker .speaker-footer {
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  padding: 0 1rem 3rem 1rem;
}

.single-speaker .speaker-footer .speaker-s-links {
  width: 100%;
  text-align: center;
  padding: 1rem;
}

.single-speaker .speaker-footer .speaker-s-links a {
  display: inline-flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  border: 1px solid var(--ds-blue);
  border-radius: 50%;
}

.single-speaker .speaker-footer .speaker-s-links a img {
  width: 20px;
}

.wp-block-cover__background[style="background-color:#f7f7f7"] {
  display: none;
}

.wp-block-cover__background[style="background-color:#f7f7f7"]
  .ds-speaker:before {
  border-color: transparent transparent #f7f7f7 transparent;
}

.ds-data-circles ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.ds-data-circles ul li {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  width: 20%;
  align-items: center;
  padding: 10px 0px;
}

.ds-data-circle {
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #010101;
  border-radius: 50%;
  color: #fff;
  position: relative;
  margin: 0 0 20px;
  font-weight: bold;
}

.ds-data-circle[data-circle="event-days"] {
  font-size: 64px;
}

.ds-data-circle[data-circle="session-qty"] {
  font-size: 40px;
}

.ds-data-circle[data-circle="masterclass-qty"] {
  font-size: 40px;
}

.ds-data-circle[data-circle="content-minutes"],
.ds-data-circle[data-circle="attendee-qty"] {
  font-size: 28px;
}

.ds-data-circle[data-circle="lower-cost"] {
  font-size: 64px;
  font-weight: bold;
}

.ds-data-circle:before {
  content: "";
  width: 130px;
  height: 130px;
  position: absolute;
  border-radius: 50%;
  border: 10px solid;
  display: block;
}

.ds-data-circles ul li:nth-child(1) .ds-data-circle:before {
  border-color: #faa74a;
}

.ds-data-circles ul li:nth-child(2) .ds-data-circle:before {
  border-color: #ffcb05;
}

.ds-data-circles ul li:nth-child(3) .ds-data-circle:before {
  border-color: #a6ce39;
}

.ds-data-circles ul li:nth-child(4) .ds-data-circle:before {
  border-color: #189ac6;
}

.ds-data-circles ul li:nth-child(5) .ds-data-circle:before {
  border-color: #c4161c;
}

.ds-data-circle-label {
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
}

.ds-passes-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: -240px !important;
}

.ds-testimonials .ds-testimonial {
  min-height: 260px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.ds-testimonials .ds-testimonial blockquote {
  text-align: center;
}

.ds-testimonials .ds-testimonial {
  margin: 20px 0;
  position: relative;
  padding: 0 30px;
}

.ds-testimonials
  .owl-items-per-slide-3
  .owl-item.active.center
  .ds-testimonial:before,
.ds-testimonials
  .owl-items-per-slide-3
  .owl-item.active.center
  .ds-testimonial:after {
  content: "";
  width: 2px;
  height: 120px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  background: var(--ds-white-transparent);
}

.ds-testimonials
  .owl-items-per-slide-3
  .owl-item.active.center
  .ds-testimonial:before {
  left: -1px;
}

.ds-testimonials
  .owl-items-per-slide-3
  .owl-item.active.center
  .ds-testimonial:after {
  right: -1px;
}

.ds-testimonials .ds-testimonial p {
  font-style: italic;
  font-size: 20px;
  line-height: 1.3;
  margin: 30px 0;
}

.ds-testimonials .ds-testimonial cite {
  display: block;
  margin: 30px 0;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
}

.ds-testimonials .owl-carousel:before,
.ds-testimonials .owl-carousel:after {
  content: "";
  display: block;
  width: 100%;
  max-width: 600px;
  height: 2px;
  position: absolute;
  left: 50%;
  margin-left: -300px;
  background: var(--ds-white-transparent);
}

.ds-upcoming-events {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2em;
  padding: 2rem 1.5rem;
  margin: 0 auto;
  max-width: 1200px;
  text-align: center;
}

@media (max-width: 1000px) {
  .ds-upcoming-events {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 740px) {
  .ds-upcoming-events {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 540px) {
  .ds-upcoming-events {
    grid-template-columns: 1fr;
  }
}

.ds-upcoming-events .ds-upcoming-event {
  padding-bottom: 0.5rem;
}

.ds-upcoming-events .ds-upcoming-event p {
  font-size: 15px;
}

.ds-upcoming-events .ds-upcoming-event img {
  max-height: 150px;
  min-height: 150px;
  padding-bottom: 1rem;
}

.ds-upcoming-events .ds-upcoming-event .btn-outline {
  border-color: var(--ds-blue);
  color: var(--ds-blue);
  padding: 7px;
  font-size: 12px;
  border-radius: 4px;
  font-weight: 400;
  border-width: thin;
  margin: 1rem 0;
}

.ds-upcoming-events .ds-upcoming-event .btn-outline:hover {
  border-color: var(--ds-green);
  color: var(--ds-green);
}

.ds-faq + .ds-faq {
  margin-top: 45px;
  padding-top: 30px;
  border-top: 1px solid var(--ds-gray);
}

.ds-faq h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.ds-faq-item .ds-faq-question {
  border: 2px solid var(--ds-darkgray);
  margin-top: -2px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.ds-faq-item .ds-faq-question:before {
  content: "\e5cf";
  font-family: "Material Icons";
  display: inline-block;
  margin-right: 10px;
  transition: inherit;
}

.ds-faq-item.active .ds-faq-question:before {
  transform: rotate(-180deg);
}

.ds-faq-item .ds-faq-question:hover {
  background: var(--ds-darkgray);
  color: #fff;
}

.ds-faq .ds-faq-item:first-child .ds-faq-question {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.ds-faq .ds-faq-block .ds-faq-item:last-child .ds-faq-question {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.ds-faq-item.active .ds-faq-question {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.ds-faq-item.active + .ds-faq-item .ds-faq-question {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.ds-faq-item .ds-faq-reply {
  display: none;
  font-size: 14px;
  padding: 15px 20px;
  color: var(--ds-semidarkgray);
}

.ds-faq-item .ds-faq-reply p {
  margin: 0 0 15px;
}

.ds-faq-item .ds-faq-reply ul {
  margin-bottom: 15px;
}

.ds-faq-quick-links .wp-block-cover__inner-container {
  width: 100% !important;
}

.ds-faq-quick-links ul {
  margin: 0;
  padding: 0;
  display: block;
}

.ds-faq-quick-links li {
  list-style-type: none;
}

.ds-faq-quick-links a,
.ds-sponsor-faq-quick-overview li {
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
  font-weight: bold;
  border-bottom: 1px solid;
}

.ds-faq-quick-links li a:before,
.ds-sponsor-faq-quick-overview li:before {
  content: "";
  font-family: "Material Icons";
  font-size: 20px;
  display: block;
  padding: 0 10px 0 0;
  color: #cdeffa;
  font-weight: normal;
}

.ds-faq-quick-links li:nth-child(1) a:before {
  content: "\e53f";
}

.ds-faq-quick-links li:nth-child(2) a:before {
  content: "\e8b4";
}

.ds-faq-quick-links li:nth-child(3) a:before {
  content: "\e80d";
}

.ds-faq-quick-links li:nth-child(4) a:before {
  content: "\e8fd";
}

.ds-sponsor-faq-quick-overview li:nth-child(1):before {
  content: "\e838";
}

.ds-sponsor-faq-quick-overview li:nth-child(2):before {
  content: "\e878";
}

.ds-sponsor-faq-quick-overview li:nth-child(3):before {
  content: "\e0c8";
}

.ds-faq-quick-links ul:last-child li a {
  color: #000;
  border: none;
}

.ds-faq-quick-links ul:last-child li a:before {
  color: #000;
}

.ds-faq-quick-links ul:last-child li a:before {
  content: "\e0e1";
}

.ScheduleWrapper {
  display: flex;
  flex: 4;
  overflow-y: hidden;
  overflow-x: auto;
  box-sizing: content-box;
  width: 100%;
}

details#session-details-modal[open] {
  z-index: 99999;
}

#Agenda--TableBody,
#Agenda--Main {
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  overflow-x: scroll;
}

#Agenda--TableBody {
  max-width: inherit;
}

#Agenda--TableBody::-webkit-scrollbar,
#Agenda--Main::-webkit-scrollbar {
  display: none;
}

.ScheduleTable {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ScheduleTableBody {
  display: flex;
  flex-direction: column;
  border: 1px solid #d2d7dc;
  overflow-block: scroll;
  height: 100vh;
  width: 100%;
  background: #f7f9fa;
}

.ScheduleColumn {
  box-shadow: 0 0.5em 1em -0.125em hsla(0deg, 0%, 4%, 0.02),
    0 0 0 1px hsla(0deg, 0%, 4%, 0.01);
  width: 100%;
}

.ScheduleColumn.card-lg {
  min-width: 386px;
  max-width: inherit;
  display: flex;
  flex: 4;
}

.ScheduleTableHeader {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

.grid-scroller {
  overflow: auto;
  height: 70vh;
}

.grid-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

.grid-header.fixed-left {
  z-index: 2;
}

.fixed-left {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}

.fixed-right {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
}

.ScheduleRow {
  display: inline-flex;
  align-items: stretch;
}

.ScheduleRow .ScheduleStageGroup {
  position: -webkit-sticky;
  position: sticky;
  margin-bottom: 1px;
  background: #f1f3f5;
  border: 1px solid #d4dbe1;
  padding: 0.75em 1.5rem;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  width: inherit;
}

.ScheduleTimeInfo {
  font-weight: 600;
  display: flex;
}

.ScheduleTimeInfo .ScheduleTime {
  display: flex;
  align-items: center;
  min-width: 120px;
  text-align: center;
  padding-right: 16px;
  padding-left: 16px;
}

.ScheduleTimeInfo .ScheduleTime .ScheduleTimeText {
  color: #363636;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.5rem;
  flex: auto;
}

.SelectMenu-item[aria-checked="true"] {
  color: #24292f;
  background-color: #f6f8fa;
}

.Card {
  position: relative;
  color: #24292f;
  background-color: #f6f8fa;
  text-align: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  box-shadow: none;
}

.Card .inner-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.Card:not(.disabled) {
  transition: 1s all ease-in-out;
}

.Card.card-lg {
  justify-content: center;
  align-items: center;
  margin-left: 25vw;
  width: 100%;
}

.Card.card-lg .card-title {
  display: block;
  margin-bottom: 16px;
  padding-bottom: 24px;
  text-align: center;
}

.Card.card-lg .card-title h4 {
  padding-top: 16px;
  font-weight: 600;
  font-size: 30px;
  line-height: 42px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.Card .card-metadata {
  display: flex;
  flex-direction: column;
  -moz-box-align: center;
  justify-content: flex-start;
  gap: 3px;
  padding-bottom: 8px;
  align-self: center;
  width: 100%;
}

.Card .card-metadata .session-tags {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-content: start;
  flex-wrap: wrap;
  justify-content: center;
}

.Card .card-metadata .session-tags .session-tag {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  background-color: #6c757d;
  line-height: 1.5;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin: 0 0.5rem 0.5rem 0;
  padding: 0 0.5rem;
}

.Card .card-metadata .session-tags .session-tag.basic,
.Card .card-metadata .session-tags .session-tag.keynote {
  background-color: #ff9b00;
}

.Card .card-metadata .session-tags .session-tag.wrap-up-session,
.Card .card-metadata .session-tags .session-tag.opening-session {
  background-color: #0062cc;
}

.Card .card-metadata .session-tags .session-tag.breakout,
.Card .card-metadata .session-tags .session-tag.breakout {
  background-color: #bd2130;
}

.Card .card-metadata .card-metadata-header-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.Card .card-metadata .card-metadata-timeslot {
  display: flex;
  color: #24292f;
  font-weight: 600;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
}

.Card .card-metadata .card-metadata-readmore {
  display: flex;
  margin-left: auto;
  align-items: center;
}

@media only screen and (min-width: 768px) {
  .Card .card-metadata .card-metadata-timeslot {
    margin: 0;
  }
}

.Card .card-metadata .card-metadata-timeslot > p {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #24292f;
  margin-bottom: 0;
  padding-left: 3px;
}

.Card .card-title {
  display: block;
}

.Card .card-title h4 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.Card .card-speakers {
  margin-top: 16px;
  /*margin-bottom: 1.5rem;*/
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

.Card .card-speaker {
  display: flex;
  padding-bottom: 12px;
  margin-left: 40px;
}

.Card .card-speaker:first-child {
  margin-left: 0px;
}

.Card .card-speaker img {
  max-height: 48px;
  min-height: 48px;
}

.Card .card-speaker .speaker-info {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  margin-top: -5px;
  align-items: start;
}

.Card .card-speaker .speaker-info .speaker-name {
  min-height: 1.5em;
  margin-bottom: 0;
  font-weight: 700;
  color: #363636;
}

.Card .card-speaker .speaker-info .speaker-company {
  color: #627597;
  font-size: 0.75rem;
  margin-bottom: 0;
}

.Card .card-footer {
  margin-top: auto;
  display: flex;
  bottom: 0;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.ds-agenda {
  display: flex;
}

@media (max-width: 980px) {
  .ds-agenda {
    flex-direction: column;
    flex-basis: 100% !important;
  }
}

.ds-agenda .ds-agenda-filters {
  margin: 0 15px 40px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  min-width: 250px;
}

@media (max-width: 980px) {
  .ds-agenda .ds-agenda-filters {
    width: 100%;
    margin-left: 0;
  }
}

.ds-agenda .ds-agenda-filters strong {
  line-height: 2.5em;
  padding: 1rem 0;
  text-transform: none;
  font-weight: 700;
}

.ds-agenda .ds-agenda-filters input,
.ds-agenda .ds-agenda-filters label {
  display: inline;
}

.ds-agenda .ds-agenda-filters label {
  font-size: 0.8rem;
  font-weight: normal;
  margin-bottom: 0;
}

.ds-agenda .ds-agenda-filters input {
  margin-right: 10px;
}

.ds-agenda .ds-agenda-filters fieldset {
  padding: 0.7rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.ds-agenda .ds-agenda-filters #ds-agenda-filters-toggle {
  position: relative;
}

@media (max-width: 740px) {
  .ds-agenda .ds-agenda-filters #ds-agenda-filters-toggle:after {
    content: "-";
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    height: 20px;
    width: 20px;
    border: 1px solid #d7d7d7;
    padding: 4px 4px 7px 4px;
    font-size: 15px;
    color: #c9c5c5;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
  }
}

.ds-agenda .ds-agenda-main {
  width: 100%;
}

@media (max-width: 960px) {
  .ds-agenda .ds-agenda-main {
    margin-left: 0px;
    margin: 0 1rem 0 0;
  }
}

.ds-agenda .ds-agenda-main .ds-agenda-day .ds-agenda-day-name {
  position: relative;
  color: #000;
  font-size: 1.7rem;
  font-size: 20px;
  border-bottom: 3px solid #000;
  font-weight: bold;
  margin: 0 0 1rem 0;
  padding: 1rem 0 0.7rem 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.ds-agenda .ds-agenda-main .ds-agenda-day .ds-agenda-day-name span {
  font-size: 13px !important;
  padding: 7px 5px !important;
}

.ds-agenda .ds-agenda-main .ds-agenda-day .ds-agenda-day-name:after {
  content: " - ";
  color: #000;
  position: absolute;
  right: 0;
}

.ds-agenda .ds-agenda-main .ds-agenda-day .ds-agenda-day-name.open:after {
  content: "+";
}

.ds-agenda .ds-agenda-main .ds-agenda-day:first-child .ds-agenda-day-name {
  padding-top: 0px;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-agenda-time {
  display: flex;
  flex-direction: wrap;
  align-items: center;
  font-size: 1.05rem;
  margin: 30px 0 10px 0;
  color: #222;
  line-height: 1.2em;
  font-weight: 700;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-agenda-time
  span {
  padding: 0 0.5rem 0 0;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  transition: all 0.1s ease-out;
  margin: 0 0 10px 0;
  padding: 6px 0;
  position: relative;
  border-radius: 3px;
  border: 1px solid #efefef;
  box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session:before {
  content: " ";
  display: block;
  width: 3px;
  height: 3px;
  background: #8e8e8e;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 20px;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session:after {
  content: "";
  position: absolute;
  top: 25px;
  right: 20px;
  width: 3px;
  height: 3px;
  background: #8e8e8e;
  border-radius: 50%;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-intro {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-basis: calc(100% - 1rem);
  padding: 0.2rem 0.5rem;
  width: calc(100% - 1rem);
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-intro
  .ds-session-title {
  color: #000;
  font-size: 0.91rem;
  text-transform: none;
  font-weight: bold;
  margin: 0 0 5px 0;
  line-height: 1.4rem;
  width: 89%;
}

@media (max-width: 740px) {
  .ds-agenda
    .ds-agenda-main
    .ds-agenda-day-sessions
    .ds-agenda-timeframe
    .ds-session
    .ds-session-intro
    .ds-session-title {
    width: 80%;
  }
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-intro
  .ds-session-speaker-images {
  display: flex;
  flex-direction: row;
  padding-right: 10px;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-intro
  .ds-session-speaker-images
  img {
  width: 100%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
  max-width: 50px;
}

@media (max-width: 400px) {
  .ds-agenda
    .ds-agenda-main
    .ds-agenda-day-sessions
    .ds-agenda-timeframe
    .ds-session
    .ds-session-intro
    .ds-session-speaker-images {
    width: 20%;
  }
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-intro
  .ds-session-intro-footer {
  margin: 0;
  padding: 0;
  line-height: 1;
  display: flex;
  align-items: center;
  color: #797575;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-intro
  .ds-session-intro-footer
  .ds-session-speaker {
  font-size: 0.8rem;
  text-transform: none;
  margin: 0;
  padding: 0.3rem 0 0 0;
  list-style-type: none;
  line-height: 1.2;
  display: flex;
  align-items: center;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-intro
  .ds-session-intro-footer
  .ds-session-speaker
  span {
  font-size: 0.95rem;
  position: relative;
  top: -0.03rem;
  margin: 0 5px 0 0;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-intro
  .ds-session-intro-footer
  .ds-session-type {
  font-size: 0.75em;
  display: inline-block;
  text-align: center;
  min-width: 105px;
  text-transform: uppercase;
  font-weight: 400;
  padding: 5px 8px;
  margin: 5px 10px 0 0;
  color: #fff;
  background: #000;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-intro
  .ds-session-intro-footer
  .ds-session-type.ds-session-type-masterclass {
  background: #ffa500;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-intro
  .ds-session-intro-footer
  .ds-session-type.ds-session-type-sponsor {
  background: var(--ds-blue);
  color: #fff;
}

@media (max-width: 740px) {
  .ds-agenda
    .ds-agenda-main
    .ds-agenda-day-sessions
    .ds-agenda-timeframe
    .ds-session
    .ds-session-intro
    .ds-session-intro-footer {
    flex-direction: column;
    flex-basis: 100%;
    align-items: flex-start;
  }

  .ds-agenda
    .ds-agenda-main
    .ds-agenda-day-sessions
    .ds-agenda-timeframe
    .ds-session
    .ds-session-intro
    .ds-session-intro-footer
    .ds-session-type {
    margin: 0.5rem 0;
  }
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-details {
  opacity: 1;
  visibility: visible;
  padding: 1rem;
  height: auto;
  width: 100%;
  display: none;
  transition: all 1s ease-in-out;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-details
  .ds-session-description {
  border-top: 1px solid var(--ds-gray);
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 1rem 0;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-details
  .ds-session-description
  ul {
  padding: 1rem 0;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-details
  .ds-session-description
  li {
  list-style-type: none;
  position: relative;
  padding: 0 0 0.5rem 1rem;
  line-height: 1.5;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-details
  .ds-session-description
  li:before {
  color: #666;
  content: "\f105";
  font-family: "FontAwesome";
  margin-right: 0.5rem;
  position: absolute;
  left: 0;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-details
  .ds-session-categories {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0.5rem 0.7rem;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-details
  .ds-session-categories
  .ds-session-category {
  padding: 0.25em 0.4em;
  margin-right: 0.34em;
  margin-left: 3px;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  border-radius: 6px;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-footer {
  display: flex;
  justify-content: space-around;
  font-size: 0.8rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.7rem 0;
}

@media (max-width: 760px) {
  .ds-agenda
    .ds-agenda-main
    .ds-agenda-day-sessions
    .ds-agenda-timeframe
    .ds-session
    .ds-session-footer {
    display: flex;
    flex-direction: column;
    padding-top: 1rem;
  }
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-footer
  div {
  flex: 1;
  list-style-type: none;
  display: inline-block;
  margin: 0;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-footer
  div
  span {
  font-size: 0.7rem;
  position: relative;
  top: 0;
  margin: 0 0.2rem 0 0;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-footer
  .ds-session-link {
  width: 100%;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-footer
  .ds-session-link
  a {
  width: 100%;
  font-size: 0.7rem;
  padding: 0 10px;
  background: var(--ds-blue);
  border-radius: 2px;
  margin-top: 2px;
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .ds-session
  .ds-session-footer
  .ds-session-link
  a:hover {
  background: var(--ds-green);
}

@media (max-width: 760px) {
  .ds-agenda
    .ds-agenda-main
    .ds-agenda-day-sessions
    .ds-agenda-timeframe
    .ds-session
    .ds-session-footer
    .ds-session-link
    a {
    flex: 1 !important;
    margin-top: 1rem;
  }
}

.ds-agenda
  .ds-agenda-main
  .ds-agenda-day-sessions
  .ds-agenda-timeframe
  .edit-session {
  position: absolute;
  right: -45px;
}

.single-session {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 1170px;
  margin: 0 auto;
  padding: 3rem 2rem;
}

@media (max-width: 740px) {
  .single-session {
    flex-direction: column;
    margin-bottom: 1rem;
    padding: 3rem 0;
  }
}

.single-session .session-header {
  width: 25%;
  max-width: 200px;
  padding: 0.65rem 0 3rem 0;
}

@media (max-width: 740px) {
  .single-session .session-header {
    width: 100%;
    max-width: 100%;
    padding: 0 2rem;
  }
}

.single-session .session-header .session-speakers {
  margin-bottom: 20px;
  padding: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--ds-gray);
  text-align: center;
}

.single-session .session-header .session-speakers img {
  margin: 0 auto;
  margin-bottom: 20px;
}

.single-session .session-header .session-speakers .sesssion-speaker-name {
  color: #000;
}

.single-session .session-header .session-speakers .session-speaker-title,
.single-session .session-header .session-speakers .session-speaker-company {
  color: var(--ds-blue);
}

.single-session .session-header .session-speakers .session-speaker-name,
.single-session .session-header .session-speakers .session-speaker-company {
  font-size: 1rem;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  text-transform: none;
  font-weight: 700;
}

.single-session .session-header .session-speakers .session-speaker-name a,
.single-session .session-header .session-speakers .session-speaker-company a {
  color: var(--ds-blue);
}

.single-session .session-header .session-details h4 {
  margin-bottom: 1.2rem;
}

.single-session .session-header .session-details div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0.2rem 0;
}

.single-session .session-header .session-details div span {
  margin-top: 0.4rem;
  margin-right: 0.5rem;
  font-size: 1rem;
}

.single-session .session-copy {
  flex: 1;
  padding: 0 0 0 2.5rem;
}

@media (max-width: 740px) {
  .single-session .session-copy {
    padding: 0 2rem;
  }
}

.single-session .session-copy h1 {
  margin-bottom: 20px;
}

@media (max-width: 740px) {
  .single-session .session-copy h1 {
    border-top: 1px solid var(--ds-gray);
    padding: 2rem 0 0 0;
    margin-top: 20px;
  }
}

.single-session .session-copy p {
  font-size: 1rem;
  line-height: 1.7rem;
  padding: 0.5rem 0;
}

.single-session .session-copy ul,
.Box-body ul {
  padding: 0.5rem 1rem 1.5rem 1rem;
}

.single-session .session-copy ul li,
.Box-body ul li {
  list-style-type: disc;
}

.ds-session-category {
  font-size: 0.85rem;
  display: inline-block;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0 0.5rem;
  line-height: 1.7;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.ds-session-category.masterclass {
  color: #fff;
  font-size: 0.55rem;
  background-color: #ff9b00;
}

.ds-session-category.keynote {
  color: #fff;
  font-size: 0.55rem;
  background-color: red;
}

#loading {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 50%;
  z-index: 999;
}

#loading .spinner {
  border-radius: 4px;
  padding: 1em 3em;
  color: #fff;
}

#loading .spinner-img {
  text-align: center;
}

#loading .spinner img {
  width: 64px;
  height: 64px;
}

details-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
  max-height: 80vh;
  max-width: 90vw;
  width: 448px;
  overflow: auto;
}

.masterclasses-whats-included .wp-block-column {
  text-align: center;
}

.masterclasses-whats-included-testimonial {
  border-right: 1px solid;
  padding-right: 30px;
}

.masterclasses-whats-included .material-icons {
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  border-radius: 50%;
  margin-bottom: 30px;
}

.deep-dive-content {
  background: var(--ds-blue);
}

.masterclasses-workbooks {
  background: var(--ds-yellow);
}

.exclusive-certification {
  background: #8c42ad;
}

#ds-countdown {
  background: #000;
  text-align: center;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#ds-countdown-text {
  text-transform: uppercase;
  font-weight: 500;
  color: #1897c5;
  margin-right: 30px;
}

#ds-countdown {
  color: #fff;
  display: flex;
  flex-direction: row;
  min-width: 196px;
  min-height: 35px;
  text-transform: uppercase;
}

#ds-countdown span {
  min-width: 46px;
  background: #1897c5;
  padding: 1px 0 3px;
  margin: 0 2px 0 0;
  display: flex;
  flex-direction: column;
  font-size: 18px;
}

#ds-countdown span p {
  margin: 0 0 3px;
  line-height: 1;
  padding: 0;
}

#ds-countdown span small {
  font-size: 8px;
  line-height: 1;
}

#ds-countdown-wrapper {
  display: flex;
}

.ds-workbooks .wp-block-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ds-workbooks .wp-block-column h4 {
  color: #000;
  font-size: 15px;
  margin-bottom: 15px;
}

.ds-workbooks .wp-block-column .btn {
  margin-top: auto;
}

.ds-special-offers .wp-block-column {
  box-shadow: 0 0 3px var(--ds-black-transparent);
  border-radius: 3px;
  padding: 40px;
  overflow: hidden;
}

.ds-special-offers h4 + p {
  margin: 0;
}

.ds-special-offers h4 + p + p {
  margin: 0;
  margin-top: -15px;
}

.ds-error-404 {
  font-size: 18px;
}

.ds-error-404 a {
  border: none;
}

.ds-error-404 .material-icons {
  font-size: 22px;
  position: relative;
  top: 4px;
}

.why-attend-reasons .material-icons {
  font-size: 36px;
  margin-top: 5px;
}

.ds-subscription-products h4 {
  max-width: 280px;
  margin: auto;
}

.ds-virtual-events p a {
  border: none;
}

.ds-related-posts > h3 {
  border-top: 1px solid var(--ds-semidarkgray);
  padding: 30px 0 10px;
}

.ds-location-block + .ds-location-block {
  margin-top: 40px;
  border-top: 1px solid var(--ds-semilightgray);
  padding-top: 40px;
}

.ds-location-block .ds-icon-block-content {
  font-size: 18px;
  color: var(--ds-semidarkgray);
}

.ds-location-block .ds-icon-block-content p {
  padding: 1rem 0;
}

.covid-safety > .wp-block-column > .wp-block-columns {
  padding-left: 40px;
}

.covid-safety h4 {
  color: var(--ds-semidarkgray);
  position: relative;
}

.covid-safety h4:before {
  font-family: "Material Icons";
  content: "\e315";
  color: var(--ds-blue);
  font-size: 18px;
  display: inline-block;
  position: relative;
  left: -20px;
  padding-right: 5px;
  position: absolute;
}

.things-to-do {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 1rem;
}

.things-to-do a {
  color: #fff;
  font-weight: normal;
  text-decoration: underline;
  padding: 0;
}

.things-to-do a:first-child:after {
  content: "|";
  padding: 0 1rem;
  text-decoration: none;
}

@media (max-width: 740px) {
  .things-to-do {
    flex-direction: column;
  }

  .things-to-do a {
    padding: 0;
  }

  .things-to-do a:first-child:after {
    content: " ";
  }
}

.wp-block-columns.ds-resources-categories {
  display: flex;
  flex-wrap: wrap !important;
  gap: 20px;
}

@media (max-width: 1200px) {
  .wp-block-columns.ds-resources-categories {
    width: 93%;
    margin: 0.7rem auto;
  }
}

.wp-block-columns.ds-resources-categories .ds-resources-category {
  width: calc(25% - 15px);
  flex-basis: initial !important;
  flex-grow: initial !important;
  margin: 0 0 0;
  text-align: center;
}

.wp-block-columns.ds-resources-categories .ds-resources-category img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 200px;
}

.wp-block-columns.ds-resources-categories .ds-resources-category a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-block-columns.ds-resources-categories
  .ds-resources-category
  .ds-resources-category-img {
  position: relative;
  box-shadow: 0 0 3px var(--ds-black-transparent);
  width: 100%;
}

.wp-block-columns.ds-resources-categories
  .ds-resources-category
  .ds-resources-category-img
  img {
  border-radius: 3px;
}

.wp-block-columns.ds-resources-categories
  .ds-resources-category
  .ds-resources-category-img:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
}

.wp-block-columns.ds-resources-categories
  .ds-resources-category
  .ds-resources-category-name {
  position: absolute;
  padding: 30px;
}

.wp-block-columns.ds-resources-categories
  .ds-resources-category
  .ds-resources-category-name
  h3 {
  color: #fff;
}

@media (max-width: 1200px) {
  .ds-resources-block .ds-resources-block-title {
    width: 93%;
    margin: 0 auto;
  }
}

@media (max-width: 1200px) and (max-width: 1200px) {
  .ds-resources-block .wp-block-buttons {
    width: 93%;
    margin: 0 auto;
    text-align: center;
  }
}

.ds-resources-hero.wp-block-buttons .wp-block-button {
  display: inline-block !important;
}

@media (max-width: 1200px) {
  .ds-input-search {
    width: 93% !important;
    max-width: 93% !important;
    margin: 0 auto;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--ds-gray);
  }
}

.ds-input-search form .ds-input-search-fields {
  display: flex;
  justify-content: space-around;
  gap: 0.7rem;
}

.ds-input-search form .ds-input-search-fields input[type="text"] {
  width: 100%;
  border-radius: 2px;
}

@media (max-width: 740px) {
  .ds-input-search form .ds-input-search-fields input[type="text"] {
    border-radius: 0px !important;
  }
}

.ds-input-search form .ds-input-search-fields select {
  font-size: 16px;
  line-height: 1.5 !important;
  font-weight: 400;
  display: block;
  width: 200px;
  padding: 8px 0;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #c8cccc;
  border-radius: 2px;
  outline: 0;
  cursor: pointer;
}

.ds-input-search form .ds-input-search-fields select:after {
  position: absolute;
  top: 24px;
  right: 30px;
  display: block;
  width: 10px;
  height: 10px;
  border-color: #929a9b;
  border-style: solid;
  border-width: 0 1px 1px 0;
  content: "";
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}

.ds-input-search form .ds-input-search-fields .btn-outline,
.ds-input-search form .ds-input-search-fields .btn,
.ds-input-search form .ds-input-search-fields .btn-submit {
  border-radius: 2px;
  padding: 0.7rem 1rem !important;
  margin: 0;
}

@media (max-width: 1200px) {
  .ds-input-search form .ds-input-search-fields {
    flex-direction: column;
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 600px;
  }

  .ds-input-search form .ds-input-search-fields select {
    width: 100%;
  }
}

#filter-search {
  border-radius: 2px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

@media (max-width: 740px) {
  #filter-search {
    border-radius: 0px !important;
  }
}

.dso-post-body iframe {
  margin: 0 auto;
  display: flex;
}

/*!
 * @primer/css/core
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */
.ActionList {
  padding: 8px;
}

.ActionList--full {
  padding: 0;
}

.ActionList--subGroup {
  padding: 0;
}

.ActionList--divided .ActionList-item-label::before {
  position: absolute;
  top: -6px;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background: var(--color-action-list-item-inline-divider);
}

.ActionList--divided .ActionList-item-descriptionWrap--inline::before {
  position: absolute;
  top: -6px;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background: var(--color-action-list-item-inline-divider);
}

.ActionList--divided
  .ActionList-item-descriptionWrap--inline
  .ActionList-item-label::before {
  content: unset;
}

.ActionList--divided .ActionList-item--navActive .ActionList-item-label::before,
.ActionList--divided
  .ActionList-item--navActive
  + .ActionList-item
  .ActionList-item-label::before {
  visibility: hidden;
}

.ActionList-item:first-of-type .ActionList-item-label::before,
.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {
  visibility: hidden;
}

.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
.ActionList-sectionDivider
  + .ActionList-item
  .ActionList-item-descriptionWrap--inline::before {
  visibility: hidden;
}

.ActionList--tree {
  --ActionList-tree-depth: 1;
}

.ActionList--tree .ActionList-item--subItem > .ActionList-content {
  font-size: 14px;
}

.ActionList--tree
  .ActionList-item.ActionList-item--singleton
  .ActionList-content {
  padding-left: 32px;
}

.ActionList--tree
  .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem)
  .ActionList-item-label {
  font-weight: var(--base-text-weight-normal, 400);
}

.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup {
  position: relative;
}

.ActionList--tree
  .ActionList-content[aria-expanded]
  + .ActionList--subGroup
  .ActionList-content {
  padding-left: calc(8px * var(--ActionList-tree-depth));
}

.ActionList--tree
  .ActionList-content[aria-expanded="true"]
  .ActionList-item-collapseIcon {
  transition: transform 120ms linear;
  transform: rotate(0deg);
}

.ActionList--tree
  .ActionList-content[aria-expanded="true"].ActionList-content--hasActiveSubItem
  > .ActionList-item-label {
  font-weight: var(--base-text-weight-normal, 400);
}

.ActionList--tree
  .ActionList-content[aria-expanded="false"]
  .ActionList-item-collapseIcon {
  transition: transform 120ms linear;
  transform: rotate(-90deg);
}

.ActionList--tree
  .ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem
  > .ActionList-item-label {
  font-weight: var(--base-text-weight-normal, 400);
}

.ActionList--tree
  .ActionList-item--hasSubItem
  .ActionList-item--subItem:not(.ActionList-item--hasSubItem)
  .ActionList-content
  > span:first-child {
  padding-left: 24px;
}

.ActionList--tree
  > [aria-level="1"].ActionList-item--hasSubItem
  > .ActionList--subGroup::before {
  position: absolute;
  left: 16px;
  width: 1px;
  height: 100%;
  content: "";
  background: var(--color-action-list-item-inline-divider);
}

.ActionList--tree
  .ActionList-item--hasSubItem:not([aria-level="1"])
  > .ActionList--subGroup::before {
  position: absolute;
  left: calc(8px * (var(--ActionList-tree-depth)) + 7px);
  width: 1px;
  height: 100%;
  content: "";
  background: var(--color-action-list-item-inline-divider);
}

.ActionList-item {
  position: relative;
  list-style: none;
  background-color: transparent;
  border-radius: 6px;
}

.ActionList-item:hover,
.ActionList-item:active {
  cursor: pointer;
}

@media (hover: hover) {
  .ActionList-item:not(.ActionList-item--hasSubItem):hover,
  .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
    cursor: pointer;
    background-color: var(--color-action-list-item-default-hover-bg);
  }

  .ActionList-item:not(.ActionList-item--hasSubItem):hover:not(
      .ActionList-item--navActive
    ):not(:focus-visible),
  .ActionList-item.ActionList-item--hasSubItem
    > .ActionList-content:hover:not(.ActionList-item--navActive):not(
      :focus-visible
    ) {
    outline: solid 1px transparent;
    outline-offset: -1px;
    box-shadow: inset 0 0 0 1px
      var(--color-action-list-item-default-active-border);
  }
}

.ActionList-item:not(.ActionList-item--hasSubItem):active,
.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
  background: var(--color-action-list-item-default-active-bg);
}

.ActionList-item:not(.ActionList-item--hasSubItem):active:not(
    .ActionList-item--navActive
  ),
.ActionList-item.ActionList-item--hasSubItem
  > .ActionList-content:active:not(.ActionList-item--navActive) {
  outline: solid 1px transparent;
  outline-offset: -1px;
  box-shadow: inset 0 0 0 1px
    var(--color-action-list-item-default-active-border);
}

@media (hover: hover) {
  .ActionList-item:not(.ActionList-item--hasSubItem):hover
    .ActionList-item-label::before,
  .ActionList-item:not(.ActionList-item--hasSubItem):hover
    + .ActionList-item
    .ActionList-item-label::before,
  .ActionList-item.ActionList-item--hasSubItem
    > .ActionList-content:hover
    .ActionList-item-label::before,
  .ActionList-item.ActionList-item--hasSubItem
    > .ActionList-content:hover
    + .ActionList-item
    .ActionList-item-label::before {
    visibility: hidden;
  }

  .ActionList-item:not(.ActionList-item--hasSubItem):hover
    .ActionList-item-descriptionWrap--inline::before,
  .ActionList-item:not(.ActionList-item--hasSubItem):hover
    + .ActionList-item
    .ActionList-item-descriptionWrap--inline::before,
  .ActionList-item.ActionList-item--hasSubItem
    > .ActionList-content:hover
    .ActionList-item-descriptionWrap--inline::before,
  .ActionList-item.ActionList-item--hasSubItem
    > .ActionList-content:hover
    + .ActionList-item
    .ActionList-item-descriptionWrap--inline::before {
    visibility: hidden;
  }
}

.ActionList-item:not(.ActionList-item--hasSubItem):active
  .ActionList-item-label::before,
.ActionList-item:not(.ActionList-item--hasSubItem):active
  + .ActionList-item
  .ActionList-item-label::before,
.ActionList-item.ActionList-item--hasSubItem
  > .ActionList-content:active
  .ActionList-item-label::before,
.ActionList-item.ActionList-item--hasSubItem
  > .ActionList-content:active
  + .ActionList-item
  .ActionList-item-label::before {
  visibility: hidden;
}

.ActionList-item.ActionList-item--hasSubItem > .ActionList-content {
  z-index: 1;
}

@media (hover: hover) {
  .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover {
    background-color: var(--color-action-list-item-default-hover-bg);
  }
}

.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active {
  background-color: var(--color-action-list-item-default-active-bg);
}

.ActionList-item[hidden] + .ActionList-sectionDivider {
  display: none;
}

.ActionList-item[aria-selected="true"] {
  font-weight: var(--base-text-weight-normal, 400);
  background: var(--color-action-list-item-default-selected-bg);
}

@media (hover: hover) {
  .ActionList-item[aria-selected="true"]:hover {
    background-color: var(--color-action-list-item-default-hover-bg);
  }
}

.ActionList-item[aria-selected="true"]::before,
.ActionList-item[aria-selected="true"] + .ActionList-item::before {
  visibility: hidden;
}

.ActionList-item[aria-selected="true"]::after {
  position: absolute;
  top: calc(50% - 12px);
  left: -4px;
  width: 4px;
  height: 24px;
  content: "";
  background: var(--color-accent-fg);
  border-radius: 6px;
}

.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem)
  .ActionList-item-label {
  font-weight: var(--base-text-weight-semibold, 600);
}

.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
  background: var(--color-action-list-item-default-selected-bg);
}

@media (hover: hover) {
  .ActionList-item.ActionList-item--navActive:not(
      .ActionList-item--danger
    ):hover {
    background-color: var(--color-action-list-item-default-hover-bg);
  }
}

.ActionList-item.ActionList-item--navActive:not(
    .ActionList-item--danger
  )::before,
.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)
  + .ActionList-item::before {
  visibility: hidden;
}

.ActionList-item.ActionList-item--navActive:not(
    .ActionList-item--danger
  )::after {
  position: absolute;
  top: calc(50% - 12px);
  left: -8px;
  width: 4px;
  height: 24px;
  content: "";
  background: var(--color-accent-fg);
  border-radius: 6px;
}

.ActionList-item[aria-checked="true"] .ActionList-item-multiSelectCheckmark,
.ActionList-item[aria-selected="true"] .ActionList-item-multiSelectCheckmark {
  visibility: visible;
  opacity: 1;
  transition: visibility 0 linear 0, opacity 50ms;
}

.ActionList-item[aria-checked="true"] .ActionList-item-singleSelectCheckmark,
.ActionList-item[aria-selected="true"] .ActionList-item-singleSelectCheckmark {
  visibility: visible;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .ActionList-item[aria-checked="true"] .ActionList-item-singleSelectCheckmark,
  .ActionList-item[aria-selected="true"]
    .ActionList-item-singleSelectCheckmark {
    -webkit-animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
    animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
  }
}

.ActionList-item[aria-checked="true"]
  .ActionList-item-multiSelectIcon
  .ActionList-item-multiSelectIconRect,
.ActionList-item[aria-selected="true"]
  .ActionList-item-multiSelectIcon
  .ActionList-item-multiSelectIconRect {
  fill: var(--color-accent-fg);
  stroke: var(--color-accent-fg);
  stroke-width: 1px;
}

.ActionList-item[aria-checked="true"]
  .ActionList-item-multiSelectIcon
  .ActionList-item-multiSelectCheckmark,
.ActionList-item[aria-selected="true"]
  .ActionList-item-multiSelectIcon
  .ActionList-item-multiSelectCheckmark {
  fill: var(--color-fg-on-emphasis);
}

.ActionList-item[aria-checked="false"] .ActionList-item-multiSelectCheckmark,
.ActionList-item[aria-selected="false"] .ActionList-item-multiSelectCheckmark {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0 linear 50ms, opacity 50ms;
}

.ActionList-item[aria-checked="false"] .ActionList-item-singleSelectCheckmark,
.ActionList-item[aria-selected="false"] .ActionList-item-singleSelectCheckmark {
  visibility: hidden;
  transition: visibility 0s linear 200ms;
  -webkit-clip-path: inset(16px 0 0 0);
  clip-path: inset(16px 0 0 0);
}

@media screen and (prefers-reduced-motion: no-preference) {
  .ActionList-item[aria-checked="false"] .ActionList-item-singleSelectCheckmark,
  .ActionList-item[aria-selected="false"]
    .ActionList-item-singleSelectCheckmark {
    -webkit-animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
    animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards;
  }
}

.ActionList-item[aria-checked="false"]
  .ActionList-item-multiSelectIcon
  .ActionList-item-multiSelectIconRect,
.ActionList-item[aria-selected="false"]
  .ActionList-item-multiSelectIcon
  .ActionList-item-multiSelectIconRect {
  fill: var(--color-canvas-default);
  stroke: var(--color-border-default);
  stroke-width: 1px;
}

.ActionList-item[aria-checked="false"] .ActionList-item-multiSelectIconRect,
.ActionList-item[aria-selected="false"] .ActionList-item-multiSelectIconRect {
  fill: var(--color-canvas-default);
  border: 1px solid var(--color-border-default);
}

@-webkit-keyframes checkmarkIn {
  from {
    -webkit-clip-path: inset(16px 0 0 0);
    clip-path: inset(16px 0 0 0);
  }

  to {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}

@keyframes checkmarkIn {
  from {
    -webkit-clip-path: inset(16px 0 0 0);
    clip-path: inset(16px 0 0 0);
  }

  to {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}

@-webkit-keyframes checkmarkOut {
  from {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }

  to {
    -webkit-clip-path: inset(16px 0 0 0);
    clip-path: inset(16px 0 0 0);
  }
}

@keyframes checkmarkOut {
  from {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }

  to {
    -webkit-clip-path: inset(16px 0 0 0);
    clip-path: inset(16px 0 0 0);
  }
}

.ActionList-item[aria-disabled="true"]
  .ActionList-content
  .ActionList-item-label,
.ActionList-item[aria-disabled="true"]
  .ActionList-content
  .ActionList-item-description {
  color: var(--color-primer-fg-disabled);
}

.ActionList-item[aria-disabled="true"]
  .ActionList-content
  .ActionList-item-visual {
  fill: var(--color-primer-fg-disabled);
}

@media (hover: hover) {
  .ActionList-item[aria-disabled="true"]:hover {
    cursor: not-allowed;
    background-color: transparent;
  }
}

.ActionList-item.ActionList-item--danger .ActionList-item-label {
  color: var(--color-danger-fg);
}

.ActionList-item.ActionList-item--danger .ActionList-item-visual {
  color: var(--color-danger-fg);
}

@media (hover: hover) {
  .ActionList-item.ActionList-item--danger:hover {
    background: var(--color-action-list-item-danger-hover-bg);
  }

  .ActionList-item.ActionList-item--danger:hover .ActionList-item-label {
    color: var(--color-action-list-item-danger-hover-text);
  }
}

.ActionList-item.ActionList-item--danger .ActionList-content:active {
  background: var(--color-action-list-item-danger-active-bg);
}

.ActionList-item .ActionList {
  padding: unset;
}

.ActionList-content {
  position: relative;
  display: grid;
  width: 100%;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: var(--base-text-weight-normal, 400);
  color: var(--color-fg-default);
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: none;
  border-radius: 6px;
  transition: background 33.333ms linear;
  touch-action: manipulation;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
  grid-template-areas: "leadingAction leadingVisual label trailingVisual trailingAction";
  grid-template-columns:
    -webkit-min-content -webkit-min-content minmax(0, auto)
    -webkit-min-content -webkit-min-content;
  grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
  align-items: start;
}

.ActionList-content > :not(:last-child) {
  margin-right: 8px;
}

.ActionList-content:hover {
  text-decoration: none;
}

.ActionList-content:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.ActionList-content:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}

.ActionList-content:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.ActionList-content[aria-disabled="true"] .ActionList-item-label,
.ActionList-content[aria-disabled="true"] .ActionList-item-description {
  color: var(--color-primer-fg-disabled);
}

.ActionList-content[aria-disabled="true"] .ActionList-item-visual {
  fill: var(--color-primer-fg-disabled);
}

@media (hover: hover) {
  .ActionList-content[aria-disabled="true"]:hover {
    cursor: not-allowed;
    background-color: transparent;
  }
}

@media screen and (prefers-reduced-motion: no-preference) {
  .ActionList-content[aria-expanded] + .ActionList--subGroup {
    transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1),
      transform 160ms cubic-bezier(0.25, 1, 0.5, 1);
  }
}

.ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content {
  padding-left: 24px;
}

.ActionList-content[aria-expanded].ActionList-content--visual16
  + .ActionList--subGroup
  .ActionList-content {
  padding-left: 32px;
}

.ActionList-content[aria-expanded].ActionList-content--visual20
  + .ActionList--subGroup
  .ActionList-content {
  padding-left: 36px;
}

.ActionList-content[aria-expanded].ActionList-content--visual24
  + .ActionList--subGroup
  .ActionList-content {
  padding-left: 40px;
}

.ActionList-content[aria-expanded="true"] .ActionList-item-collapseIcon {
  transition: transform 120ms linear;
  transform: scaleY(-1);
}

.ActionList-content[aria-expanded="true"] + .ActionList--subGroup {
  height: auto;
  overflow: visible;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.ActionList-content[aria-expanded="true"].ActionList-content--hasActiveSubItem
  > .ActionList-item-label {
  font-weight: var(--base-text-weight-semibold, 600);
}

.ActionList-content[aria-expanded="false"] .ActionList-item-collapseIcon {
  transition: transform 120ms linear;
  transform: scaleY(1);
}

.ActionList-content[aria-expanded="false"] + .ActionList--subGroup {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-16px);
}

.ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem {
  background: var(--color-action-list-item-default-selected-bg);
}

.ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem
  .ActionList-item-label {
  font-weight: var(--base-text-weight-semibold, 600);
}

.ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem::before,
.ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem
  + .ActionList-item::before {
  visibility: hidden;
}

.ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem::after {
  position: absolute;
  top: calc(50% - 12px);
  left: -8px;
  width: 4px;
  height: 24px;
  content: "";
  background: var(--color-accent-fg);
  border-radius: 6px;
}

.ActionList-content.ActionList-content--sizeMedium {
  padding: 10px 8px;
}

.ActionList-content.ActionList-content--sizeLarge {
  padding: 14px 8px;
}

.ActionList-content.ActionList-content--fontSmall {
  font-size: 12px;
}

@media (pointer: coarse) {
  .ActionList-content {
    padding: 14px 8px;
  }
}

.ActionList-content.ActionList-content--blockDescription
  .ActionList-item-visual {
  place-self: start;
}

.ActionList-item-action--leading {
  grid-area: leadingAction;
}

.ActionList-item-visual--leading {
  grid-area: leadingVisual;
}

.ActionList-item-label {
  grid-area: label;
}

.ActionList-item-visual--trailing {
  grid-area: trailingVisual;
}

.ActionList-item-action--trailing {
  grid-area: trailingAction;
}

.ActionList-item-descriptionWrap {
  grid-area: label;
  display: flex;
  flex-direction: column;
}

.ActionList-item-descriptionWrap .ActionList-item-description {
  margin-top: 4px;
}

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

.ActionList-item-descriptionWrap--inline {
  position: relative;
  flex-direction: row;
  align-items: baseline;
}

.ActionList-item-descriptionWrap--inline .ActionList-item-description {
  margin-left: 8px;
}

.ActionList-item-description {
  font-size: 12px;
  font-weight: var(--base-text-weight-normal, 400);
  line-height: 1.5;
  color: var(--color-fg-muted);
}

.ActionList-item-visual,
.ActionList-item-action {
  display: flex;
  min-height: 20px;
  color: var(--color-fg-muted);
  pointer-events: none;
  fill: var(--color-fg-muted);
  align-items: center;
}

.ActionList-item-label {
  position: relative;
  font-weight: var(--base-text-weight-normal, 400);
  line-height: 20px;
  color: var(--color-fg-default);
}

.ActionList-item-label--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ActionList-item--subItem > .ActionList-content {
  font-size: 12px;
}

.ActionList-sectionDivider:not(:empty) {
  display: flex;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold, 600);
  color: var(--color-fg-muted);
  flex-direction: column;
}

.ActionList-sectionDivider:empty {
  display: block;
  height: 1px;
  padding: 0;
  margin: 7px -8px 8px;
  list-style: none;
  background: var(--color-action-list-item-inline-divider);
  border: 0;
}

.ActionList-sectionDivider .ActionList-sectionDivider-title {
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold, 600);
  color: var(--color-fg-muted);
}

.ActionList-sectionDivider--filled {
  margin: 8px -8px;
  background: var(--color-canvas-subtle);
  border-top: 1px solid var(--color-action-list-item-inline-divider);
  border-bottom: 1px solid var(--color-action-list-item-inline-divider);
}

.ActionList-sectionDivider--filled:empty {
  height: 8px;
  box-sizing: border-box;
}

.ActionList-sectionDivider--filled:first-child {
  margin-top: 0;
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}

summary {
  display: list-item;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

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

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-fg-default);
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

* {
  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, 16px);
  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);
}

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

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

::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;
  }
}

kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}

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

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

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

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

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

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

h6 {
  font-size: var(--h6-size, 12px);
  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;
}

dd {
  margin-left: 0;
}

tt,
code,
samp {
  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;
}

.octicon {
  vertical-align: text-bottom;
}

.octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}

.Box {
  background-color: var(--color-canvas-default);
  border-color: var(--color-border-default);
  border-radius: var(--primer-borderRadius-medium, 6px);
  border-style: solid;
  border-width: var(--primer-borderWidth-thin, 1px);
}

.Box--condensed {
  line-height: 1.25;
}

.Box--condensed .Box-body,
.Box--condensed .Box-footer,
.Box--condensed .Box-header {
  padding: var(--primer-stack-padding-condensed, 8px)
    var(--primer-stack-padding-normal, 16px);
}

.Box--condensed .Box-btn-octicon.btn-octicon {
  line-height: 1.25;
  margin: calc(var(--primer-controlStack-medium-gap-condensed, 8px) * -1)
    calc(var(--primer-controlStack-small-gap-spacious, 16px) * -1);
  padding: var(--primer-control-medium-paddingInline-condensed, 8px)
    var(--primer-control-medium-paddingInline-spacious, 16px);
}

.Box--condensed .Box-row {
  padding: var(--primer-stack-padding-condensed, 8px)
    var(--primer-stack-padding-normal, 16px);
}

.Box--spacious .Box-header {
  line-height: 1.25;
  padding: var(--primer-stack-padding-spacious, 24px);
}

.Box--spacious .Box-title {
  font-size: var(--primer-text-title-size-medium, 20px);
}

.Box--spacious .Box-body,
.Box--spacious .Box-btn-octicon.btn-octicon,
.Box--spacious .Box-footer {
  padding: var(--primer-stack-padding-spacious, 24px);
}

.Box--spacious .Box-btn-octicon.btn-octicon {
  margin: calc(var(--primer-stack-gap-spacious, 24px) * -1)
    calc(var(--primer-stack-gap-spacious, 24px) * -1);
}

.Box--spacious .Box-row {
  padding: var(--primer-stack-padding-spacious, 24px);
}

.Box-header {
  background-color: var(--color-canvas-subtle);
  border-color: var(--color-border-default);
  border-style: solid;
  border-top-left-radius: var(--primer-borderRadius-medium, 6px);
  border-top-right-radius: var(--primer-borderRadius-medium, 6px);
  border-width: var(--primer-borderWidth-thin, 1px);
  margin: calc(var(--primer-borderWidth-thin, 1px) * -1)
    calc(var(--primer-borderWidth-thin, 1px) * -1) 0;
  padding: var(--primer-stack-padding-normal, 16px);
}

.Box-title {
  font-size: var(--primer-text-body-size-medium, 14px);
  font-weight: var(--base-text-weight-semibold, 600);
}

.Box-body {
  border-bottom: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default);
  padding: var(--primer-stack-padding-normal, 16px);
}

.Box-body:last-of-type {
  border-bottom-left-radius: var(--primer-borderRadius-medium, 6px);
  border-bottom-right-radius: var(--primer-borderRadius-medium, 6px);
  margin-bottom: calc(var(--primer-borderWidth-thin, 1px) * -1);
}

.Box-row {
  border-top: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-muted);
  list-style-type: none;
  margin-top: calc(var(--primer-borderWidth-thin, 1px) * -1);
  padding: var(--primer-stack-padding-normal, 16px);
}

.Box-row:first-of-type {
  border-top-left-radius: var(--primer-borderRadius-medium, 6px);
  border-top-right-radius: var(--primer-borderRadius-medium, 6px);
}

.Box-row:last-of-type {
  border-bottom-left-radius: var(--primer-borderRadius-medium, 6px);
  border-bottom-right-radius: var(--primer-borderRadius-medium, 6px);
}

.Box-row.Box-row--unread,
.Box-row.unread {
  box-shadow: inset 2px 0 0 var(--color-accent-emphasis);
}

.Box-row.navigation-focus .Box-row--drag-button {
  color: var(--color-accent-fg);
  cursor: -webkit-grab;
  cursor: grab;
  opacity: 1;
}

.Box-row.navigation-focus.is-dragging .Box-row--drag-button {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.Box-row.navigation-focus.sortable-chosen,
.Box-row.navigation-focus.sortable-ghost {
  background-color: var(--color-canvas-subtle);
}

.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide {
  opacity: 0;
}

.Box-row--focus-gray.navigation-focus {
  background-color: var(--color-canvas-subtle);
}

.Box-row--focus-blue.navigation-focus {
  background-color: var(--color-accent-subtle);
}

.Box-row--hover-gray:hover {
  background-color: var(--color-canvas-subtle);
}

.Box-row--hover-blue:hover {
  background-color: var(--color-accent-subtle);
}

@media (min-width: 768px) {
  .Box-row-link {
    color: var(--color-fg-default);
    text-decoration: none;
  }

  .Box-row-link:hover {
    color: var(--color-accent-fg);
    text-decoration: none;
  }
}

.Box-row--drag-button {
  opacity: 0;
}

.Box-footer {
  border-radius: 0 0 var(--primer-borderRadius-medium, 6px)
    var(--primer-borderRadius-medium, 6px);
  border-top: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default);
  margin-top: calc(var(--primer-borderWidth-thin, 1px) * -1);
  padding: var(--primer-stack-padding-normal, 16px);
}

.Box--scrollable {
  max-height: 324px;
  overflow: scroll;
}

.Box--blue,
.Box--blue .Box-header {
  border-color: var(--color-accent-muted);
}

.Box--blue .Box-header {
  background-color: var(--color-accent-subtle);
}

.Box--blue .Box-body,
.Box--blue .Box-footer,
.Box--blue .Box-row {
  border-color: var(--color-accent-muted);
}

.Box--danger,
.Box--danger .Box-body:last-of-type,
.Box--danger .Box-row:first-of-type {
  border-color: var(--color-danger-emphasis);
}

.Box-header--blue {
  background-color: var(--color-accent-subtle);
  border-color: var(--color-accent-muted);
}

.Box-row--yellow {
  background-color: var(--color-attention-subtle);
}

.Box-row--blue {
  background-color: var(--color-accent-subtle);
}

.Box-row--gray {
  background-color: var(--color-canvas-subtle);
}

.Box-btn-octicon.btn-octicon {
  line-height: 1.5;
  margin: calc(var(--primer-controlStack-small-gap-spacious, 16px) * -1)
    calc(var(--primer-controlStack-small-gap-spacious, 16px) * -1);
  padding: var(--primer-control-medium-paddingInline-spacious, 16px)
    var(--primer-control-medium-paddingInline-spacious, 16px);
}

.Box--overlay {
  width: 448px;
  margin-right: auto;
  margin-left: auto;
  background-color: var(--color-canvas-default);
  background-clip: padding-box;
  border-color: var(--color-border-default);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}

.Box--overlay .Box-header {
  margin: 0;
  border-width: 0;
  border-bottom-width: 1px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.Box-overlay--narrow {
  width: 320px;
}

.Box-overlay--wide {
  width: 640px;
}

.Box-body.scrollable-overlay {
  max-height: 400px;
  overflow-y: scroll;
}

.Box-body .help {
  padding-top: 8px;
  margin: 0;
  color: var(--color-fg-muted);
  text-align: center;
}

.breadcrumb-item {
  display: inline-block;
  list-style: none;
  margin-left: -0.35em;
  white-space: nowrap;
}

.breadcrumb-item:after {
  border-right: 0.1em solid var(--color-fg-muted);
  content: "";
  display: inline-block;
  height: 0.8em;
  margin: 0 0.5em;
  transform: rotate(15deg);
}

.breadcrumb-item:first-child {
  margin-left: 0;
}

.breadcrumb-item-selected:after,
.breadcrumb-item[aria-current]:not([aria-current="false"]):after {
  content: none;
}

.breadcrumb-item-selected a {
  color: var(--color-fg-default);
}

.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;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  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 .octicon {
  margin-right: 4px;
  color: var(--color-fg-muted);
  vertical-align: text-bottom;
}

.btn .octicon:only-child {
  margin-right: 0;
}

.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,
.btn[aria-selected="true"] {
  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:disabled .octicon,
.btn.disabled .octicon,
.btn[aria-disabled="true"] .octicon {
  color: var(--color-primer-fg-disabled);
}

.btn-primary {
  color: var(--color-btn-primary-text);
  background-color: var(--color-btn-primary-bg);
  border-color: var(--color-btn-primary-border);
  box-shadow: var(--color-btn-primary-shadow),
    var(--color-btn-primary-inset-shadow);
}

.btn-primary:hover,
.btn-primary.hover,
[open] > .btn-primary {
  background-color: var(--color-btn-primary-hover-bg);
  border-color: var(--color-btn-primary-hover-border);
}

.btn-primary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}

.btn-primary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.btn-primary:active,
.btn-primary.selected,
.btn-primary[aria-selected="true"] {
  background-color: var(--color-btn-primary-selected-bg);
  box-shadow: var(--color-btn-primary-selected-shadow);
}

.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary[aria-disabled="true"] {
  color: var(--color-btn-primary-disabled-text);
  background-color: var(--color-btn-primary-disabled-bg);
  border-color: var(--color-btn-primary-disabled-border);
}

.btn-primary:disabled .octicon,
.btn-primary.disabled .octicon,
.btn-primary[aria-disabled="true"] .octicon {
  color: var(--color-btn-primary-disabled-text);
}

.btn-primary .Counter {
  color: inherit;
  background-color: var(--color-btn-primary-counter-bg);
}

.btn-primary .octicon {
  color: var(--color-btn-primary-icon);
}

a.btn-primary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

a.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}

a.btn-primary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.btn-outline {
  color: var(--color-btn-outline-text);
}

.btn-outline:hover,
[open] > .btn-outline {
  color: var(--color-btn-outline-hover-text);
  background-color: var(--color-btn-outline-hover-bg);
  border-color: var(--color-btn-outline-hover-border);
  box-shadow: var(--color-btn-outline-hover-shadow),
    var(--color-btn-outline-hover-inset-shadow);
}

.btn-outline:hover .Counter,
[open] > .btn-outline .Counter {
  background-color: var(--color-btn-outline-hover-counter-bg);
}

.btn-outline:hover .octicon,
[open] > .btn-outline .octicon {
  color: inherit;
}

.btn-outline:active,
.btn-outline.selected,
.btn-outline[aria-selected="true"] {
  color: var(--color-btn-outline-selected-text);
  background-color: var(--color-btn-outline-selected-bg);
  border-color: var(--color-btn-outline-selected-border);
  box-shadow: var(--color-btn-outline-selected-shadow);
}

.btn-outline:active:focus,
.btn-outline.selected:focus,
.btn-outline[aria-selected="true"]:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.btn-outline:active:focus:not(:focus-visible),
.btn-outline.selected:focus:not(:focus-visible),
.btn-outline[aria-selected="true"]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}

.btn-outline:active:focus-visible,
.btn-outline.selected:focus-visible,
.btn-outline[aria-selected="true"]:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.btn-outline:disabled,
.btn-outline.disabled,
.btn-outline[aria-disabled="true"] {
  color: var(--color-btn-outline-disabled-text);
  background-color: var(--color-btn-outline-disabled-bg);
  border-color: var(--color-btn-border);
  box-shadow: none;
}

.btn-outline:disabled .Counter,
.btn-outline.disabled .Counter,
.btn-outline[aria-disabled="true"] .Counter {
  background-color: var(--color-btn-outline-disabled-counter-bg);
}

.btn-outline .Counter {
  color: inherit;
  background-color: var(--color-btn-outline-counter-bg);
}

.btn-danger {
  color: var(--color-btn-danger-text);
}

.btn-danger .octicon {
  color: var(--color-btn-danger-icon);
}

.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:hover .octicon,
[open] > .btn-danger .octicon {
  color: var(--color-btn-danger-hover-icon);
}

.btn-danger:active,
.btn-danger.selected,
.btn-danger[aria-selected="true"] {
  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:disabled .octicon,
.btn-danger.disabled .octicon,
.btn-danger[aria-disabled="true"] .octicon {
  color: var(--color-btn-danger-disabled-text);
}

.btn-danger .Counter {
  color: inherit;
  background-color: var(--color-btn-danger-counter-bg);
}

.btn-sm {
  padding: 3px 12px;
  font-size: 12px;
  line-height: 20px;
}

.btn-sm .octicon {
  vertical-align: text-top;
}

.btn-large {
  padding: 0.75em 1.5em;
  font-size: inherit;
  line-height: 1.5;
  border-radius: 0.5em;
}

.btn-block {
  display: block;
  width: 100%;
  text-align: center;
}

.BtnGroup {
  display: inline-block;
  vertical-align: middle;
}

.BtnGroup::before {
  display: table;
  content: "";
}

.BtnGroup::after {
  display: table;
  clear: both;
  content: "";
}

.BtnGroup + .BtnGroup,
.BtnGroup + .btn {
  margin-left: 4px;
}

.BtnGroup-item {
  position: relative;
  float: left;
  border-right-width: 0;
  border-radius: 0;
}

.BtnGroup-item:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.BtnGroup-item:last-child {
  border-right-width: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.BtnGroup-item.selected,
.BtnGroup-item[aria-selected="true"],
.BtnGroup-item:focus,
.BtnGroup-item:active,
.BtnGroup-item:hover {
  border-right-width: 1px;
}

.BtnGroup-item.selected + .BtnGroup-item,
.BtnGroup-item.selected + .BtnGroup-parent .BtnGroup-item,
.BtnGroup-item[aria-selected="true"] + .BtnGroup-item,
.BtnGroup-item[aria-selected="true"] + .BtnGroup-parent .BtnGroup-item,
.BtnGroup-item:focus + .BtnGroup-item,
.BtnGroup-item:focus + .BtnGroup-parent .BtnGroup-item,
.BtnGroup-item:active + .BtnGroup-item,
.BtnGroup-item:active + .BtnGroup-parent .BtnGroup-item,
.BtnGroup-item:hover + .BtnGroup-item,
.BtnGroup-item:hover + .BtnGroup-parent .BtnGroup-item {
  border-left-width: 0;
}

.BtnGroup-parent {
  float: left;
}

.BtnGroup-parent:first-child .BtnGroup-item {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.BtnGroup-parent:last-child .BtnGroup-item {
  border-right-width: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.BtnGroup-parent .BtnGroup-item {
  border-right-width: 0;
  border-radius: 0;
}

.BtnGroup-parent.selected .BtnGroup-item,
.BtnGroup-parent[aria-selected="true"] .BtnGroup-item,
.BtnGroup-parent:focus .BtnGroup-item,
.BtnGroup-parent:active .BtnGroup-item,
.BtnGroup-parent:hover .BtnGroup-item {
  border-right-width: 1px;
}

.BtnGroup-parent.selected + .BtnGroup-item,
.BtnGroup-parent.selected + .BtnGroup-parent .BtnGroup-item,
.BtnGroup-parent[aria-selected="true"] + .BtnGroup-item,
.BtnGroup-parent[aria-selected="true"] + .BtnGroup-parent .BtnGroup-item,
.BtnGroup-parent:focus + .BtnGroup-item,
.BtnGroup-parent:focus + .BtnGroup-parent .BtnGroup-item,
.BtnGroup-parent:active + .BtnGroup-item,
.BtnGroup-parent:active + .BtnGroup-parent .BtnGroup-item,
.BtnGroup-parent:hover + .BtnGroup-item,
.BtnGroup-parent:hover + .BtnGroup-parent .BtnGroup-item {
  border-left-width: 0;
}

.BtnGroup-item:focus,
.BtnGroup-item:active,
.BtnGroup-parent:focus,
.BtnGroup-parent:active {
  z-index: 1;
}

.btn-link {
  display: inline-block;
  padding: 0;
  font-size: inherit;
  color: var(--color-accent-fg);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn-link:hover {
  text-decoration: underline;
}

.btn-link:disabled,
.btn-link:disabled:hover,
.btn-link[aria-disabled="true"],
.btn-link[aria-disabled="true"]:hover {
  color: var(--color-primer-fg-disabled);
  cursor: default;
}

.btn-link:not(.dropdown-item):focus,
.btn-link:not(.dropdown-item):focus-visible {
  border-radius: 6px;
  outline-offset: 0;
}

.btn-invisible {
  color: var(--color-accent-fg);
  background-color: transparent;
  border: 0;
  border-radius: 6px;
  box-shadow: none;
}

.btn-invisible:hover,
.btn-invisible.zeroclipboard-is-hover {
  color: var(--color-accent-fg);
  background-color: var(--color-btn-hover-bg);
  outline: none;
  box-shadow: none;
}

.btn-invisible:active,
.btn-invisible.selected,
.btn-invisible[aria-selected="true"],
.btn-invisible.zeroclipboard-is-active {
  color: var(--color-accent-fg);
  background: none;
  border-color: var(--color-btn-active-border);
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.btn-invisible:active .btn-invisible.zeroclipboard-is-active {
  background-color: var(--color-btn-selected-bg);
}

.btn-invisible:disabled,
.btn-invisible.disabled,
.btn-invisible[aria-disabled="true"] {
  color: var(--color-primer-fg-disabled);
  background-color: transparent;
}

.btn-octicon {
  display: inline-block;
  padding: 5px;
  margin-left: 5px;
  line-height: 1;
  color: var(--color-fg-muted);
  vertical-align: middle;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.btn-octicon:hover {
  color: var(--color-accent-fg);
}

.btn-octicon:focus,
.btn-octicon:focus-visible {
  border-radius: 6px;
}

.btn-octicon.disabled,
.btn-octicon[aria-disabled="true"] {
  color: var(--color-primer-fg-disabled);
  cursor: default;
}

.btn-octicon.disabled:hover,
.btn-octicon[aria-disabled="true"]:hover {
  color: var(--color-primer-fg-disabled);
}

.btn-octicon-danger:hover {
  color: var(--color-danger-fg);
}

.close-button {
  padding: 0;
  color: var(--color-fg-muted);
  background: transparent;
  border: 0;
}

.close-button:hover {
  color: var(--color-fg-default);
}

.close-button:active {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.hidden-text-expander {
  display: block;
}

.hidden-text-expander.inline {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 5px;
  line-height: 0;
}

.hidden-text-expander a,
.ellipsis-expander {
  display: inline-block;
  height: 12px;
  padding: 0 5px 5px;
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 6px;
  color: var(--color-fg-default);
  text-decoration: none;
  vertical-align: middle;
  background: var(--color-neutral-muted);
  border: 0;
  border-radius: 1px;
}

.hidden-text-expander a:hover,
.ellipsis-expander:hover {
  text-decoration: none;
  background-color: var(--color-accent-muted);
}

.hidden-text-expander a:active,
.ellipsis-expander:active {
  color: var(--color-fg-on-emphasis);
  background-color: var(--color-accent-emphasis);
}

.btn-with-count {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-with-count:focus {
  z-index: 1;
}

.social-count {
  position: relative;
  float: left;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 20px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-default);
  border: 1px solid var(--color-btn-border);
  border-left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: var(--color-shadow-small), var(--color-primer-shadow-highlight);
}

.social-count:hover,
.social-count:active {
  text-decoration: none;
}

.social-count:hover {
  color: var(--color-accent-fg);
  cursor: pointer;
}

.TableObject {
  display: table;
}

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

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

.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.border-0:focus,
.form-control.border-0:focus-visible,
.form-select.border-0:focus,
.form-select.border-0:focus-visible {
  border: 1px solid var(--color-accent-fg) !important;
}

.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]::-moz-placeholder,
fieldset[disabled] .form-control::-moz-placeholder,
.form-select[disabled]::-moz-placeholder,
fieldset[disabled] .form-select::-moz-placeholder {
  color: var(--color-primer-fg-disabled);
}

.form-control[disabled]:-ms-input-placeholder,
fieldset[disabled] .form-control:-ms-input-placeholder,
.form-select[disabled]:-ms-input-placeholder,
fieldset[disabled] .form-select:-ms-input-placeholder {
  color: var(--color-primer-fg-disabled);
}

.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: 16px;
  }

  @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-contrast {
  background-color: var(--color-canvas-inset);
}

.input-contrast:focus {
  background-color: var(--color-canvas-default);
}

.input-sm {
  min-height: 28px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 20px;
}

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

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

.input-monospace {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
}

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

.form-checkbox {
  padding-left: 20px;
  margin: 15px 0;
  vertical-align: middle;
}

.form-checkbox label em.highlight {
  position: relative;
  left: -4px;
  padding: 2px 4px;
  font-style: normal;
  background: var(--color-attention-subtle);
  border-radius: 6px;
}

.form-checkbox input[type="checkbox"],
.form-checkbox input[type="radio"] {
  float: left;
  margin: 5px 0 0 -20px;
  vertical-align: middle;
}

.form-checkbox .note {
  display: block;
  margin: 0;
  font-size: 12px;
  font-weight: var(--base-text-weight-normal, 400);
  color: var(--color-fg-muted);
}

.form-checkbox-details {
  display: none;
}

.form-checkbox-details-trigger:checked ~ * .form-checkbox-details,
.form-checkbox-details-trigger:checked ~ .form-checkbox-details {
  display: block;
}

.hfields {
  margin: 15px 0;
}

.hfields::before {
  display: table;
  content: "";
}

.hfields::after {
  display: table;
  clear: both;
  content: "";
}

.hfields .form-group {
  float: left;
  margin: 0 30px 0 0;
}

.hfields .form-group dt label,
.hfields .form-group .form-group-header label {
  display: inline-block;
  margin: 5px 0 0;
  color: var(--color-fg-muted);
}

.hfields .form-group dt img,
.hfields .form-group .form-group-header img {
  position: relative;
  top: -2px;
}

.hfields .btn {
  float: left;
  margin: 28px 25px 0 -20px;
}

.hfields .form-select {
  margin-top: 5px;
}

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

.form-actions::before {
  display: table;
  content: "";
}

.form-actions::after {
  display: table;
  clear: both;
  content: "";
}

.form-actions .btn {
  float: right;
}

.form-actions .btn + .btn {
  margin-right: 5px;
}

.form-warning {
  padding: 8px 10px;
  margin: 10px 0;
  font-size: 14px;
  color: var(--color-attention-fg);
  background: var(--color-attention-subtle);
  border: 1px solid var(--color-attention-emphasis);
  border-radius: 6px;
}

.form-warning p {
  margin: 0;
  line-height: 1.5;
}

.form-warning a {
  font-weight: var(--base-text-weight-semibold, 600);
}

.form-select {
  display: inline-block;
  max-width: 100%;
  height: 32px;
  padding-right: 24px;
  background-color: var(--color-canvas-default);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: right 4px center;
  background-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-select::-ms-expand {
  opacity: 0;
}

.form-select[multiple] {
  height: auto;
}

[data-color-mode="light"][data-light-theme*="dark"] .form-select,
[data-color-mode="dark"][data-dark-theme*="dark"] .form-select {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
}

@media (prefers-color-scheme: light) {
  [data-color-mode="auto"][data-light-theme*="dark"] .form-select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
  }
}

@media (prefers-color-scheme: dark) {
  [data-color-mode="auto"][data-dark-theme*="dark"] .form-select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
  }
}

.select-sm {
  height: 28px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
}

.select-sm[multiple] {
  height: auto;
  min-height: 0;
}

.form-group {
  margin: 15px 0;
}

.form-group .form-control.autocomplete-embedded-icon-wrap:focus-within {
  background-color: var(--color-canvas-default);
}

.form-group .form-control {
  width: 440px;
  max-width: 100%;
  margin-right: 5px;
  background-color: var(--color-canvas-inset);
}

.form-group .form-control:focus {
  background-color: var(--color-canvas-default);
}

.form-group .form-control.shorter {
  width: 130px;
}

.form-group .form-control.short {
  width: 250px;
}

.form-group .form-control.input-block,
.form-group .form-control.long {
  width: 100%;
}

.form-group textarea.form-control {
  width: 100%;
  height: 200px;
  min-height: 200px;
}

.form-group textarea.form-control.short {
  height: 50px;
  min-height: 50px;
}

.form-group dt,
.form-group .form-group-header {
  margin: 0 0 6px;
}

.form-group label {
  position: relative;
}

.form-group.flattened dt,
.form-group.flattened .form-group-header {
  float: left;
  margin: 0;
  line-height: 32px;
}

.form-group.flattened dd,
.form-group.flattened .form-group-body {
  line-height: 32px;
}

.form-group dd h4,
.form-group .form-group-body h4 {
  margin: 4px 0 0;
}

.form-group dd h4.is-error,
.form-group .form-group-body h4.is-error {
  color: var(--color-danger-fg);
}

.form-group dd h4.is-success,
.form-group .form-group-body h4.is-success {
  color: var(--color-success-fg);
}

.form-group dd h4 + .note,
.form-group .form-group-body h4 + .note {
  margin-top: 0;
}

.form-group.required dt label::after,
.form-group.required .form-group-header label::after {
  padding-left: 5px;
  color: var(--color-danger-fg);
  content: "*";
}

.form-group .success,
.form-group .error,
.form-group .indicator {
  display: none;
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold, 600);
}

.form-group.loading {
  opacity: 0.5;
}

.form-group.loading .indicator {
  display: inline;
}

.form-group.loading .spinner {
  display: inline-block;
  vertical-align: middle;
}

.form-group.successful .success {
  display: inline;
  color: var(--color-success-fg);
}

.form-group.successed .success,
.form-group.successed .warning,
.form-group.successed .error,
.form-group.warn .success,
.form-group.warn .warning,
.form-group.warn .error,
.form-group.errored .success,
.form-group.errored .warning,
.form-group.errored .error {
  position: absolute;
  z-index: 10;
  display: block;
  max-width: 450px;
  padding: 4px 8px;
  margin: 8px 0 0;
  font-size: 12px;
  font-weight: var(--base-text-weight-normal, 400);
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
}

.form-group.successed .success::after,
.form-group.successed .success::before,
.form-group.successed .warning::after,
.form-group.successed .warning::before,
.form-group.successed .error::after,
.form-group.successed .error::before,
.form-group.warn .success::after,
.form-group.warn .success::before,
.form-group.warn .warning::after,
.form-group.warn .warning::before,
.form-group.warn .error::after,
.form-group.warn .error::before,
.form-group.errored .success::after,
.form-group.errored .success::before,
.form-group.errored .warning::after,
.form-group.errored .warning::before,
.form-group.errored .error::after,
.form-group.errored .error::before {
  position: absolute;
  bottom: 100%;
  left: 10px;
  z-index: 15;
  width: 0;
  height: 0;
  pointer-events: none;
  content: " ";
  border: solid transparent;
}

.form-group.successed .success::after,
.form-group.successed .warning::after,
.form-group.successed .error::after,
.form-group.warn .success::after,
.form-group.warn .warning::after,
.form-group.warn .error::after,
.form-group.errored .success::after,
.form-group.errored .warning::after,
.form-group.errored .error::after {
  border-width: 5px;
}

.form-group.successed .success::before,
.form-group.successed .warning::before,
.form-group.successed .error::before,
.form-group.warn .success::before,
.form-group.warn .warning::before,
.form-group.warn .error::before,
.form-group.errored .success::before,
.form-group.errored .warning::before,
.form-group.errored .error::before {
  margin-left: -1px;
  border-width: 6px;
}

.form-group.successed .success {
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
  background-image: linear-gradient(
    var(--color-success-subtle),
    var(--color-success-subtle)
  );
  border-color: var(--color-success-muted);
}

.form-group.successed .success::after {
  border-bottom-color: var(--color-success-subtle);
}

.form-group.successed .success::before {
  border-bottom-color: var(--color-success-muted);
}

.form-group.warn .form-control:not(:focus, :focus-visible) {
  border-color: var(--color-attention-emphasis);
}

.form-group.warn .warning {
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
  background-image: linear-gradient(
    var(--color-attention-subtle),
    var(--color-attention-subtle)
  );
  border-color: var(--color-attention-muted);
}

.form-group.warn .warning::after {
  border-bottom-color: var(--color-attention-subtle);
}

.form-group.warn .warning::before {
  border-bottom-color: var(--color-attention-muted);
}

.form-group.errored .form-control:not(:focus, :focus-visible) {
  border-color: var(--color-danger-emphasis);
}

.form-group.errored label {
  color: var(--color-danger-fg);
}

.form-group.errored .error {
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
  background-image: linear-gradient(
    var(--color-danger-subtle),
    var(--color-danger-subtle)
  );
  border-color: var(--color-danger-muted);
}

.form-group.errored .error::after {
  border-bottom-color: var(--color-danger-subtle);
}

.form-group.errored .error::before {
  border-bottom-color: var(--color-danger-muted);
}

.note {
  min-height: 17px;
  margin: 4px 0 2px;
  font-size: 12px;
  color: var(--color-fg-muted);
}

.note .spinner {
  margin-right: 3px;
  vertical-align: middle;
}

dl.form-group > dd .form-control.is-autocheck-loading,
dl.form-group > dd .form-control.is-autocheck-successful,
dl.form-group > dd .form-control.is-autocheck-errored,
.form-group > .form-group-body .form-control.is-autocheck-loading,
.form-group > .form-group-body .form-control.is-autocheck-successful,
.form-group > .form-group-body .form-control.is-autocheck-errored {
  padding-right: 30px;
}

dl.form-group > dd .form-control.is-autocheck-loading,
.form-group > .form-group-body .form-control.is-autocheck-loading {
  background-image: url("/images/spinners/octocat-spinner-16px.gif");
}

dl.form-group > dd .form-control.is-autocheck-successful,
.form-group > .form-group-body .form-control.is-autocheck-successful {
  background-image: url("/images/modules/ajax/success.png");
}

dl.form-group > dd .form-control.is-autocheck-errored,
.form-group > .form-group-body .form-control.is-autocheck-errored {
  background-image: url("/images/modules/ajax/error.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (-moz-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  dl.form-group > dd .form-control.is-autocheck-loading,
  dl.form-group > dd .form-control.is-autocheck-successful,
  dl.form-group > dd .form-control.is-autocheck-errored,
  .form-group > .form-group-body .form-control.is-autocheck-loading,
  .form-group > .form-group-body .form-control.is-autocheck-successful,
  .form-group > .form-group-body .form-control.is-autocheck-errored {
    background-size: 16px 16px;
  }

  dl.form-group > dd .form-control.is-autocheck-loading,
  .form-group > .form-group-body .form-control.is-autocheck-loading {
    background-image: url("/images/spinners/octocat-spinner-32.gif");
  }

  dl.form-group > dd .form-control.is-autocheck-successful,
  .form-group > .form-group-body .form-control.is-autocheck-successful {
    background-image: url("/images/modules/ajax/success@2x.png");
  }

  dl.form-group > dd .form-control.is-autocheck-errored,
  .form-group > .form-group-body .form-control.is-autocheck-errored {
    background-image: url("/images/modules/ajax/error@2x.png");
  }
}

.status-indicator {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

.status-indicator .octicon {
  display: none;
}

.status-indicator-success::before {
  content: "";
}

.status-indicator-success .octicon-check {
  display: inline-block;
  color: var(--color-success-fg);
  fill: var(--color-success-fg);
}

.status-indicator-success .octicon-x {
  display: none;
}

.status-indicator-failed::before {
  content: "";
}

.status-indicator-failed .octicon-check {
  display: none;
}

.status-indicator-failed .octicon-x {
  display: inline-block;
  color: var(--color-danger-fg);
  fill: var(--color-danger-fg);
}

.status-indicator-loading {
  width: 16px;
  background-image: url("/images/spinners/octocat-spinner-32-EAF2F5.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px;
}

.inline-form {
  display: inline-block;
}

.inline-form .btn-plain {
  background-color: transparent;
  border: 0;
}

.drag-and-drop {
  padding: 7px 10px;
  margin: 0;
  font-size: 13px;
  line-height: 16px;
  color: var(--color-fg-muted);
  background-color: var(--color-canvas-subtle);
  border: 1px solid var(--color-border-default);
  border-top: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.drag-and-drop .default,
.drag-and-drop .loading,
.drag-and-drop .error {
  display: none;
}

.drag-and-drop .error {
  color: var(--color-danger-fg);
}

.drag-and-drop img {
  vertical-align: top;
}

.is-default .drag-and-drop .default {
  display: inline-block;
}

.is-uploading .drag-and-drop .loading {
  display: inline-block;
}

.is-bad-file .drag-and-drop .bad-file {
  display: inline-block;
}

.is-duplicate-filename .drag-and-drop .duplicate-filename {
  display: inline-block;
}

.is-too-big .drag-and-drop .too-big {
  display: inline-block;
}

.is-hidden-file .drag-and-drop .hidden-file {
  display: inline-block;
}

.is-empty .drag-and-drop .empty {
  display: inline-block;
}

.is-bad-permissions .drag-and-drop .bad-permissions {
  display: inline-block;
}

.is-repository-required .drag-and-drop .repository-required {
  display: inline-block;
}

.drag-and-drop-error-info {
  font-weight: var(--base-text-weight-normal, 400);
  color: var(--color-fg-muted);
}

.drag-and-drop-error-info a {
  color: var(--color-accent-fg);
}

.is-failed .drag-and-drop .failed-request {
  display: inline-block;
}

.manual-file-chooser {
  position: absolute;
  width: 240px;
  padding: 5px;
  margin-left: -80px;
  cursor: pointer;
  opacity: 0.0001;
}

.manual-file-chooser:hover + .manual-file-chooser-text {
  text-decoration: underline;
}

.btn .manual-file-chooser {
  top: 0;
  padding: 0;
  line-height: 34px;
}

.upload-enabled textarea {
  display: block;
  border-bottom: 1px dashed var(--color-border-default);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.upload-enabled.focused {
  border-color: var(--color-accent-fg);
  border-radius: 6px;
  outline: none;
  box-shadow: 0 0 0 2px var(--color-accent-fg);
}

.upload-enabled.focused .form-control {
  border-color: transparent;
  border-bottom-color: var(--color-accent-fg);
  box-shadow: none;
}

.upload-enabled.focused .drag-and-drop {
  border-color: transparent;
}

.dragover textarea,
.dragover .drag-and-drop {
  box-shadow: #c9ff00 0 0 3px;
}

.write-content {
  position: relative;
}

.previewable-comment-form {
  position: relative;
}

.previewable-comment-form .tabnav {
  position: relative;
  padding: 8px 8px 0;
}

.previewable-comment-form .comment {
  border: 1px solid var(--color-border-default);
}

.previewable-comment-form .comment-form-error {
  margin-bottom: 8px;
}

.previewable-comment-form .write-content,
.previewable-comment-form .preview-content {
  display: none;
  margin: 0 8px 8px;
}

.previewable-comment-form.write-selected .write-content,
.previewable-comment-form.preview-selected .preview-content {
  display: block;
}

.previewable-comment-form textarea {
  display: block;
  width: 100%;
  min-height: 100px;
  max-height: 500px;
  padding: 8px;
  resize: vertical;
}

.form-action-spacious {
  margin-top: 10px;
}

div.composer {
  margin-top: 0;
  border: 0;
}

.composer .comment-form-textarea {
  height: 200px;
  min-height: 200px;
}

.composer .tabnav {
  margin: 0 0 10px;
}

h2.account {
  margin: 15px 0 0;
  font-size: 18px;
  font-weight: var(--base-text-weight-normal, 400);
  color: var(--color-fg-muted);
}

p.explain {
  position: relative;
  font-size: 12px;
  color: var(--color-fg-muted);
}

p.explain strong {
  color: var(--color-fg-default);
}

p.explain .octicon {
  margin-right: 5px;
  color: var(--color-fg-muted);
}

p.explain .minibutton {
  top: -4px;
  float: right;
}

.form-group label {
  position: static;
}

.input-group {
  display: table;
}

.input-group .form-control {
  position: relative;
  width: 100%;
}

.input-group .form-control:focus {
  z-index: 2;
}

.input-group .form-control + .btn {
  margin-left: 0;
}

.input-group.inline {
  display: inline-table;
}

.input-group:focus-within button {
  outline-offset: 0;
}

.input-group .form-control.autocomplete-embedded-icon-wrap {
  display: inline-flex;
  padding: 5px 8px;
}

.input-group .form-control,
.input-group-button {
  display: table-cell;
}

.input-group-button {
  width: 1%;
  vertical-align: middle;
}

.input-group-button--autocomplete-embedded-icon {
  vertical-align: bottom;
}

.input-group .form-control:first-child,
.input-group-button:first-child .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-button:first-child .btn {
  margin-right: -1px;
}

.input-group .form-control:last-child,
.input-group-button:last-child .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-button:last-child .btn {
  margin-left: -1px;
}

.radio-group::before {
  display: table;
  content: "";
}

.radio-group::after {
  display: table;
  clear: both;
  content: "";
}

.radio-label {
  float: left;
  padding: 6px 16px 6px 36px;
  margin-left: -1px;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-fg-default);
  cursor: pointer;
  border: 1px solid var(--color-border-default);
}

:checked + .radio-label {
  position: relative;
  z-index: 1;
  border-color: var(--color-accent-emphasis);
}

.radio-label:first-of-type {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.radio-label:last-of-type {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.radio-label .octicon {
  margin-left: 4px;
  color: var(--color-fg-subtle);
}

.radio-input {
  z-index: 3;
  float: left;
  margin: 10px -32px 0 16px;
}

.radio-input:disabled {
  position: relative;
}

.radio-input:disabled + .radio-label {
  color: var(--color-primer-fg-disabled);
  cursor: default;
  background-color: var(--color-neutral-subtle);
}

.radio-input:disabled + .radio-label .octicon {
  color: inherit;
}

.FormControl {
  display: inline-flex;
  flex-direction: column;
  gap: var(--base-size-4, 4px);
}

.FormControl--fullWidth {
  display: flex;
}

.FormControl-label {
  color: var(--color-fg-default);
  font-size: var(--primer-text-body-size-medium, 14px);
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: var(--primer-text-body-lineHeight-medium, 1.42857);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.FormControl-caption {
  color: var(--color-fg-muted);
  font-size: var(--primer-text-caption-size, 12px);
  font-weight: var(--primer-text-caption-weight, 400);
  line-height: var(--primer-text-caption-lineHeight, 1.33333);
  margin-bottom: 0;
}

.FormControl-inlineValidation {
  fill: var(--color-danger-fg);
  align-items: center;
  color: var(--color-danger-fg);
  display: flex;
  flex-direction: row;
  font-size: var(--primer-text-caption-size, 12px);
  font-weight: var(--base-text-weight-semibold, 600);
  gap: var(--base-size-4, 4px);
}

.FormControl-inlineValidation p {
  margin-bottom: 0;
}

.FormControl-input,
.FormControl-select,
.FormControl-textarea {
  background-color: var(--color-canvas-default);
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);
  color: var(--color-fg-default);
}

.FormControl-input[disabled],
.FormControl-select[disabled],
.FormControl-textarea[disabled] {
  -webkit-text-fill-color: var(--color-primer-fg-disabled);
  background-color: var(--color-input-disabled-bg);
  border-color: var(--color-border-default);
  color: var(--color-primer-fg-disabled);
  cursor: not-allowed;
  opacity: 1;
}

.FormControl-input[invalid]:not(:focus),
.FormControl-select[invalid]:not(:focus),
.FormControl-textarea[invalid]:not(:focus) {
  border-color: var(--color-danger-emphasis);
}

.FormControl-input:not([type="checkbox"], [type="radio"]):focus,
.FormControl-select:not([type="checkbox"], [type="radio"]):focus,
.FormControl-textarea:not([type="checkbox"], [type="radio"]):focus {
  border-color: var(--color-accent-fg);
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
  outline: none;
}

.FormControl-input:not([type="checkbox"], [type="radio"]):focus:not(
    :focus-visible
  ),
.FormControl-select:not([type="checkbox"], [type="radio"]):focus:not(
    :focus-visible
  ),
.FormControl-textarea:not([type="checkbox"], [type="radio"]):focus:not(
    :focus-visible
  ) {
  border-color: rgba(0, 0, 0, 0);
  border-color: var(--color-accent-fg);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0) var(--color-accent-fg);
  outline: none;
}

.FormControl-input:not([type="checkbox"], [type="radio"]):focus-visible,
.FormControl-select:not([type="checkbox"], [type="radio"]):focus-visible,
.FormControl-textarea:not([type="checkbox"], [type="radio"]):focus-visible {
  border-color: var(--color-accent-fg);
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
  outline: none;
}

.FormControl-input,
.FormControl-select,
.FormControl-textarea {
  border-radius: var(--primer-borderRadius-medium, 6px);
  font-size: var(--primer-text-body-size-medium, 14px);
  line-height: var(--primer-text-body-lineHeight-medium, 1.42857);
  padding-block: calc(
    var(--primer-control-medium-paddingBlock, 6px) -
      var(--primer-borderWidth-thin, 1px)
  );
  padding-inline: var(--primer-control-medium-paddingInline-condensed, 8px);
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
  width: 100%;
}

.FormControl-input[disabled]::-moz-placeholder,
.FormControl-select[disabled]::-moz-placeholder,
.FormControl-textarea[disabled]::-moz-placeholder {
  color: var(--color-primer-fg-disabled);
}

.FormControl-input[disabled]:-ms-input-placeholder,
.FormControl-select[disabled]:-ms-input-placeholder,
.FormControl-textarea[disabled]:-ms-input-placeholder {
  color: var(--color-primer-fg-disabled);
}

.FormControl-input[disabled]::placeholder,
.FormControl-select[disabled]::placeholder,
.FormControl-textarea[disabled]::placeholder {
  color: var(--color-primer-fg-disabled);
}

.FormControl-input[readonly],
.FormControl-select[readonly],
.FormControl-textarea[readonly] {
  background-color: var(--color-input-disabled-bg);
}

.FormControl-input::-moz-placeholder,
.FormControl-select::-moz-placeholder,
.FormControl-textarea::-moz-placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}

.FormControl-input:-ms-input-placeholder,
.FormControl-select:-ms-input-placeholder,
.FormControl-textarea:-ms-input-placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}

.FormControl-input::placeholder,
.FormControl-select::placeholder,
.FormControl-textarea::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}

.FormControl-input.FormControl-small,
.FormControl-select.FormControl-small,
.FormControl-textarea.FormControl-small {
  font-size: var(--primer-text-body-size-small, 12px);
  height: var(--primer-control-small-size, 28px);
  padding-block: var(--primer-control-small-paddingBlock, 4px);
  padding-inline: var(--primer-control-small-paddingInline-normal, 8px);
}

.FormControl-input.FormControl-medium,
.FormControl-select.FormControl-medium,
.FormControl-textarea.FormControl-medium {
  height: var(--primer-control-medium-size, 32px);
}

.FormControl-input.FormControl-large,
.FormControl-select.FormControl-large,
.FormControl-textarea.FormControl-large {
  height: var(--primer-control-large-size, 40px);
  padding-block: var(--primer-control-large-paddingBlock, 10px);
  padding-inline: var(--primer-control-large-paddingInline-normal, 12px);
}

.FormControl-input.FormControl-inset,
.FormControl-select.FormControl-inset,
.FormControl-textarea.FormControl-inset {
  background-color: var(--color-canvas-inset);
}

.FormControl-input.FormControl-inset:focus,
.FormControl-input.FormControl-inset:focus-visible,
.FormControl-select.FormControl-inset:focus,
.FormControl-select.FormControl-inset:focus-visible,
.FormControl-textarea.FormControl-inset:focus,
.FormControl-textarea.FormControl-inset:focus-visible {
  background-color: var(--color-canvas-default);
}

.FormControl-input.FormControl-monospace,
.FormControl-select.FormControl-monospace,
.FormControl-textarea.FormControl-monospace {
  font-family: var(
    --primer-fontStack-monospace,
    "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"
  );
}

.FormControl-input.FormControl-error,
.FormControl-select.FormControl-error,
.FormControl-textarea.FormControl-error {
  border-color: var(--color-danger-emphasis);
}

.FormControl-input.FormControl-success,
.FormControl-select.FormControl-success,
.FormControl-textarea.FormControl-success {
  border-color: var(--color-success-emphasis);
}

.FormControl-input.FormControl-warning,
.FormControl-select.FormControl-warning,
.FormControl-textarea.FormControl-warning {
  border-color: var(--color-attention-emphasis);
}

.FormControl-input-wrap {
  display: grid;
  position: relative;
}

.FormControl-input-wrap .FormControl-input-leadingVisualWrap {
  color: var(--color-fg-muted);
  display: block;
  height: var(--base-size-16, 16px);
  left: var(--base-size-8, 8px);
  pointer-events: none;
  position: absolute;
  top: var(--base-size-8, 8px);
  width: var(--base-size-16, 16px);
}

.FormControl-input-wrap
  .FormControl-input-leadingVisualWrap
  .FormControl-input-leadingVisual {
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.FormControl-input-wrap .FormControl-input-trailingAction {
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: var(--primer-borderRadius-small);
  color: var(--color-fg-muted);
  cursor: pointer;
  display: grid;
  height: var(--primer-control-xsmall-size, 24px);
  justify-content: center;
  padding: 0;
  position: absolute;
  right: var(--base-size-4, 4px);
  top: var(--base-size-4, 4px);
  transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  transition-property: color, background-color, border-color;
  width: var(--primer-control-xsmall-size, 24px);
  z-index: 4;
}

.FormControl-input-wrap .FormControl-input-trailingAction svg {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.FormControl-input-wrap .FormControl-input-trailingAction[disabled] {
  color: var(--color-primer-fg-disabled);
  pointer-events: none;
}

.FormControl-input-wrap .FormControl-input-trailingAction:hover {
  background: var(--color-action-list-item-default-hover-bg);
}

.FormControl-input-wrap .FormControl-input-trailingAction:active {
  background: var(--color-action-list-item-default-active-bg);
}

.FormControl-input-wrap
  .FormControl-input-trailingAction.FormControl-input-trailingAction--divider:before {
  background: var(--color-border-default);
  content: "";
  display: block;
  height: var(--base-size-16);
  left: calc(var(--base-size-4, 4px) * -1);
  position: absolute;
  top: calc((var(--primer-control-xsmall-size) - var(--base-size-16)) / 2);
  width: var(--primer-borderWidth-thin);
}

.FormControl-input-wrap .FormControl-input-trailingAction:after {
  content: "";
  height: 100%;
  left: 50%;
  min-height: var(--primer-control-medium-size, 32px)
    var(--primer-control-medium-size, 32px);
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

@media (pointer: coarse) {
  .FormControl-input-wrap .FormControl-input-trailingAction:after {
    min-height: var(--primer-control-minTarget-coarse, 44px);
    min-width: var(--primer-control-minTarget-coarse, 44px);
  }
}

.FormControl-input-wrap.FormControl-input-wrap--leadingVisual
  .FormControl-input {
  -webkit-padding-start: calc(
    var(--primer-control-medium-paddingInline-condensed, 8px) +
      var(--base-size-16, 16px) + var(--primer-control-medium-gap, 8px)
  );
  padding-inline-start: calc(
    var(--primer-control-medium-paddingInline-condensed, 8px) +
      var(--base-size-16, 16px) + var(--primer-control-medium-gap, 8px)
  );
}

.FormControl-input-wrap.FormControl-input-wrap--trailingAction
  .FormControl-input {
  -webkit-padding-end: calc(
    var(--primer-control-medium-paddingInline-condensed, 8px) +
      var(--base-size-16, 16px) + var(--primer-control-medium-gap, 8px)
  );
  padding-inline-end: calc(
    var(--primer-control-medium-paddingInline-condensed, 8px) +
      var(--base-size-16, 16px) + var(--primer-control-medium-gap, 8px)
  );
}

.FormControl-input-wrap.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider
  .FormControl-input {
  -webkit-padding-end: calc(
    var(--primer-control-medium-paddingInline-condensed, 8px) +
      var(--base-size-16, 16px) + var(--primer-control-medium-gap, 8px) +
      var(--primer-borderWidth-thin, 1px)
  );
  padding-inline-end: calc(
    var(--primer-control-medium-paddingInline-condensed, 8px) +
      var(--base-size-16, 16px) + var(--primer-control-medium-gap, 8px) +
      var(--primer-borderWidth-thin, 1px)
  );
}

.FormControl-input-wrap.FormControl-small .FormControl-input-leadingVisualWrap {
  left: calc(
    var(--primer-control-medium-paddingInline-condensed, 8px) - 0.125rem
  );
  top: calc(
    var(--primer-control-medium-paddingInline-condensed, 8px) - 0.125rem
  );
}

.FormControl-input-wrap.FormControl-small.FormControl-input-wrap--trailingAction
  .FormControl-input.FormControl-small {
  -webkit-padding-end: calc(
    var(--primer-control-small-paddingInline-condensed, 8px) +
      var(--base-size-16, 16px) + var(--primer-control-small-gap, 8px)
  );
  padding-inline-end: calc(
    var(--primer-control-small-paddingInline-condensed, 8px) +
      var(--base-size-16, 16px) + var(--primer-control-small-gap, 8px)
  );
}

.FormControl-input-wrap.FormControl-small.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider
  .FormControl-input.FormControl-small {
  -webkit-padding-end: calc(
    var(--primer-control-small-paddingInline-condensed, 8px) +
      var(--base-size-16, 16px) + var(--primer-control-small-gap, 8px) +
      var(--primer-borderWidth-thin, 1px)
  );
  padding-inline-end: calc(
    var(--primer-control-small-paddingInline-condensed, 8px) +
      var(--base-size-16, 16px) + var(--primer-control-small-gap, 8px) +
      var(--primer-borderWidth-thin, 1px)
  );
}

.FormControl-input-wrap.FormControl-small .FormControl-input-trailingAction {
  height: calc(
    var(--primer-control-small-size, 28px) - var(--base-size-8, 8px)
  );
  width: calc(var(--primer-control-small-size, 28px) - var(--base-size-8, 8px));
}

.FormControl-input-wrap.FormControl-small
  .FormControl-input-trailingAction:before {
  top: calc((var(--primer-control-xsmall-size) - var(--base-size-16)) / 4);
}

.FormControl-input-wrap.FormControl-large .FormControl-input-leadingVisualWrap {
  left: var(--primer-control-medium-paddingInline-normal, 12px);
  top: var(--primer-control-medium-paddingInline-normal, 12px);
}

.FormControl-input-wrap.FormControl-large.FormControl-input-wrap--leadingVisual
  .FormControl-input.FormControl-large {
  -webkit-padding-start: calc(
    var(--primer-control-large-paddingInline-normal, 12px) +
      var(--base-size-16, 16px) + var(--primer-control-large-gap, 8px)
  );
  padding-inline-start: calc(
    var(--primer-control-large-paddingInline-normal, 12px) +
      var(--base-size-16, 16px) + var(--primer-control-large-gap, 8px)
  );
}

.FormControl-input-wrap.FormControl-large.FormControl-input-wrap--trailingAction
  .FormControl-input.FormControl-large {
  -webkit-padding-end: calc(
    var(--primer-control-large-paddingInline-normal, 12px) +
      var(--base-size-16, 16px) + var(--primer-control-large-gap, 8px)
  );
  padding-inline-end: calc(
    var(--primer-control-large-paddingInline-normal, 12px) +
      var(--base-size-16, 16px) + var(--primer-control-large-gap, 8px)
  );
}

.FormControl-input-wrap.FormControl-large.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider
  .FormControl-input.FormControl-large {
  -webkit-padding-end: calc(
    var(--primer-control-large-paddingInline-normal, 12px) +
      var(--base-size-16, 16px) + var(--primer-control-large-gap, 8px) +
      var(--primer-borderWidth-thin, 1px)
  );
  padding-inline-end: calc(
    var(--primer-control-large-paddingInline-normal, 12px) +
      var(--base-size-16, 16px) + var(--primer-control-large-gap, 8px) +
      var(--primer-borderWidth-thin, 1px)
  );
}

.FormControl-input-wrap.FormControl-large .FormControl-input-trailingAction {
  height: var(--primer-control-small-size, 28px);
  right: calc(
    var(--primer-control-medium-paddingInline-condensed, 8px) - 0.125rem
  );
  top: calc(
    var(--primer-control-medium-paddingInline-condensed, 8px) - 0.125rem
  );
  width: var(--primer-control-small-size, 28px);
}

.FormControl-input-wrap.FormControl-large
  .FormControl-input-trailingAction:before {
  height: var(--base-size-20);
  top: unset;
}

.FormControl-select-wrap {
  display: grid;
  grid-template-columns: minmax(0, auto) var(--base-size-16, 16px);
}

.FormControl-select-wrap:after {
  background-color: var(--color-fg-muted);
  content: "";
  grid-column: 2;
  grid-row: 1;
  height: var(--base-size-16, 16px);
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiM1ODYwNjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuNDI3IDkuNDI3IDMuMzk2IDMuMzk2YS4yNTEuMjUxIDAgMCAwIC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwIDAgMTEuMzk2IDlINC42MDRhLjI1LjI1IDAgMCAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3IDcuODIgMy4wNzJhLjI1LjI1IDAgMCAxIC4zNTQgMEwxMS41NyA2LjQ3YS4yNS4yNSAwIDAgMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMCAxLS4xNzctLjQyN3oiLz48L3N2Zz4=");
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiM1ODYwNjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuNDI3IDkuNDI3IDMuMzk2IDMuMzk2YS4yNTEuMjUxIDAgMCAwIC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwIDAgMTEuMzk2IDlINC42MDRhLjI1LjI1IDAgMCAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3IDcuODIgMy4wNzJhLjI1LjI1IDAgMCAxIC4zNTQgMEwxMS41NyA2LjQ3YS4yNS4yNSAwIDAgMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMCAxLS4xNzctLjQyN3oiLz48L3N2Zz4=");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  padding-right: var(--base-size-4, 4px);
  place-self: center end;
  pointer-events: none;
  width: var(--base-size-16, 16px);
}

.FormControl-select-wrap .FormControl-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  grid-column: 1/-1;
  grid-row: 1;
  padding-right: var(--base-size-20, 20px);
}

.FormControl-checkbox-wrap,
.FormControl-radio-wrap {
  display: inline-grid;
  gap: var(--base-size-8, 8px);
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}

.FormControl-checkbox-wrap .FormControl-checkbox-labelWrap,
.FormControl-checkbox-wrap .FormControl-radio-labelWrap,
.FormControl-radio-wrap .FormControl-checkbox-labelWrap,
.FormControl-radio-wrap .FormControl-radio-labelWrap {
  display: flex;
  flex-direction: column;
  gap: var(--base-size-4, 4px);
}

.FormControl-checkbox-wrap .FormControl-label,
.FormControl-radio-wrap .FormControl-label {
  cursor: pointer;
}

input[type="checkbox"].FormControl-checkbox {
  background-color: var(--color-canvas-default);
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);
  color: var(--color-fg-default);
}

input.FormControl-checkbox[type="checkbox"][disabled] {
  -webkit-text-fill-color: var(--color-primer-fg-disabled);
  background-color: var(--color-input-disabled-bg);
  border-color: var(--color-border-default);
  color: var(--color-primer-fg-disabled);
  cursor: not-allowed;
  opacity: 1;
}

input.FormControl-checkbox[type="checkbox"][invalid]:not(:focus) {
  border-color: var(--color-danger-emphasis);
}

input.FormControl-checkbox[type="checkbox"]:not(
    [type="checkbox"],
    [type="radio"]
  ):focus {
  border-color: var(--color-accent-fg);
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
  outline: none;
}

input.FormControl-checkbox[type="checkbox"]:not(
    [type="checkbox"],
    [type="radio"]
  ):focus:not(:focus-visible) {
  border-color: rgba(0, 0, 0, 0);
  border-color: var(--color-accent-fg);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0) var(--color-accent-fg);
  outline: none;
}

input.FormControl-checkbox[type="checkbox"]:not(
    [type="checkbox"],
    [type="radio"]
  ):focus-visible {
  border-color: var(--color-accent-fg);
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
  outline: none;
}

input[type="checkbox"].FormControl-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-color: var(--color-neutral-emphasis);
  border-radius: var(--primer-borderRadius-small, 3px);
  cursor: pointer;
  display: grid;
  height: var(--base-size-16, 16px);
  margin: 0.125rem 0 0;
  place-content: center;
  position: relative;
  transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);
  width: var(--base-size-16, 16px);
}

input.FormControl-checkbox[type="checkbox"]:before {
  background-color: var(--color-fg-on-emphasis);
  -webkit-clip-path: inset(var(--base-size-16, 16px) 0 0 0);
  clip-path: inset(var(--base-size-16, 16px) 0 0 0);
  content: "";
  height: var(--base-size-16, 16px);
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjc4LjIyYS43NS43NSAwIDAgMSAwIDEuMDYxTDQuNTIgOC41NDFhLjc1Mi43NTIgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1MS43NTEgMCAwIDEgMS4wNjIgMFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjc4LjIyYS43NS43NSAwIDAgMSAwIDEuMDYxTDQuNTIgOC41NDFhLjc1Mi43NTIgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1MS43NTEgMCAwIDEgMS4wNjIgMFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 75%;
  mask-size: 75%;
  transition: visibility 0s linear 0.23s;
  visibility: hidden;
  width: var(--base-size-16, 16px);
}

@media screen and (prefers-reduced-motion: no-preference) {
  input.FormControl-checkbox[type="checkbox"]:before {
    -webkit-animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
    animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
  }
}

input.FormControl-checkbox[type="checkbox"]:after {
  content: "";
  height: 100%;
  left: 50%;
  min-height: var(--primer-control-medium-size, 32px)
    var(--primer-control-medium-size, 32px);
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

input.FormControl-checkbox[type="checkbox"][disabled]
  ~ .FormControl-checkbox-labelWrap
  .FormControl-label,
input.FormControl-checkbox[type="checkbox"][disabled]
  ~ .FormControl-radio-labelWrap
  .FormControl-label {
  color: var(--color-primer-fg-disabled);
  cursor: not-allowed;
}

input.FormControl-checkbox[type="checkbox"]:checked {
  background: var(--color-accent-fg);
  border-color: var(--color-accent-fg);
  transition: background-color,
    border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms;
}

input.FormControl-checkbox[type="checkbox"]:checked:before {
  transition: visibility 0s linear 0s;
  visibility: visible;
}

@media screen and (prefers-reduced-motion: no-preference) {
  input.FormControl-checkbox[type="checkbox"]:checked:before {
    -webkit-animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) 80ms
      forwards;
    animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) 80ms forwards;
  }
}

input.FormControl-checkbox[type="checkbox"]:checked:disabled {
  background-color: var(--color-primer-fg-disabled);
  border-color: var(--color-primer-fg-disabled);
  cursor: not-allowed;
  opacity: 1;
}

input.FormControl-checkbox[type="checkbox"]:checked:disabled:before {
  background-color: var(--color-fg-on-emphasis);
}

@media (forced-colors: active) {
  input.FormControl-checkbox[type="checkbox"]:checked {
    background-color: canvastext;
    border-color: canvastext;
  }
}

input.FormControl-checkbox[type="checkbox"]:focus-visible {
  box-shadow: none;
  outline: 2px solid var(--color-accent-fg);
  outline-offset: 2px;
}

input.FormControl-checkbox[type="checkbox"]:indeterminate:before {
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMWExIDEgMCAwIDEgMS0xaDhhMSAxIDAgMSAxIDAgMkgxYTEgMSAwIDAgMS0xLTFaIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMWExIDEgMCAwIDEgMS0xaDhhMSAxIDAgMSAxIDAgMkgxYTEgMSAwIDAgMS0xLTFaIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
  visibility: visible;
}

input[type="radio"].FormControl-radio {
  background-color: var(--color-canvas-default);
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);
  color: var(--color-fg-default);
}

input.FormControl-radio[type="radio"][disabled] {
  -webkit-text-fill-color: var(--color-primer-fg-disabled);
  background-color: var(--color-input-disabled-bg);
  border-color: var(--color-border-default);
  color: var(--color-primer-fg-disabled);
  cursor: not-allowed;
  opacity: 1;
}

input.FormControl-radio[type="radio"][invalid]:not(:focus) {
  border-color: var(--color-danger-emphasis);
}

input.FormControl-radio[type="radio"]:not(
    [type="checkbox"],
    [type="radio"]
  ):focus {
  border-color: var(--color-accent-fg);
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
  outline: none;
}

input.FormControl-radio[type="radio"]:not(
    [type="checkbox"],
    [type="radio"]
  ):focus:not(:focus-visible) {
  border-color: rgba(0, 0, 0, 0);
  border-color: var(--color-accent-fg);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0) var(--color-accent-fg);
  outline: none;
}

input.FormControl-radio[type="radio"]:not(
    [type="checkbox"],
    [type="radio"]
  ):focus-visible {
  border-color: var(--color-accent-fg);
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
  outline: none;
}

input[type="radio"].FormControl-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-color: var(--color-neutral-emphasis);
  border-radius: var(--primer-borderRadius-full, 100vh);
  cursor: pointer;
  height: var(--base-size-16, 16px);
  margin: 0.125rem 0 0;
  position: relative;
  transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);
  width: var(--base-size-16, 16px);
}

input.FormControl-radio[type="radio"]:after {
  content: "";
  height: 100%;
  left: 50%;
  min-height: var(--primer-control-medium-size, 32px)
    var(--primer-control-medium-size, 32px);
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

input.FormControl-radio[type="radio"]:checked {
  border-color: var(--color-accent-fg);
  border-width: var(--base-size-4, 4px);
}

input.FormControl-radio[type="radio"]:checked:disabled {
  border-color: var(--color-primer-fg-disabled);
  cursor: not-allowed;
}

input.FormControl-radio[type="radio"]:focus-visible {
  box-shadow: none;
  outline: 2px solid var(--color-accent-fg);
  outline-offset: 2px;
}

@media (forced-colors: active) {
  input[type="radio"].FormControl-radio {
    background-color: canvastext;
    border-color: canvastext;
  }
}

@keyframes checkmarkIn {
  0% {
    -webkit-clip-path: inset(var(--base-size-16, 16px) 0 0 0);
    clip-path: inset(var(--base-size-16, 16px) 0 0 0);
  }

  to {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
}

@keyframes checkmarkOut {
  0% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }

  to {
    -webkit-clip-path: inset(var(--base-size-16, 16px) 0 0 0);
    clip-path: inset(var(--base-size-16, 16px) 0 0 0);
  }
}

.AppFrame .AppFrame-a11yNav {
  position: absolute;
  z-index: 1000;
  display: flex;
  width: 100%;
  padding: var(--base-size-16, 16px);
  background: var(--color-canvas-inset);
  -webkit-padding-after: calc(
    var(--base-size-16, 16px) - var(--primer-borderWidth-thin, 1px)
  );
  padding-block-end: calc(
    var(--base-size-16, 16px) - var(--primer-borderWidth-thin, 1px)
  );
  isolation: isolate;
  align-items: center;
  gap: var(--base-size-8, 8px);
}

.AppFrame .AppFrame-a11yNav:not(:focus-within) {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
}

.AppFrame .AppFrame-a11yNav:focus-within {
  top: 0;
  left: 0;
}

@media (max-width: 767.98px) {
  .AppFrame .AppFrame-a11yNav:focus-within {
    justify-content: center;
  }
}

.AppFrame .AppFrame-a11yLink {
  transition: none;
}

.AppFrame .AppFrame-a11yLink:not(:focus) {
  display: block;
  width: var(--base-size-8, 8px);
  height: var(--base-size-8, 8px);
  overflow: hidden;
  text-indent: var(--base-size-128, 128px);
  pointer-events: none;
  background: var(--color-border-default);
  border-radius: var(--primer-borderRadius-full, 100vh);
}

.AppFrame .AppFrame-a11yLink:focus {
  z-index: 20;
  display: grid;
  width: auto;
  height: auto;
  min-height: var(--primer-control-medium-size, 32px);
  padding: 0 var(--primer-control-medium-paddingInline-spacious, 16px);
  overflow: auto;
  color: var(--color-fg-on-emphasis);
  background: var(--color-accent-emphasis);
  border-radius: var(--primer-borderRadius-full, 100vh);
  align-items: center;
}

@media (pointer: coarse) {
  .AppFrame .AppFrame-a11yLink:focus::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    min-height: var(--primer-control-minTarget-coarse, 44px);
    content: "";
    transform: translateX(-50%) translateY(-50%);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .AppFrame .AppFrame-a11yLink:focus {
    -webkit-animation: AppFrame-a11yLink-focus 200ms ease-out;
    animation: AppFrame-a11yLink-focus 200ms ease-out;
  }
}

@-webkit-keyframes AppFrame-a11yLink-focus {
  0% {
    color: var(--color-accent-emphasis);
    transform: scale(0.3, 0.25);
  }

  50% {
    color: var(--color-accent-emphasis);
    transform: scale(1, 1);
  }

  55% {
    color: var(--color-fg-on-emphasis);
  }

  100% {
    transform: scaleX(1);
  }
}

@keyframes AppFrame-a11yLink-focus {
  0% {
    color: var(--color-accent-emphasis);
    transform: scale(0.3, 0.25);
  }

  50% {
    color: var(--color-accent-emphasis);
    transform: scale(1, 1);
  }

  55% {
    color: var(--color-fg-on-emphasis);
  }

  100% {
    transform: scaleX(1);
  }
}

.AppFrame .AppFrame-main {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

@supports (height: 100dvh) {
  .AppFrame .AppFrame-main {
    min-height: 100 dvh;
  }
}

.AppFrame .AppFrame-header-wrapper {
  position: relative;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  overflow: visible;
}

.AppFrame .AppFrame-header-wrapper .AppFrame-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

.AppFrame .AppFrame-header {
  flex: 0 0 auto;
}

.AppFrame .AppFrame-subheader {
  flex: 0 0 auto;
}

.AppFrame .AppFrame-body {
  flex: 1 0;
  height: 100%;
}

.AppFrame .AppFrame-footer {
  flex: 0 0 auto;
}

.container-sm {
  max-width: 544px;
  margin-right: auto;
  margin-left: auto;
}

.container-md {
  max-width: 768px;
  margin-right: auto;
  margin-left: auto;
}

.container-lg {
  max-width: 1012px;
  margin-right: auto;
  margin-left: auto;
}

.container-xl {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.col-1 {
  width: 8.33333333%;
}

.col-2 {
  width: 16.66666666%;
}

.col-3 {
  width: 24.99999999%;
}

.col-4 {
  width: 33.33333332%;
}

.col-5 {
  width: 41.66666665%;
}

.col-6 {
  width: 49.99999998%;
}

.col-7 {
  width: 58.33333331%;
}

.col-8 {
  width: 66.66666664%;
}

.col-9 {
  width: 74.99999997%;
}

.col-10 {
  width: 83.3333333%;
}

.col-11 {
  width: 91.66666663%;
}

.col-12 {
  width: 100%;
}

@media (min-width: 544px) {
  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-2 {
    width: 16.66666666%;
  }

  .col-sm-3 {
    width: 24.99999999%;
  }

  .col-sm-4 {
    width: 33.33333332%;
  }

  .col-sm-5 {
    width: 41.66666665%;
  }

  .col-sm-6 {
    width: 49.99999998%;
  }

  .col-sm-7 {
    width: 58.33333331%;
  }

  .col-sm-8 {
    width: 66.66666664%;
  }

  .col-sm-9 {
    width: 74.99999997%;
  }

  .col-sm-10 {
    width: 83.3333333%;
  }

  .col-sm-11 {
    width: 91.66666663%;
  }

  .col-sm-12 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-2 {
    width: 16.66666666%;
  }

  .col-md-3 {
    width: 24.99999999%;
  }

  .col-md-4 {
    width: 33.33333332%;
  }

  .col-md-5 {
    width: 41.66666665%;
  }

  .col-md-6 {
    width: 49.99999998%;
  }

  .col-md-7 {
    width: 58.33333331%;
  }

  .col-md-8 {
    width: 66.66666664%;
  }

  .col-md-9 {
    width: 74.99999997%;
  }

  .col-md-10 {
    width: 83.3333333%;
  }

  .col-md-11 {
    width: 91.66666663%;
  }

  .col-md-12 {
    width: 100%;
  }
}

@media (min-width: 1012px) {
  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-2 {
    width: 16.66666666%;
  }

  .col-lg-3 {
    width: 24.99999999%;
  }

  .col-lg-4 {
    width: 33.33333332%;
  }

  .col-lg-5 {
    width: 41.66666665%;
  }

  .col-lg-6 {
    width: 49.99999998%;
  }

  .col-lg-7 {
    width: 58.33333331%;
  }

  .col-lg-8 {
    width: 66.66666664%;
  }

  .col-lg-9 {
    width: 74.99999997%;
  }

  .col-lg-10 {
    width: 83.3333333%;
  }

  .col-lg-11 {
    width: 91.66666663%;
  }

  .col-lg-12 {
    width: 100%;
  }
}

@media (min-width: 1280px) {
  .col-xl-1 {
    width: 8.33333333%;
  }

  .col-xl-2 {
    width: 16.66666666%;
  }

  .col-xl-3 {
    width: 24.99999999%;
  }

  .col-xl-4 {
    width: 33.33333332%;
  }

  .col-xl-5 {
    width: 41.66666665%;
  }

  .col-xl-6 {
    width: 49.99999998%;
  }

  .col-xl-7 {
    width: 58.33333331%;
  }

  .col-xl-8 {
    width: 66.66666664%;
  }

  .col-xl-9 {
    width: 74.99999997%;
  }

  .col-xl-10 {
    width: 83.3333333%;
  }

  .col-xl-11 {
    width: 91.66666663%;
  }

  .col-xl-12 {
    width: 100%;
  }
}

.gutter {
  margin-right: -16px;
  margin-left: -16px;
}

.gutter > [class*="col-"] {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.gutter-condensed {
  margin-right: -8px;
  margin-left: -8px;
}

.gutter-condensed > [class*="col-"] {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.gutter-spacious {
  margin-right: -24px;
  margin-left: -24px;
}

.gutter-spacious > [class*="col-"] {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

@media (min-width: 544px) {
  .gutter-sm {
    margin-right: -16px;
    margin-left: -16px;
  }

  .gutter-sm > [class*="col-"] {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .gutter-sm-condensed {
    margin-right: -8px;
    margin-left: -8px;
  }

  .gutter-sm-condensed > [class*="col-"] {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .gutter-sm-spacious {
    margin-right: -24px;
    margin-left: -24px;
  }

  .gutter-sm-spacious > [class*="col-"] {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}

@media (min-width: 768px) {
  .gutter-md {
    margin-right: -16px;
    margin-left: -16px;
  }

  .gutter-md > [class*="col-"] {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .gutter-md-condensed {
    margin-right: -8px;
    margin-left: -8px;
  }

  .gutter-md-condensed > [class*="col-"] {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .gutter-md-spacious {
    margin-right: -24px;
    margin-left: -24px;
  }

  .gutter-md-spacious > [class*="col-"] {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}

@media (min-width: 1012px) {
  .gutter-lg {
    margin-right: -16px;
    margin-left: -16px;
  }

  .gutter-lg > [class*="col-"] {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .gutter-lg-condensed {
    margin-right: -8px;
    margin-left: -8px;
  }

  .gutter-lg-condensed > [class*="col-"] {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .gutter-lg-spacious {
    margin-right: -24px;
    margin-left: -24px;
  }

  .gutter-lg-spacious > [class*="col-"] {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}

@media (min-width: 1280px) {
  .gutter-xl {
    margin-right: -16px;
    margin-left: -16px;
  }

  .gutter-xl > [class*="col-"] {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .gutter-xl-condensed {
    margin-right: -8px;
    margin-left: -8px;
  }

  .gutter-xl-condensed > [class*="col-"] {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .gutter-xl-spacious {
    margin-right: -24px;
    margin-left: -24px;
  }

  .gutter-xl-spacious > [class*="col-"] {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}

.offset-1 {
  margin-left: 8.33333333% !important;
}

.offset-2 {
  margin-left: 16.66666666% !important;
}

.offset-3 {
  margin-left: 24.99999999% !important;
}

.offset-4 {
  margin-left: 33.33333332% !important;
}

.offset-5 {
  margin-left: 41.66666665% !important;
}

.offset-6 {
  margin-left: 49.99999998% !important;
}

.offset-7 {
  margin-left: 58.33333331% !important;
}

.offset-8 {
  margin-left: 66.66666664% !important;
}

.offset-9 {
  margin-left: 74.99999997% !important;
}

.offset-10 {
  margin-left: 83.3333333% !important;
}

.offset-11 {
  margin-left: 91.66666663% !important;
}

@media (min-width: 544px) {
  .offset-sm-1 {
    margin-left: 8.33333333% !important;
  }

  .offset-sm-2 {
    margin-left: 16.66666666% !important;
  }

  .offset-sm-3 {
    margin-left: 24.99999999% !important;
  }

  .offset-sm-4 {
    margin-left: 33.33333332% !important;
  }

  .offset-sm-5 {
    margin-left: 41.66666665% !important;
  }

  .offset-sm-6 {
    margin-left: 49.99999998% !important;
  }

  .offset-sm-7 {
    margin-left: 58.33333331% !important;
  }

  .offset-sm-8 {
    margin-left: 66.66666664% !important;
  }

  .offset-sm-9 {
    margin-left: 74.99999997% !important;
  }

  .offset-sm-10 {
    margin-left: 83.3333333% !important;
  }

  .offset-sm-11 {
    margin-left: 91.66666663% !important;
  }
}

@media (min-width: 768px) {
  .offset-md-1 {
    margin-left: 8.33333333% !important;
  }

  .offset-md-2 {
    margin-left: 16.66666666% !important;
  }

  .offset-md-3 {
    margin-left: 24.99999999% !important;
  }

  .offset-md-4 {
    margin-left: 33.33333332% !important;
  }

  .offset-md-5 {
    margin-left: 41.66666665% !important;
  }

  .offset-md-6 {
    margin-left: 49.99999998% !important;
  }

  .offset-md-7 {
    margin-left: 58.33333331% !important;
  }

  .offset-md-8 {
    margin-left: 66.66666664% !important;
  }

  .offset-md-9 {
    margin-left: 74.99999997% !important;
  }

  .offset-md-10 {
    margin-left: 83.3333333% !important;
  }

  .offset-md-11 {
    margin-left: 91.66666663% !important;
  }
}

@media (min-width: 1012px) {
  .offset-lg-1 {
    margin-left: 8.33333333% !important;
  }

  .offset-lg-2 {
    margin-left: 16.66666666% !important;
  }

  .offset-lg-3 {
    margin-left: 24.99999999% !important;
  }

  .offset-lg-4 {
    margin-left: 33.33333332% !important;
  }

  .offset-lg-5 {
    margin-left: 41.66666665% !important;
  }

  .offset-lg-6 {
    margin-left: 49.99999998% !important;
  }

  .offset-lg-7 {
    margin-left: 58.33333331% !important;
  }

  .offset-lg-8 {
    margin-left: 66.66666664% !important;
  }

  .offset-lg-9 {
    margin-left: 74.99999997% !important;
  }

  .offset-lg-10 {
    margin-left: 83.3333333% !important;
  }

  .offset-lg-11 {
    margin-left: 91.66666663% !important;
  }
}

@media (min-width: 1280px) {
  .offset-xl-1 {
    margin-left: 8.33333333% !important;
  }

  .offset-xl-2 {
    margin-left: 16.66666666% !important;
  }

  .offset-xl-3 {
    margin-left: 24.99999999% !important;
  }

  .offset-xl-4 {
    margin-left: 33.33333332% !important;
  }

  .offset-xl-5 {
    margin-left: 41.66666665% !important;
  }

  .offset-xl-6 {
    margin-left: 49.99999998% !important;
  }

  .offset-xl-7 {
    margin-left: 58.33333331% !important;
  }

  .offset-xl-8 {
    margin-left: 66.66666664% !important;
  }

  .offset-xl-9 {
    margin-left: 74.99999997% !important;
  }

  .offset-xl-10 {
    margin-left: 83.3333333% !important;
  }

  .offset-xl-11 {
    margin-left: 91.66666663% !important;
  }
}

.Layout {
  --Layout-sidebar-width: 220px;
  --Layout-gutter: 16px;
  display: grid;
}

@media (max-width: 543.98px) {
  .Layout {
    grid-auto-flow: row;
    grid-template-columns: 1fr !important;
  }

  .Layout .Layout-divider,
  .Layout .Layout-main,
  .Layout .Layout-sidebar {
    grid-column: 1 !important;
    width: 100% !important;
  }

  .Layout.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
    grid-row: 1;
  }

  .Layout.Layout--sidebarPosition-flowRow-end .Layout-sidebar,
  .Layout.Layout--sidebarPosition-flowRow-start .Layout-main {
    grid-row: 2 / span 2;
  }

  .Layout.Layout--sidebarPosition-flowRow-end .Layout-main {
    grid-row: 1;
  }

  .Layout.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
    display: none;
  }

  .Layout.Layout--divided {
    --Layout-gutter: 0;
  }

  .Layout.Layout--divided .Layout-divider {
    grid-row: 2;
    height: 1px;
  }

  .Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden {
    display: none;
  }

  .Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow {
    background: var(--color-canvas-inset);
    border-color: var(--color-border-default);
    border-style: solid;
    border-width: var(--primer-borderWidth-thin, 1px) 0;
    height: 8px;
    margin-right: 0;
  }

  .Layout.Layout--divided .Layout-main,
  .Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
    grid-row: 3 / span 1;
  }

  .Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
    grid-row: 1;
  }
}

@media (max-width: 767.98px) {
  .Layout.Layout--flowRow-until-md {
    grid-auto-flow: row;
    grid-template-columns: 1fr !important;
  }

  .Layout.Layout--flowRow-until-md .Layout-divider,
  .Layout.Layout--flowRow-until-md .Layout-main,
  .Layout.Layout--flowRow-until-md .Layout-sidebar {
    grid-column: 1 !important;
    width: 100% !important;
  }

  .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start
    .Layout-sidebar {
    grid-row: 1;
  }

  .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end
    .Layout-sidebar,
  .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start
    .Layout-main {
    grid-row: 2 / span 2;
  }

  .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end
    .Layout-main {
    grid-row: 1;
  }

  .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-none
    .Layout-sidebar {
    display: none;
  }

  .Layout.Layout--flowRow-until-md.Layout--divided {
    --Layout-gutter: 0;
  }

  .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider {
    grid-row: 2;
    height: 1px;
  }

  .Layout.Layout--flowRow-until-md.Layout--divided
    .Layout-divider.Layout-divider--flowRow-hidden {
    display: none;
  }

  .Layout.Layout--flowRow-until-md.Layout--divided
    .Layout-divider.Layout-divider--flowRow-shallow {
    background: var(--color-canvas-inset);
    border-color: var(--color-border-default);
    border-style: solid;
    border-width: var(--primer-borderWidth-thin, 1px) 0;
    height: 8px;
    margin-right: 0;
  }

  .Layout.Layout--flowRow-until-md.Layout--divided .Layout-main,
  .Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end
    .Layout-sidebar {
    grid-row: 3 / span 1;
  }

  .Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end
    .Layout-main {
    grid-row: 1;
  }
}

@media (max-width: 1011.98px) {
  .Layout.Layout--flowRow-until-lg {
    grid-auto-flow: row;
    grid-template-columns: 1fr !important;
  }

  .Layout.Layout--flowRow-until-lg .Layout-divider,
  .Layout.Layout--flowRow-until-lg .Layout-main,
  .Layout.Layout--flowRow-until-lg .Layout-sidebar {
    grid-column: 1 !important;
    width: 100% !important;
  }

  .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start
    .Layout-sidebar {
    grid-row: 1;
  }

  .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end
    .Layout-sidebar,
  .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start
    .Layout-main {
    grid-row: 2 / span 2;
  }

  .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end
    .Layout-main {
    grid-row: 1;
  }

  .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-none
    .Layout-sidebar {
    display: none;
  }

  .Layout.Layout--flowRow-until-lg.Layout--divided {
    --Layout-gutter: 0;
  }

  .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider {
    grid-row: 2;
    height: 1px;
  }

  .Layout.Layout--flowRow-until-lg.Layout--divided
    .Layout-divider.Layout-divider--flowRow-hidden {
    display: none;
  }

  .Layout.Layout--flowRow-until-lg.Layout--divided
    .Layout-divider.Layout-divider--flowRow-shallow {
    background: var(--color-canvas-inset);
    border-color: var(--color-border-default);
    border-style: solid;
    border-width: var(--primer-borderWidth-thin, 1px) 0;
    height: 8px;
    margin-right: 0;
  }

  .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-main,
  .Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end
    .Layout-sidebar {
    grid-row: 3 / span 1;
  }

  .Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end
    .Layout-main {
    grid-row: 1;
  }
}

.Layout {
  grid-gap: var(--Layout-gutter);
  grid-auto-flow: column;
  grid-template-columns: auto 0 minmax(
      0,
      calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))
    );
}

.Layout .Layout-sidebar {
  grid-column: 1;
}

.Layout .Layout-divider {
  display: none;
}

.Layout .Layout-main {
  grid-column: 2 / span 2;
}

@media (min-width: 1012px) {
  .Layout {
    --Layout-gutter: 24px;
  }
}

.Layout.Layout--gutter-none {
  --Layout-gutter: 0px;
}

.Layout.Layout--gutter-condensed {
  --Layout-gutter: 16px;
}

@media (min-width: 1012px) {
  .Layout.Layout--gutter-spacious {
    --Layout-gutter: 32px;
  }
}

@media (min-width: 1280px) {
  .Layout.Layout--gutter-spacious {
    --Layout-gutter: 40px;
  }
}

@media (min-width: 544px) {
  .Layout {
    --Layout-sidebar-width: 220px;
  }
}

@media (min-width: 768px) {
  .Layout {
    --Layout-sidebar-width: 256px;
  }
}

@media (min-width: 1012px) {
  .Layout {
    --Layout-sidebar-width: 296px;
  }
}

@media (min-width: 768px) {
  .Layout.Layout--sidebar-narrow {
    --Layout-sidebar-width: 240px;
  }
}

@media (min-width: 1012px) {
  .Layout.Layout--sidebar-narrow {
    --Layout-sidebar-width: 256px;
  }

  .Layout.Layout--sidebar-wide {
    --Layout-sidebar-width: 320px;
  }
}

@media (min-width: 1280px) {
  .Layout.Layout--sidebar-wide {
    --Layout-sidebar-width: 336px;
  }
}

.Layout.Layout--sidebarPosition-start .Layout-sidebar {
  grid-column: 1;
}

.Layout.Layout--sidebarPosition-start .Layout-main {
  grid-column: 2 / span 2;
}

.Layout.Layout--sidebarPosition-end {
  grid-template-columns:
    minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter)))
    0 auto;
}

.Layout.Layout--sidebarPosition-end .Layout-main {
  grid-column: 1;
}

.Layout.Layout--sidebarPosition-end .Layout-sidebar {
  grid-column: 2 / span 2;
}

.Layout.Layout--divided .Layout-divider {
  background: var(--color-border-default);
  display: block;
  grid-column: 2;
  margin-right: -1px;
  width: 1px;
}

.Layout.Layout--divided .Layout-main,
.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-sidebar {
  grid-column: 3 / span 1;
}

.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-main {
  grid-column: 1;
}

.Layout-divider {
  display: none;
  width: 1px;
}

.Layout-sidebar {
  width: var(--Layout-sidebar-width);
}

.Layout-main {
  min-width: 0;
}

.Layout-main .Layout-main-centered-lg,
.Layout-main .Layout-main-centered-md,
.Layout-main .Layout-main-centered-xl {
  margin-left: auto;
  margin-right: auto;
}

.Layout-main .Layout-main-centered-lg > .container-lg,
.Layout-main .Layout-main-centered-lg > .container-md,
.Layout-main .Layout-main-centered-lg > .container-xl,
.Layout-main .Layout-main-centered-md > .container-lg,
.Layout-main .Layout-main-centered-md > .container-md,
.Layout-main .Layout-main-centered-md > .container-xl,
.Layout-main .Layout-main-centered-xl > .container-lg,
.Layout-main .Layout-main-centered-xl > .container-md,
.Layout-main .Layout-main-centered-xl > .container-xl {
  margin-left: 0;
}

.Layout-main .Layout-main-centered-md {
  max-width: calc(
    var(--primer-breakpoint-medium, 768px) + var(--Layout-sidebar-width) +
      var(--Layout-gutter)
  );
}

.Layout-main .Layout-main-centered-lg {
  max-width: calc(
    var(--primer-breakpoint-large, 1012px) + var(--Layout-sidebar-width) +
      var(--Layout-gutter)
  );
}

.Layout-main .Layout-main-centered-xl {
  max-width: calc(
    var(--primer-breakpoint-xlarge, 1280px) + var(--Layout-sidebar-width) +
      var(--Layout-gutter)
  );
}

:root {
  --Layout-pane-width: 220px;
  --Layout-content-width: 100%;
  --Layout-template-columns: 1fr var(--Layout-pane-width);
  --Layout-template-areas: "content pane";
  --Layout-column-gap: 16px;
  --Layout-row-gap: 16px;
  --Layout-outer-spacing-x: 0px;
  --Layout-outer-spacing-y: 0px;
  --Layout-inner-spacing-min: 0px;
  --Layout-inner-spacing-max: 0px;
}

.PageLayout {
  display: block;
  margin: var(--Layout-outer-spacing-y) var(--Layout-outer-spacing-x);
}

@media (min-width: 768px) {
  .PageLayout.PageLayout--panePos-start {
    --Layout-template-columns: var(--Layout-pane-width)
      minmax(
        0,
        calc(100% - var(--Layout-pane-width) - var(--Layout-column-gap))
      );
    --Layout-template-areas: "pane content";
  }

  .PageLayout.PageLayout--panePos-end {
    --Layout-template-columns: minmax(
        0,
        calc(100% - var(--Layout-pane-width) - var(--Layout-column-gap))
      )
      var(--Layout-pane-width);
    --Layout-template-areas: "content pane";
  }

  .PageLayout .PageLayout-header--hasDivider {
    padding-bottom: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
    border-bottom: 1px solid var(--color-border-default);
  }

  .PageLayout .PageLayout-footer--hasDivider {
    padding-top: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
    border-top: 1px solid var(--color-border-default);
  }

  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start
    .PageLayout-pane {
    border-right: 1px solid var(--color-border-default);
  }

  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(
      .PageLayout--columnGap-none
    )
    .PageLayout-pane {
    padding-right: calc(var(--Layout-column-gap) - 1px);
    margin-right: calc(var(--Layout-column-gap) * -1);
  }

  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(
      .PageLayout--columnGap-none
    )
    .PageLayout-content {
    margin-left: var(--Layout-column-gap);
  }

  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end
    .PageLayout-pane {
    border-left: 1px solid var(--color-border-default);
  }

  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(
      .PageLayout--columnGap-none
    )
    .PageLayout-pane {
    padding-left: calc(var(--Layout-column-gap) - 1px);
    margin-left: calc(var(--Layout-column-gap) * -1);
  }

  .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(
      .PageLayout--columnGap-none
    )
    .PageLayout-content {
    margin-right: var(--Layout-column-gap);
  }

  .PageLayout .PageLayout-pane--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    max-height: 100vh;
    overflow: auto;
    scrollbar-width: thin;
  }

  @supports (max-height: 100dvh) {
    .PageLayout .PageLayout-pane--sticky {
      max-height: 100 dvh;
    }
  }

  .PageLayout [class^="PageLayout-content-centered-"] {
    max-width: calc(
      var(--Layout-content-width) + var(--Layout-pane-width) +
        var(--Layout-column-gap)
    );
    margin-right: auto;
    margin-left: auto;
  }

  .PageLayout.PageLayout--hasPaneDivider
    [class^="PageLayout-content-centered-"] {
    max-width: calc(
      var(--Layout-content-width) + var(--Layout-pane-width) +
        var(--Layout-column-gap) * 2
    );
  }

  .PageLayout.PageLayout--panePos-start
    [class^="PageLayout-content-centered-"]
    > [class^="container-"] {
    margin-left: 0;
  }

  .PageLayout.PageLayout--panePos-end
    [class^="PageLayout-content-centered-"]
    > [class^="container-"] {
    margin-right: 0;
  }

  .PageLayout .PageLayout-content-centered-sm {
    --Layout-content-width: 544px;
  }

  .PageLayout .PageLayout-content-centered-md {
    --Layout-content-width: 768px;
  }

  .PageLayout .PageLayout-content-centered-lg {
    --Layout-content-width: 1012px;
  }

  .PageLayout .PageLayout-content-centered-xl {
    --Layout-content-width: 1280px;
  }
}

@media (min-width: 768px) and (min-width: 544px) {
  .PageLayout {
    --Layout-pane-width: 220px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .PageLayout {
    --Layout-pane-width: 256px;
  }
}

@media (min-width: 768px) and (min-width: 1012px) {
  .PageLayout {
    --Layout-pane-width: 296px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .PageLayout.PageLayout--paneWidth-narrow {
    --Layout-pane-width: 240px;
  }
}

@media (min-width: 768px) and (min-width: 1012px) {
  .PageLayout.PageLayout--paneWidth-narrow {
    --Layout-pane-width: 256px;
  }
}

@media (min-width: 768px) and (min-width: 1012px) {
  .PageLayout.PageLayout--paneWidth-wide {
    --Layout-pane-width: 320px;
  }
}

@media (min-width: 768px) and (min-width: 1280px) {
  .PageLayout.PageLayout--paneWidth-wide {
    --Layout-pane-width: 336px;
  }
}

@media (max-width: 767.98px) {
  .PageLayout.PageLayout--responsive-stackRegions {
    --Layout-template-columns: 1fr;
    --Layout-template-areas: "content" "pane";
  }

  .PageLayout.PageLayout--responsive-stackRegions.PageLayout--responsive-panePos-start {
    --Layout-template-areas: "pane" "content";
  }

  .PageLayout.PageLayout--responsive-separateRegions {
    --Layout-template-columns: 1fr;
    --Layout-template-areas: "content";
  }

  .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content {
    --Layout-template-areas: "content";
  }

  .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content
    .PageLayout-pane {
    display: none;
  }

  .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane {
    --Layout-template-areas: "pane";
  }

  .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane
    .PageLayout-content {
    display: none;
  }

  .PageLayout .PageLayout-region--dividerNarrow-line-before {
    position: relative;
    margin-top: var(--Layout-row-gap);
  }

  .PageLayout .PageLayout-region--dividerNarrow-line-before::before {
    position: absolute;
    left: calc(var(--Layout-outer-spacing-x) * -1);
    display: block;
    width: calc(100% + var(--Layout-outer-spacing-x) * 2);
    height: 1px;
    content: "";
    background-color: var(--color-border-default);
    top: calc(-1px - var(--Layout-row-gap));
  }

  .PageLayout .PageLayout-region--dividerNarrow-line-after {
    position: relative;
    margin-bottom: var(--Layout-row-gap);
  }

  .PageLayout .PageLayout-region--dividerNarrow-line-after::after {
    position: absolute;
    left: calc(var(--Layout-outer-spacing-x) * -1);
    display: block;
    width: calc(100% + var(--Layout-outer-spacing-x) * 2);
    height: 1px;
    content: "";
    background-color: var(--color-border-default);
    bottom: calc(-1px - var(--Layout-row-gap));
  }

  .PageLayout .PageLayout-region--dividerNarrow-filled-before {
    position: relative;
    margin-top: calc(8px + var(--Layout-row-gap));
  }

  .PageLayout .PageLayout-region--dividerNarrow-filled-before::after {
    position: absolute;
    bottom: -8px;
    left: calc(var(--Layout-outer-spacing-x) * -1);
    display: block;
    width: calc(100% + var(--Layout-outer-spacing-x) * 2);
    height: 8px;
    content: "";
    background-color: var(--color-canvas-inset);
    box-shadow: inset 0 1px var(--color-border-default),
      inset 0 -1px var(--color-border-default);
    top: calc(-8px - var(--Layout-row-gap));
  }

  .PageLayout .PageLayout-region--dividerNarrow-filled-after {
    position: relative;
    margin-bottom: calc(8px + var(--Layout-row-gap));
  }

  .PageLayout .PageLayout-region--dividerNarrow-filled-after::before {
    position: absolute;
    bottom: -8px;
    left: calc(var(--Layout-outer-spacing-x) * -1);
    display: block;
    width: calc(100% + var(--Layout-outer-spacing-x) * 2);
    height: 8px;
    content: "";
    background-color: var(--color-canvas-inset);
    box-shadow: inset 0 1px var(--color-border-default),
      inset 0 -1px var(--color-border-default);
    bottom: calc(-8px - var(--Layout-row-gap));
  }
}

.PageLayout-wrapper {
  display: grid;
  grid: auto-flow/1fr;
  row-gap: var(--Layout-row-gap);
}

.PageLayout-columns {
  display: grid;
  -moz-column-gap: var(--Layout-column-gap);
  column-gap: var(--Layout-column-gap);
  row-gap: var(--Layout-row-gap);
  grid-template-columns: var(--Layout-template-columns);
  grid-template-rows: 1fr;
  grid-template-areas: var(--Layout-template-areas);
}

.PageLayout-columns .PageLayout-content {
  padding-right: var(--Layout-inner-spacing-max);
  padding-left: var(--Layout-inner-spacing-max);
  grid-area: content;
}

.PageLayout-columns .PageLayout-pane {
  grid-area: pane;
}

.PageLayout--outerSpacing-normal {
  --Layout-outer-spacing-x: 16px;
  --Layout-outer-spacing-y: 16px;
}

@media (min-width: 1012px) {
  .PageLayout--outerSpacing-normal {
    --Layout-outer-spacing-x: 24px;
    --Layout-outer-spacing-y: 24px;
  }
}

.PageLayout--outerSpacing-condensed {
  --Layout-outer-spacing-x: 16px;
  --Layout-outer-spacing-y: 16px;
}

.PageLayout--innerSpacing-normal {
  --Layout-inner-spacing-min: 16px;
  --Layout-inner-spacing-max: 16px;
}

@media (min-width: 1012px) {
  .PageLayout--innerSpacing-normal {
    --Layout-inner-spacing-max: 24px;
  }
}

.PageLayout--innerSpacing-condensed {
  --Layout-inner-spacing-min: 16px;
  --Layout-inner-spacing-max: 16px;
}

.PageLayout--columnGap-normal {
  --Layout-column-gap: 16px;
}

@media (min-width: 1012px) {
  .PageLayout--columnGap-normal {
    --Layout-column-gap: 24px;
  }
}

.PageLayout--columnGap-condensed {
  --Layout-column-gap: 16px;
}

.PageLayout--columnGap-none {
  --Layout-column-gap: 0px;
}

.PageLayout--rowGap-normal {
  --Layout-row-gap: 16px;
}

@media (min-width: 1012px) {
  .PageLayout--rowGap-normal {
    --Layout-row-gap: 24px;
  }
}

.PageLayout--rowGap-none {
  --Layout-row-gap: 0px;
}

.PageLayout--rowGap-condensed {
  --Layout-row-gap: 16px;
}

.PageLayout-header,
.PageLayout-content,
.PageLayout-pane,
.PageLayout-footer {
  padding: var(--Layout-inner-spacing-min);
}

.Stack {
  --Stack-gap-whenRegular: var(--primer-stack-gap-normal, 16px);
  --Stack-gap-whenNarrow: var(--primer-stack-gap-normal, 16px);
  --Stack-gap-whenWide: var(--Stack-gap-whenRegular);
  --Stack-divider-color: var(--color-border-default);
  display: flex;
  flex-flow: column;
  align-items: stretch;
  align-content: flex-start;
  gap: var(--Stack-gap-whenRegular);
}

@media (max-width: 767.98px) {
  .Stack {
    gap: var(--Stack-gap-whenNarrow);
  }
}

@media (min-width: 1400px) {
  .Stack {
    gap: var(--Stack-gap-whenWide);
  }
}

.Stack-divider {
  display: none;
  padding: 0;
  margin: 0;
  border: 0;
  align-self: stretch;
}

.Stack-item {
  flex: 0 1 auto;
  min-inline-size: 0;
}

@media (max-width: 767.98px) {
  .Stack--dir-inline-whenNarrow {
    flex-flow: row;
  }

  .Stack--dir-block-whenNarrow {
    flex-flow: column;
  }

  .Stack--gap-none-whenNarrow {
    --Stack-gap-whenNarrow: 0;
  }

  .Stack--gap-condensed-whenNarrow {
    --Stack-gap-whenNarrow: var(--primer-stack-gap-condensed, 8px);
  }

  .Stack--gap-normal-whenNarrow {
    --Stack-gap-whenNarrow: var(--primer-stack-gap-normal, 16px);
  }

  .Stack--align-start-whenNarrow {
    align-items: flex-start;
  }

  .Stack--align-center-whenNarrow {
    align-items: center;
  }

  .Stack--align-end-whenNarrow {
    align-items: flex-end;
  }

  .Stack--align-baseline-whenNarrow {
    align-items: baseline;
  }

  .Stack--alignWrap-start-whenNarrow {
    align-content: flex-start;
  }

  .Stack--alignWrap-center-whenNarrow {
    align-content: center;
  }

  .Stack--alignWrap-end-whenNarrow {
    align-content: flex-end;
  }

  .Stack--alignWrap-distribute-whenNarrow {
    align-content: space-between;
  }

  .Stack--alignWrap-distributeEvenly-whenNarrow {
    align-content: space-evenly;
  }

  .Stack--spread-start-whenNarrow {
    justify-content: flex-start;
  }

  .Stack--spread-center-whenNarrow {
    justify-content: center;
  }

  .Stack--spread-end-whenNarrow {
    justify-content: flex-end;
  }

  .Stack--spread-distribute-whenNarrow {
    justify-content: space-between;
  }

  .Stack--spread-distributeEvenly-whenNarrow {
    justify-content: space-evenly;
  }

  .Stack--wrap-whenNarrow {
    flex-wrap: wrap;
  }

  .Stack--nowrap-whenNarrow {
    flex-wrap: nowrap;
  }

  .Stack--showDividers-whenNarrow > .Stack-divider,
  .Stack--showDividers-whenNarrow > .Stack-item > .Stack-divider {
    display: block;
  }

  :not(.Stack--dir-inline-whenNarrow) > .Stack-divider,
  :not(.Stack--dir-inline-whenNarrow) > .Stack-item > .Stack-divider {
    -webkit-border-after: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    border-block-end: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    inline-size: auto;
    block-size: 0;
  }

  .Stack--dir-inline-whenNarrow > .Stack-divider,
  .Stack--dir-inline-whenNarrow > .Stack-item > .Stack-divider {
    -webkit-border-end: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    border-inline-end: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    inline-size: 0;
    block-size: auto;
  }

  .Stack-item--expand-whenNarrow {
    flex-grow: 1;
  }

  .Stack-item--keepSize-whenNarrow {
    flex-shrink: 0;
  }
}

@media (min-width: 768px) {
  .Stack--dir-inline-whenRegular {
    flex-flow: row;
  }

  .Stack--dir-block-whenRegular {
    flex-flow: column;
  }

  .Stack--gap-none-whenRegular {
    --Stack-gap-whenRegular: 0;
  }

  .Stack--gap-condensed-whenRegular {
    --Stack-gap-whenRegular: var(--primer-stack-gap-condensed, 8px);
  }

  .Stack--gap-normal-whenRegular {
    --Stack-gap-whenRegular: var(--primer-stack-gap-normal, 16px);
  }

  .Stack--gap-spacious-whenRegular {
    --Stack-gap-whenRegular: var(--primer-stack-gap-spacious, 24px);
  }

  .Stack--align-start-whenRegular {
    align-items: flex-start;
  }

  .Stack--align-center-whenRegular {
    align-items: center;
  }

  .Stack--align-end-whenRegular {
    align-items: flex-end;
  }

  .Stack--align-baseline-whenRegular {
    align-items: baseline;
  }

  .Stack--alignWrap-start-whenRegular {
    align-content: flex-start;
  }

  .Stack--alignWrap-center-whenRegular {
    align-content: center;
  }

  .Stack--alignWrap-end-whenRegular {
    align-content: flex-end;
  }

  .Stack--alignWrap-distribute-whenRegular {
    align-content: space-between;
  }

  .Stack--alignWrap-distributeEvenly-whenRegular {
    align-content: space-evenly;
  }

  .Stack--spread-start-whenRegular {
    justify-content: flex-start;
  }

  .Stack--spread-center-whenRegular {
    justify-content: center;
  }

  .Stack--spread-end-whenRegular {
    justify-content: flex-end;
  }

  .Stack--spread-distribute-whenRegular {
    justify-content: space-between;
  }

  .Stack--spread-distributeEvenly-whenRegular {
    justify-content: space-evenly;
  }

  .Stack--wrap-whenRegular {
    flex-wrap: wrap;
  }

  .Stack--nowrap-whenRegular {
    flex-wrap: nowrap;
  }

  .Stack--showDividers-whenRegular > .Stack-divider,
  .Stack--showDividers-whenRegular > .Stack-item > .Stack-divider {
    display: block;
  }

  :not(.Stack--dir-inline-whenRegular) > .Stack-divider,
  :not(.Stack--dir-inline-whenRegular) > .Stack-item > .Stack-divider {
    -webkit-border-after: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    border-block-end: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    inline-size: auto;
    block-size: 0;
  }

  .Stack--dir-inline-whenRegular > .Stack-divider,
  .Stack--dir-inline-whenRegular > .Stack-item > .Stack-divider {
    -webkit-border-end: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    border-inline-end: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    inline-size: 0;
    block-size: auto;
  }

  .Stack-item--expand-whenRegular {
    flex-grow: 1;
  }

  .Stack-item--keepSize-whenRegular {
    flex-shrink: 0;
  }
}

@media (min-width: 1400px) {
  .Stack--dir-inline-whenWide {
    flex-flow: row;
  }

  .Stack--dir-block-whenWide {
    flex-flow: column;
  }

  .Stack--gap-none-whenWide {
    --Stack-gap-whenWide: 0;
  }

  .Stack--gap-condensed-whenWide {
    --Stack-gap-whenWide: var(--primer-stack-gap-condensed, 8px);
  }

  .Stack--gap-normal-whenWide {
    --Stack-gap-whenWide: var(--primer-stack-gap-normal, 16px);
  }

  .Stack--gap-spacious-whenWide {
    --Stack-gap-whenWide: var(--primer-stack-gap-spacious, 24px);
  }

  .Stack--align-start-whenWide {
    align-items: flex-start;
  }

  .Stack--align-center-whenWide {
    align-items: center;
  }

  .Stack--align-end-whenWide {
    align-items: flex-end;
  }

  .Stack--align-baseline-whenWide {
    align-items: baseline;
  }

  .Stack--alignWrap-start-whenWide {
    align-content: flex-start;
  }

  .Stack--alignWrap-center-whenWide {
    align-content: center;
  }

  .Stack--alignWrap-end-whenWide {
    align-content: flex-end;
  }

  .Stack--alignWrap-distribute-whenWide {
    align-content: space-between;
  }

  .Stack--alignWrap-distributeEvenly-whenWide {
    align-content: space-evenly;
  }

  .Stack--spread-start-whenWide {
    justify-content: flex-start;
  }

  .Stack--spread-center-whenWide {
    justify-content: center;
  }

  .Stack--spread-end-whenWide {
    justify-content: flex-end;
  }

  .Stack--spread-distribute-whenWide {
    justify-content: space-between;
  }

  .Stack--spread-distributeEvenly-whenWide {
    justify-content: space-evenly;
  }

  .Stack--wrap-whenWide {
    flex-wrap: wrap;
  }

  .Stack--nowrap-whenWide {
    flex-wrap: nowrap;
  }

  .Stack--showDividers-whenWide > .Stack-divider,
  .Stack--showDividers-whenWide > .Stack-item > .Stack-divider {
    display: block;
  }

  :not(.Stack--dir-inline-whenWide) > .Stack-divider,
  :not(.Stack--dir-inline-whenWide) > .Stack-item > .Stack-divider {
    -webkit-border-after: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    border-block-end: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    inline-size: auto;
    block-size: 0;
  }

  .Stack--dir-inline-whenWide > .Stack-divider,
  .Stack--dir-inline-whenWide > .Stack-item > .Stack-divider {
    -webkit-border-end: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    border-inline-end: var(--primer-borderWidth-thin, 1px) solid
      var(--Stack-divider-color);
    inline-size: 0;
    block-size: auto;
  }

  .Stack-item--expand-whenWide {
    flex-grow: 1;
  }

  .Stack-item--keepSize-whenWide {
    flex-shrink: 0;
  }
}

.Link {
  color: var(--color-accent-fg);
}

.Link:hover {
  cursor: pointer;
  text-decoration: underline;
}

.Link:focus,
.Link:focus-visible {
  outline-offset: 0;
}

.Link--primary {
  color: var(--color-fg-default) !important;
}

.Link--primary:hover {
  color: var(--color-accent-fg) !important;
}

.Link--secondary {
  color: var(--color-fg-muted) !important;
}

.Link--secondary:hover {
  color: var(--color-accent-fg) !important;
}

.Link--muted {
  color: var(--color-fg-muted) !important;
}

.Link--muted:hover {
  text-decoration: none;
}

.Link--muted:hover,
.Link--onHover:hover {
  color: var(--color-accent-fg) !important;
}

.Link--onHover:hover {
  cursor: pointer;
  text-decoration: underline;
}

.Link--muted:hover [class*="color-fg"],
.Link--primary:hover [class*="color-fg"],
.Link--secondary:hover [class*="color-fg"] {
  color: inherit !important;
}

.primer-menu {
  background-color: var(--color-canvas-default);
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);
  border-radius: var(--primer-borderRadius-medium, 6px);
  list-style: none;
  margin-bottom: var(--primer-stack-gap-normal, 16px);
}

.primer-menu-item {
  border-bottom: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-muted);
  color: var(--color-fg-default);
  display: block;
  padding: var(--primer-control-medium-paddingInline-condensed, 8px)
    var(--primer-control-medium-paddingInline-spacious, 16px);
  position: relative;
}

.primer-menu-item:first-child {
  border-top: 0;
  border-top-right-radius: var(--primer-borderRadius-medium, 6px);
}

.primer-menu-item:first-child,
.ds-menu-item:first-child:before {
  border-top-left-radius: var(--primer-borderRadius-medium, 6px);
}

.primer-menu-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: var(--primer-borderRadius-medium, 6px);
}

.primer-menu-item:last-child,
.ds-menu-item:last-child:before {
  border-bottom-left-radius: var(--primer-borderRadius-medium, 6px);
}

.primer-menu-item:hover {
  background-color: var(--color-neutral-subtle);
  text-decoration: none;
}

.primer-menu-item:active {
  background-color: var(--color-canvas-subtle);
}

.primer-menu-item.selected,
.ds-menu-item[aria-current]:not([aria-current="false"]),
.ds-menu-item[aria-selected="true"] {
  background-color: var(--color-menu-bg-active);
  cursor: default;
}

.primer-menu-item.selected:before,
.ds-menu-item[aria-current]:not([aria-current="false"]):before,
.ds-menu-item[aria-selected="true"]:before {
  background-color: var(--color-primer-border-active);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}

.primer-menu-item .octicon {
  color: var(--color-fg-muted);
  margin-right: var(--primer-control-medium-gap, 8px);
  text-align: center;
  width: 16px;
}

.primer-menu-item .Counter {
  float: right;
  margin-left: var(--primer-control-small-gap, 4px);
}

.primer-menu-item .primer-menu-warning {
  color: var(--color-attention-fg);
  float: right;
}

.primer-menu-item .avatar {
  float: left;
  margin-right: var(--primer-control-small-gap, 4px);
}

.primer-menu-item.alert .Counter {
  color: var(--color-danger-fg);
}

.primer-menu-heading {
  border-bottom: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-muted);
  color: var(--color-fg-default);
  display: block;
  font-size: inherit;
  font-weight: var(--base-text-weight-semibold, 600);
  margin-bottom: 0;
  margin-top: 0;
  padding: var(--primer-control-medium-paddingInline-condensed, 8px)
    var(--primer-control-medium-paddingInline-spacious, 16px);
}

.primer-menu-heading:hover {
  text-decoration: none;
}

.primer-menu-heading:first-child {
  border-top-left-radius: var(--primer-borderRadius-medium, 6px);
  border-top-right-radius: var(--primer-borderRadius-medium, 6px);
}

.primer-menu-heading:last-child {
  border-bottom: 0;
  border-bottom-left-radius: var(--primer-borderRadius-medium, 6px);
  border-bottom-right-radius: var(--primer-borderRadius-medium, 6px);
}

.tabnav {
  border-bottom: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default);
  margin-bottom: var(--primer-stack-gap-normal, 16px);
  margin-top: 0;
}

.tabnav-tabs {
  display: flex;
  margin-bottom: calc(var(--primer-borderWidth-thin, 1px) * -1);
  overflow: auto;
}

.tabnav-tab {
  background-color: initial;
  border: var(--primer-borderWidth-thin, 1px) solid rgba(0, 0, 0, 0);
  border-bottom: 0;
  color: var(--color-fg-muted);
  display: inline-block;
  flex-shrink: 0;
  font-size: var(--primer-text-body-size-medium, 14px);
  line-height: 23px;
  padding: var(--base-size-8, 8px)
    var(--primer-control-medium-paddingInline-spacious, 16px);
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
}

.tabnav-tab.selected,
.tabnav-tab[aria-current]:not([aria-current="false"]),
.tabnav-tab[aria-selected="true"] {
  background-color: var(--color-canvas-default);
  border-color: var(--color-border-default);
  border-radius: var(--primer-borderRadius-medium, 6px)
    var(--primer-borderRadius-medium, 6px) 0 0;
  color: var(--color-fg-default);
}

.tabnav-tab.selected .octicon,
.tabnav-tab[aria-current]:not([aria-current="false"]) .octicon,
.tabnav-tab[aria-selected="true"] .octicon {
  color: inherit;
}

.tabnav-tab:hover {
  color: var(--color-fg-default);
  text-decoration: none;
  transition-duration: 0.1s;
}

.tabnav-tab:focus,
.tabnav-tab:focus-visible {
  border-radius: var(--primer-borderRadius-medium, 6px)
    var(--primer-borderRadius-medium, 6px) 0 0 !important;
}

.tabnav-tab:focus,
.tabnav-tab:focus-visible {
  outline-offset: -6px;
}

.tabnav-tab .octicon,
.tabnav-tab:active {
  color: var(--color-fg-muted);
}

.tabnav-tab .octicon {
  margin-right: var(--primer-control-small-gap, 4px);
}

.tabnav-tab .Counter {
  color: inherit;
  margin-left: var(--primer-control-small-gap, 4px);
}

.tabnav-extra {
  color: var(--color-fg-muted);
  display: inline-block;
  font-size: var(--primer-text-body-size-small, 12px);
  margin-left: 10px;
  padding-top: 10px;
}

.tabnav-extra > .octicon {
  margin-right: 2px;
}

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

.tabnav-btn {
  margin-left: var(--primer-controlStack-medium-gap-condensed, 8px);
}

.filter-list {
  list-style-type: none;
}

.filter-list.small .filter-item {
  padding: 6px 12px;
  font-size: 12px;
}

.filter-list.pjax-active .filter-item {
  color: var(--color-fg-muted);
  background-color: transparent;
}

.filter-list.pjax-active .filter-item.pjax-active {
  color: var(--color-fg-on-emphasis);
  background-color: var(--color-accent-emphasis);
}

.filter-item {
  position: relative;
  display: block;
  padding: 8px 16px;
  margin-bottom: 4px;
  overflow: hidden;
  font-size: 14px;
  color: var(--color-fg-muted);
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 6px;
}

.filter-item:hover {
  text-decoration: none;
  background-color: var(--color-canvas-subtle);
}

.filter-item.selected,
.filter-item[aria-selected="true"],
.filter-item[aria-current]:not([aria-current="false"]) {
  color: var(--color-fg-on-emphasis);
  background-color: var(--color-accent-emphasis);
}

.filter-item.selected:focus,
.filter-item[aria-selected="true"]:focus,
.filter-item[aria-current]:not([aria-current="false"]):focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.filter-item.selected:focus:not(:focus-visible),
.filter-item[aria-selected="true"]:focus:not(:focus-visible),
.filter-item[aria-current]:not([aria-current="false"]):focus:not(
    :focus-visible
  ) {
  outline: solid 1px transparent;
  box-shadow: none;
}

.filter-item.selected:focus-visible,
.filter-item[aria-selected="true"]:focus-visible,
.filter-item[aria-current]:not([aria-current="false"]):focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.filter-item .count {
  float: right;
  font-weight: var(--base-text-weight-semibold, 600);
}

.filter-item .bar {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 2px;
  z-index: -1;
  display: inline-block;
  background-color: var(--color-neutral-subtle);
}

.SideNav {
  background-color: var(--color-canvas-subtle);
}

.SideNav-item {
  position: relative;
  display: block;
  width: 100%;
  padding: 12px 16px;
  color: var(--color-fg-default);
  text-align: left;
  background-color: transparent;
  border: 0;
  border-top: 1px solid var(--color-border-muted);
}

.SideNav-item:first-child {
  border-top: 0;
}

.SideNav-item:last-child {
  box-shadow: 0 1px 0 var(--color-border-default);
}

.SideNav-item::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 2px;
  pointer-events: none;
  content: "";
}

.SideNav-item:hover {
  text-decoration: none;
  background-color: var(--color-neutral-subtle);
}

.SideNav-item:active {
  background-color: var(--color-canvas-subtle);
}

.SideNav-item[aria-current]:not([aria-current="false"]),
.SideNav-item[aria-selected="true"] {
  background-color: var(--color-sidenav-selected-bg);
}

.SideNav-item[aria-current]:not([aria-current="false"])::before,
.SideNav-item[aria-selected="true"]::before {
  background-color: var(--color-primer-border-active);
}

.SideNav-icon {
  width: 16px;
  margin-right: 8px;
  color: var(--color-fg-muted);
}

.SideNav-subItem {
  position: relative;
  display: block;
  width: 100%;
  padding: 4px 0;
  color: var(--color-accent-fg);
  text-align: left;
  background-color: transparent;
  border: 0;
}

.SideNav-subItem:hover {
  color: var(--color-fg-default);
  text-decoration: none;
}

.SideNav-subItem[aria-current]:not([aria-current="false"]),
.SideNav-subItem[aria-selected="true"] {
  font-weight: var(--base-text-weight-medium, 500);
  color: var(--color-fg-default);
}

.subnav {
  margin-bottom: 20px;
}

.subnav::before {
  display: table;
  content: "";
}

.subnav::after {
  display: table;
  clear: both;
  content: "";
}

.subnav-bordered {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-border-muted);
}

.subnav-flush {
  margin-bottom: 0;
}

.subnav-item {
  position: relative;
  float: left;
  padding: 5px 16px;
  font-weight: var(--base-text-weight-medium, 500);
  line-height: 20px;
  color: var(--color-fg-default);
  border: 1px solid var(--color-border-default);
}

.subnav-item + .subnav-item {
  margin-left: -1px;
}

.subnav-item:hover,
.subnav-item:focus {
  text-decoration: none;
  background-color: var(--color-canvas-subtle);
}

.subnav-item.selected,
.subnav-item[aria-selected="true"],
.subnav-item[aria-current]:not([aria-current="false"]) {
  z-index: 2;
  color: var(--color-fg-on-emphasis);
  background-color: var(--color-accent-emphasis);
  border-color: var(--color-accent-emphasis);
}

.subnav-item.selected:focus,
.subnav-item[aria-selected="true"]:focus,
.subnav-item[aria-current]:not([aria-current="false"]):focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.subnav-item.selected:focus:not(:focus-visible),
.subnav-item[aria-selected="true"]:focus:not(:focus-visible),
.subnav-item[aria-current]:not([aria-current="false"]):focus:not(
    :focus-visible
  ) {
  outline: solid 1px transparent;
  box-shadow: none;
}

.subnav-item.selected:focus-visible,
.subnav-item[aria-selected="true"]:focus-visible,
.subnav-item[aria-current]:not([aria-current="false"]):focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.subnav-item:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.subnav-item:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.subnav-search {
  position: relative;
  margin-left: 12px;
}

.subnav-search-input {
  width: 320px;
  padding-left: 32px;
  color: var(--color-fg-muted);
}

.subnav-search-input-wide {
  width: 500px;
}

.subnav-search-icon {
  position: absolute;
  top: 9px;
  left: 8px;
  display: block;
  color: var(--color-fg-muted);
  text-align: center;
  pointer-events: none;
}

.subnav-search-context .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.subnav-search-context .btn:hover,
.subnav-search-context .btn:focus,
.subnav-search-context .btn:active,
.subnav-search-context .btn.selected {
  z-index: 2;
}

.subnav-search-context + .subnav-search {
  margin-left: -1px;
}

.subnav-search-context + .subnav-search .subnav-search-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.subnav-search-context .select-menu-modal-holder {
  z-index: 30;
}

.subnav-search-context .select-menu-modal {
  width: 220px;
}

.subnav-search-context .select-menu-item-icon {
  color: inherit;
}

.subnav-spacer-right {
  padding-right: 12px;
}

.UnderlineNav {
  -webkit-overflow-scrolling: auto;
  display: flex;
  justify-content: space-between;
  min-height: var(--base-size-48, 48px);
  overflow-x: auto;
  overflow-y: hidden;
}

.UnderlineNav .Counter {
  background-color: var(--color-neutral-muted);
  color: var(--color-fg-default);
  margin-left: var(--primer-control-medium-gap, 8px);
}

.UnderlineNav .Counter--primary {
  background-color: var(--color-neutral-emphasis);
  color: var(--color-fg-on-emphasis);
}

.UnderlineNav-body {
  align-items: center;
  display: flex;
  gap: var(--primer-control-medium-gap, 8px);
  list-style: none;
}

.UnderlineNav-item {
  align-items: center;
  background-color: initial;
  border: 0;
  border-radius: var(--primer-borderRadius-medium, 6px);
  color: var(--color-fg-default);
  cursor: pointer;
  display: flex;
  font-size: var(--primer-text-body-size-medium, 14px);
  line-height: 30px;
  padding: 0 var(--primer-control-medium-paddingInline-condensed, 8px);
  position: relative;
  text-align: center;
  white-space: nowrap;
}

.UnderlineNav-item:focus,
.UnderlineNav-item:focus-visible,
.UnderlineNav-item:hover {
  border-bottom-color: var(--color-neutral-muted);
  color: var(--color-fg-default);
  outline-offset: -2px;
  text-decoration: none;
  transition: border-bottom-color 0.12s ease-out;
}

.UnderlineNav-item [data-content]:before {
  content: attr(data-content);
  display: block;
  font-weight: var(--base-text-weight-semibold, 600);
  height: 0;
  visibility: hidden;
}

.UnderlineNav-item:before {
  content: "";
  height: 100%;
  left: 50%;
  min-height: 48px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

@media (pointer: fine) {
  .UnderlineNav-item:hover {
    background: var(--color-action-list-item-default-hover-bg);
    color: var(--color-fg-default);
    text-decoration: none;
    transition: background 0.12s ease-out;
  }
}

.UnderlineNav-item.selected,
.UnderlineNav-item[aria-current]:not([aria-current="false"]),
.UnderlineNav-item[role="tab"][aria-selected="true"] {
  border-bottom-color: var(--color-primer-border-active);
  color: var(--color-fg-default);
  font-weight: var(--base-text-weight-semibold, 600);
}

.UnderlineNav-item.selected:after,
.UnderlineNav-item[aria-current]:not([aria-current="false"]):after,
.UnderlineNav-item[role="tab"][aria-selected="true"]:after {
  background: var(--color-primer-border-active);
  border-radius: var(--primer-borderRadius-medium, 6px);
  bottom: calc(50% - 25px);
  content: "";
  height: 2px;
  position: absolute;
  right: 50%;
  transform: translate(50%, -50%);
  width: 100%;
}

.UnderlineNav--right {
  justify-content: flex-end;
}

.UnderlineNav--right .UnderlineNav-actions {
  flex: 1 1 auto;
}

.UnderlineNav-actions {
  align-self: center;
}

.UnderlineNav--full {
  display: block;
}

.UnderlineNav--full .UnderlineNav-body {
  min-height: var(--base-size-48, 48px);
}

.UnderlineNav-octicon {
  fill: var(--color-fg-muted);
  color: var(--color-fg-muted);
  display: inline !important;
  margin-right: var(--primer-control-medium-gap, 8px);
}

.UnderlineNav-container {
  display: flex;
  justify-content: space-between;
}

.pagination a,
.pagination span,
.pagination em {
  min-width: 32px;
  padding: 5px 10px;
  font-style: normal;
  line-height: 20px;
  color: var(--color-fg-default);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 6px;
  transition: border-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
}

.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus,
.pagination em:hover,
.pagination em:focus {
  text-decoration: none;
  border-color: var(--color-border-default);
  transition-duration: 0.1s;
}

.pagination a:active,
.pagination span:active,
.pagination em:active {
  border-color: var(--color-border-muted);
  transition: none;
}

.pagination .previous_page,
.pagination .next_page {
  color: var(--color-accent-fg);
}

.pagination .current,
.pagination .current:hover,
.pagination [aria-current]:not([aria-current="false"]) {
  color: var(--color-fg-on-emphasis);
  background-color: var(--color-accent-emphasis);
  border-color: transparent;
}

.pagination .gap,
.pagination .disabled,
.pagination [aria-disabled="true"],
.pagination .gap:hover,
.pagination .disabled:hover,
.pagination [aria-disabled="true"]:hover {
  color: var(--color-primer-fg-disabled);
  cursor: default;
  border-color: transparent;
}

@supports (
  (-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%)) or
    (clip-path: polygon(50% 0, 100% 50%, 50% 100%))
) {
  .pagination .previous_page::before,
  .pagination .next_page::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    content: "";
    background-color: currentColor;
  }

  .pagination .previous_page::before {
    margin-right: 4px;
    -webkit-clip-path: polygon(
      9.8px 12.8px,
      8.7px 12.8px,
      4.5px 8.5px,
      4.5px 7.5px,
      8.7px 3.2px,
      9.8px 4.3px,
      6.1px 8px,
      9.8px 11.7px,
      9.8px 12.8px
    );
    clip-path: polygon(
      9.8px 12.8px,
      8.7px 12.8px,
      4.5px 8.5px,
      4.5px 7.5px,
      8.7px 3.2px,
      9.8px 4.3px,
      6.1px 8px,
      9.8px 11.7px,
      9.8px 12.8px
    );
  }

  .pagination .next_page::after {
    margin-left: 4px;
    -webkit-clip-path: polygon(
      6.2px 3.2px,
      7.3px 3.2px,
      11.5px 7.5px,
      11.5px 8.5px,
      7.3px 12.8px,
      6.2px 11.7px,
      9.9px 8px,
      6.2px 4.3px,
      6.2px 3.2px
    );
    clip-path: polygon(
      6.2px 3.2px,
      7.3px 3.2px,
      11.5px 7.5px,
      11.5px 8.5px,
      7.3px 12.8px,
      6.2px 11.7px,
      9.9px 8px,
      6.2px 4.3px,
      6.2px 3.2px
    );
  }
}

.pagination > * {
  display: none;
}

.pagination > :first-child,
.pagination > :last-child,
.pagination > .previous_page,
.pagination > .next_page {
  display: inline-block;
}

@media (min-width: 544px) {
  .pagination > :nth-child(2),
  .pagination > :nth-last-child(2),
  .pagination > .current,
  .pagination > .gap {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  .pagination > * {
    display: inline-block;
  }
}

.paginate-container {
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
}

.paginate-container .pagination {
  display: inline-block;
}

.tooltipped {
  position: relative;
}

.tooltipped::after {
  position: absolute;
  z-index: 1000000;
  display: none;
  padding: 0.5em 0.75em;
  font: normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji";
  -webkit-font-smoothing: subpixel-antialiased;
  color: var(--color-fg-on-emphasis);
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  background: var(--color-neutral-emphasis-plus);
  border-radius: 6px;
  opacity: 0;
}

.tooltipped::before {
  position: absolute;
  z-index: 1000001;
  display: none;
  width: 0;
  height: 0;
  color: var(--color-neutral-emphasis-plus);
  pointer-events: none;
  content: "";
  border: 6px solid transparent;
  opacity: 0;
}

@-webkit-keyframes tooltip-appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes tooltip-appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.tooltipped:hover::before,
.tooltipped:hover::after,
.tooltipped:active::before,
.tooltipped:active::after,
.tooltipped:focus::before,
.tooltipped:focus::after {
  display: inline-block;
  text-decoration: none;
  -webkit-animation-name: tooltip-appear;
  animation-name: tooltip-appear;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.tooltipped-no-delay:hover::before,
.tooltipped-no-delay:hover::after,
.tooltipped-no-delay:active::before,
.tooltipped-no-delay:active::after,
.tooltipped-no-delay:focus::before,
.tooltipped-no-delay:focus::after {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.tooltipped-multiline:hover::after,
.tooltipped-multiline:active::after,
.tooltipped-multiline:focus::after {
  display: table-cell;
}

.tooltipped-s::after,
.tooltipped-se::after,
.tooltipped-sw::after {
  top: 100%;
  right: 50%;
  margin-top: 6px;
}

.tooltipped-s::before,
.tooltipped-se::before,
.tooltipped-sw::before {
  top: auto;
  right: 50%;
  bottom: -7px;
  margin-right: -6px;
  border-bottom-color: var(--color-neutral-emphasis-plus);
}

.tooltipped-se::after {
  right: auto;
  left: 50%;
  margin-left: -16px;
}

.tooltipped-sw::after {
  margin-right: -16px;
}

.tooltipped-n::after,
.tooltipped-ne::after,
.tooltipped-nw::after {
  right: 50%;
  bottom: 100%;
  margin-bottom: 6px;
}

.tooltipped-n::before,
.tooltipped-ne::before,
.tooltipped-nw::before {
  top: -7px;
  right: 50%;
  bottom: auto;
  margin-right: -6px;
  border-top-color: var(--color-neutral-emphasis-plus);
}

.tooltipped-ne::after {
  right: auto;
  left: 50%;
  margin-left: -16px;
}

.tooltipped-nw::after {
  margin-right: -16px;
}

.tooltipped-s::after,
.tooltipped-n::after {
  transform: translateX(50%);
}

.tooltipped-w::after {
  right: 100%;
  bottom: 50%;
  margin-right: 6px;
  transform: translateY(50%);
}

.tooltipped-w::before {
  top: 50%;
  bottom: 50%;
  left: -7px;
  margin-top: -6px;
  border-left-color: var(--color-neutral-emphasis-plus);
}

.tooltipped-e::after {
  bottom: 50%;
  left: 100%;
  margin-left: 6px;
  transform: translateY(50%);
}

.tooltipped-e::before {
  top: 50%;
  right: -7px;
  bottom: 50%;
  margin-top: -6px;
  border-right-color: var(--color-neutral-emphasis-plus);
}

.tooltipped-align-right-1::after,
.tooltipped-align-right-2::after {
  right: 0;
  margin-right: 0;
}

.tooltipped-align-right-1::before {
  right: 10px;
}

.tooltipped-align-right-2::before {
  right: 15px;
}

.tooltipped-align-left-1::after,
.tooltipped-align-left-2::after {
  left: 0;
  margin-left: 0;
}

.tooltipped-align-left-1::before {
  left: 5px;
}

.tooltipped-align-left-2::before {
  left: 10px;
}

.tooltipped-multiline::after {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  word-wrap: break-word;
  white-space: pre-line;
  border-collapse: separate;
}

.tooltipped-multiline.tooltipped-s::after,
.tooltipped-multiline.tooltipped-n::after {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.tooltipped-multiline.tooltipped-w::after,
.tooltipped-multiline.tooltipped-e::after {
  right: 100%;
}

.tooltipped-sticky::before,
.tooltipped-sticky::after {
  display: inline-block;
}

.tooltipped-sticky.tooltipped-multiline::after {
  display: table-cell;
}

.css-truncate .css-truncate-overflow,
.css-truncate .css-truncate-target,
.css-truncate.css-truncate-overflow,
.css-truncate.css-truncate-target {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.css-truncate .css-truncate-target,
.css-truncate.css-truncate-target {
  display: inline-block;
  max-width: 125px;
  vertical-align: top;
}

.css-truncate.expandable.css-truncate-target:hover,
.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,
.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,
.css-truncate.expandable:hover .css-truncate-target {
  max-width: 10000px !important;
}

.Truncate {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
}

.Truncate > .Truncate-text {
  max-width: -moz-fit-content;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  min-width: 1ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Truncate > .Truncate-text + .Truncate-text {
  margin-left: var(--primer-control-small-gap, 4px);
}

.Truncate > .Truncate-text.Truncate-text--primary {
  flex-basis: 200%;
}

.Truncate > .Truncate-text.Truncate-text--expandable:active,
.Truncate > .Truncate-text.Truncate-text--expandable:focus,
.Truncate > .Truncate-text.Truncate-text--expandable:hover {
  cursor: pointer;
  flex-shrink: 0;
  max-width: 100% !important;
}

.Overlay--hidden {
  display: none !important;
}

.Overlay--visibilityHidden {
  height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

.Overlay {
  background-color: var(--color-canvas-overlay);
  border-radius: var(--primer-borderRadius-large, 12px);
  box-shadow: var(--color-overlay-shadow);
  display: flex;
  flex-direction: column;
  max-height: min(100vh - 2rem, var(--overlay-height));
  min-width: 192px;
  opacity: 1;
  white-space: normal;
  width: min(var(--overlay-width), 100vw - 2rem);
}

.Overlay.Overlay--size-auto {
  max-height: calc(100vh - 2rem);
  max-width: calc(100vw - 2rem);
  min-width: 192px;
}

.Overlay.Overlay--size-full {
  height: 100vh;
  width: 100vw;
}

.Overlay.Overlay--size-xsmall {
  --overlay-width: 192px;
  max-height: calc(100vh - 2rem);
}

.Overlay.Overlay--size-small {
  --overlay-height: 256px;
  --overlay-width: 320px;
}

.Overlay.Overlay--size-small-portrait {
  --overlay-height: 432px;
  --overlay-width: 320px;
}

.Overlay.Overlay--size-medium {
  --overlay-height: 320px;
  --overlay-width: 480px;
}

.Overlay.Overlay--size-medium-portrait {
  --overlay-height: 600px;
  --overlay-width: 480px;
}

.Overlay.Overlay--size-large {
  --overlay-height: 432px;
  --overlay-width: 640px;
}

.Overlay.Overlay--size-xlarge {
  --overlay-height: 600px;
  --overlay-width: 960px;
}

.Overlay.Overlay--height-auto {
  height: auto;
}

.Overlay.Overlay--height-xsmall {
  height: min(192px, 100vh - 2rem);
}

.Overlay.Overlay--height-small {
  height: min(256px, 100vh - 2rem);
}

.Overlay.Overlay--height-medium {
  height: min(320px, 100vh - 2rem);
}

.Overlay.Overlay--height-large {
  height: min(432px, 100vh - 2rem);
}

.Overlay.Overlay--height-xlarge {
  height: min(600px, 100vh - 2rem);
}

.Overlay.Overlay--width-auto {
  width: auto;
}

.Overlay.Overlay--width-small {
  width: min(256px, 100vw - 2rem);
}

.Overlay.Overlay--width-medium {
  width: min(320px, 100vw - 2rem);
}

.Overlay.Overlay--width-large {
  width: min(480px, 100vw - 2rem);
}

.Overlay.Overlay--width-xlarge {
  width: min(640px, 100vw - 2rem);
}

.Overlay.Overlay--width-xxlarge {
  width: min(960px, 100vw - 2rem);
}

@media screen and (prefers-reduced-motion: no-preference) {
  .Overlay.Overlay--motion-scaleFade {
    -webkit-animation: Overlay--motion-scaleFade 0.2s
      cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    animation: Overlay--motion-scaleFade 0.2s cubic-bezier(0.33, 1, 0.68, 1) 0s
      1 normal none running;
  }
}

@-webkit-keyframes Overlay--motion-scaleFade {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes Overlay--motion-scaleFade {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.Overlay-form {
  flex-grow: 1;
  overflow: auto;
}

.Overlay-form,
.Overlay-header {
  display: flex;
  flex-direction: column;
}

.Overlay-header {
  z-index: 1;
}

.Overlay-header.Overlay-header--divided {
  box-shadow: inset 0 calc(var(--primer-borderWidth-thin, 1px) * -1)
    var(--color-border-default);
  padding-bottom: var(--primer-stack-padding-condensed, 8px);
}

.Overlay-header.Overlay-header--divided + .Overlay-body {
  padding-top: var(--primer-stack-padding-normal, 16px);
}

.Overlay-header.Overlay-header--large
  .Overlay-headerContentWrap
  .Overlay-titleWrap {
  gap: var(--primer-stack-gap-condensed, 8px);
}

.Overlay-header.Overlay-header--large
  .Overlay-headerContentWrap
  .Overlay-titleWrap
  .Overlay-title {
  font-size: var(--primer-text-title-size-medium, 20px);
}

.Overlay-header.Overlay-header--large
  .Overlay-headerContentWrap
  .Overlay-titleWrap
  .Overlay-description {
  font-size: var(--primer-text-body-size-medium, 14px);
}

.Overlay-header .Overlay-headerContentWrap {
  align-items: flex-start;
  display: flex;
  gap: var(--primer-stack-gap-condensed, 8px);
  padding: var(--primer-stack-gap-condensed, 8px)
    var(--primer-stack-gap-condensed, 8px) 0
    var(--primer-stack-gap-condensed, 8px);
}

.Overlay-header .Overlay-headerContentWrap .Overlay-actionWrap {
  display: flex;
  flex-direction: row;
  gap: var(--primer-stack-gap-condensed, 8px);
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--primer-control-small-gap, 4px);
  padding: calc(var(--primer-stack-gap-condensed, 8px) * 0.75) 0
    calc(var(--primer-stack-gap-condensed, 8px) * 0.75)
    var(--primer-stack-gap-condensed, 8px);
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title {
  font-size: var(--primer-text-body-size-medium, 14px);
  font-weight: var(--base-text-weight-semibold, 600);
  margin: 0;
}

.Overlay-header
  .Overlay-headerContentWrap
  .Overlay-titleWrap
  .Overlay-description {
  color: var(--color-fg-muted);
  font-size: var(--primer-text-body-size-small, 12px);
  font-weight: var(--base-text-weight-normal, 400);
  margin: 0;
}

.Overlay-body {
  flex-grow: 1;
  font-size: var(--primer-text-body-size-medium, 14px);
  overflow-y: auto;
  padding: var(--primer-stack-padding-normal, 16px);
  padding-top: 0;
  scrollbar-width: thin;
}

.Overlay-body.Overlay-body--paddingCondensed {
  padding: var(--primer-stack-padding-condensed, 8px);
  padding-top: 0;
}

.Overlay-body.Overlay-body--paddingNone {
  padding: 0;
}

.Overlay-footer {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 0 var(--primer-stack-padding-normal, 16px)
    var(--primer-stack-padding-normal, 16px)
    var(--primer-stack-padding-normal, 16px);
  z-index: 1;
}

.Overlay-footer.Overlay-footer--divided {
  box-shadow: inset 0 var(--primer-borderWidth-thin, 1px)
    var(--color-border-default);
  padding-top: var(--primer-stack-padding-normal, 16px);
}

.Overlay-footer.Overlay-footer--alignStart {
  gap: var(--primer-stack-gap-condensed, 8px);
  justify-content: flex-start;
}

.Overlay-footer.Overlay-footer--alignCenter {
  gap: var(--primer-stack-gap-condensed, 8px);
  justify-content: center;
}

.Overlay-footer.Overlay-footer--alignEnd {
  gap: var(--primer-stack-gap-condensed, 8px);
  justify-content: flex-end;
}

.Overlay-closeButton {
  align-self: flex-start;
  background-color: initial;
  border: var(--primer-borderWidth-thin, 1px) solid rgba(0, 0, 0, 0);
  border-radius: var(--primer-borderRadius-medium, 6px);
  color: var(--color-fg-muted);
  cursor: pointer;
  display: grid;
  flex-shrink: 0;
  height: var(--base-size-32, 32px);
  padding: 0;
  place-content: center;
  position: relative;
  transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
  transition-property: color, background-color, border-color;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: var(--base-size-32, 32px);
}

.Overlay-closeButton:focus,
.Overlay-closeButton:hover {
  background-color: var(--color-btn-hover-bg);
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-btn-hover-bg);
}

.Overlay-closeButton.close-button {
  border: var(--primer-borderWidth-thin, 1px) solid rgba(0, 0, 0, 0);
}

.Overlay-backdrop--center {
  align-items: center;
  background-color: var(--color-neutral-muted);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.Overlay-backdrop--anchor {
  background-color: initial;
  position: absolute;
  z-index: 999;
}

.Overlay-backdrop--anchor .Overlay {
  width: auto;
}

.Overlay-backdrop--side {
  background-color: var(--color-neutral-muted);
  bottom: 0;
  display: flex;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.Overlay-backdrop--side,
.Overlay-backdrop--side.Overlay-backdrop--placement-left {
  align-items: center;
  justify-content: left;
}

.Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
  border-radius: var(--primer-borderRadius-large, 12px);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 100vh;
  max-height: unset;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .Overlay-backdrop--side.Overlay-backdrop--placement-left > .Overlay {
    -webkit-animation: Overlay--motion-slideInRight 0.25s
      cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1)
      0s 1 normal none running;
  }
}

.Overlay-backdrop--side.Overlay-backdrop--placement-right {
  align-items: center;
  justify-content: right;
}

.Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
  border-radius: var(--primer-borderRadius-large, 12px);
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 100vh;
  max-height: unset;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .Overlay-backdrop--side.Overlay-backdrop--placement-right > .Overlay {
    -webkit-animation: Overlay--motion-slideInLeft 0.25s
      cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1)
      0s 1 normal none running;
  }
}

.Overlay-backdrop--side.Overlay-backdrop--placement-bottom {
  align-items: end;
  justify-content: center;
}

.Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
  border-radius: var(--primer-borderRadius-large, 12px);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: auto;
  max-height: calc(100vh - 2rem);
  width: 100vw;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .Overlay-backdrop--side.Overlay-backdrop--placement-bottom > .Overlay {
    -webkit-animation: Overlay--motion-slideUp 0.25s
      cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1
      normal none running;
  }
}

.Overlay-backdrop--side.Overlay-backdrop--placement-top {
  align-items: start;
  justify-content: center;
}

.Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
  border-radius: var(--primer-borderRadius-large, 12px);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .Overlay-backdrop--side.Overlay-backdrop--placement-top > .Overlay {
    -webkit-animation: Overlay--motion-slideDown 0.25s
      cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s
      1 normal none running;
  }
}

.Overlay-backdrop--full {
  background-color: var(--color-neutral-muted);
  bottom: 0;
  display: flex;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.Overlay-backdrop--full .Overlay {
  border-radius: unset !important;
  flex-grow: 1;
  height: 100%;
  max-height: 100vh;
  max-width: 100vw;
  width: 100%;
}

@media (max-width: 767px) {
  .Overlay-backdrop--center-whenNarrow {
    align-items: center;
    background-color: var(--color-neutral-muted);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
  }

  .Overlay-backdrop--anchor-whenNarrow {
    background-color: initial;
    position: absolute;
    z-index: 999;
  }

  .Overlay-backdrop--anchor-whenNarrow .Overlay {
    width: auto;
  }

  .Overlay-backdrop--side-whenNarrow {
    background-color: var(--color-neutral-muted);
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
  }

  .Overlay-backdrop--side-whenNarrow,
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow {
    align-items: center;
    justify-content: left;
  }

  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow
    > .Overlay-whenNarrow {
    border-radius: var(--primer-borderRadius-large, 12px);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 100vh;
    max-height: unset;
  }
}

@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow
    > .Overlay-whenNarrow {
    -webkit-animation: Overlay--motion-slideInRight 0.25s
      cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    animation: Overlay--motion-slideInRight 0.25s cubic-bezier(0.33, 1, 0.68, 1)
      0s 1 normal none running;
  }
}

@media (max-width: 767px) {
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow {
    align-items: center;
    justify-content: right;
  }
}

@media (max-width: 767px) {
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow
    > .Overlay-whenNarrow {
    border-radius: var(--primer-borderRadius-large, 12px);
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 100vh;
    max-height: unset;
  }
}

@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow
    > .Overlay-whenNarrow {
    -webkit-animation: Overlay--motion-slideInLeft 0.25s
      cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1)
      0s 1 normal none running;
  }
}

@media (max-width: 767px) {
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow {
    align-items: end;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow
    > .Overlay-whenNarrow {
    border-radius: var(--primer-borderRadius-large, 12px);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: auto;
    max-height: calc(100vh - 2rem);
    width: 100vw;
  }
}

@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow
    > .Overlay-whenNarrow {
    -webkit-animation: Overlay--motion-slideUp 0.25s
      cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    animation: Overlay--motion-slideUp 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1
      normal none running;
  }
}

@media (max-width: 767px) {
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow {
    align-items: start;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow
    > .Overlay-whenNarrow {
    border-radius: var(--primer-borderRadius-large, 12px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow
    > .Overlay-whenNarrow {
    -webkit-animation: Overlay--motion-slideDown 0.25s
      cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    animation: Overlay--motion-slideDown 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s
      1 normal none running;
  }
}

@media (max-width: 767px) {
  .Overlay-backdrop--full-whenNarrow {
    background-color: var(--color-neutral-muted);
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
  }
}

@media (max-width: 767px) {
  .Overlay-backdrop--full-whenNarrow .Overlay {
    border-radius: unset !important;
    flex-grow: 1;
    height: 100%;
    max-height: 100vh;
    max-width: 100vw;
    width: 100%;
  }
}

@-webkit-keyframes Overlay--motion-slideDown {
  0% {
    transform: translateY(-100%);
  }
}

@keyframes Overlay--motion-slideDown {
  0% {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes Overlay--motion-slideUp {
  0% {
    transform: translateY(100%);
  }
}

@keyframes Overlay--motion-slideUp {
  0% {
    transform: translateY(100%);
  }
}

@-webkit-keyframes Overlay--motion-slideInRight {
  0% {
    transform: translateX(-100%);
  }
}

@keyframes Overlay--motion-slideInRight {
  0% {
    transform: translateX(-100%);
  }
}

@-webkit-keyframes Overlay--motion-slideInLeft {
  0% {
    transform: translateX(100%);
  }
}

@keyframes Overlay--motion-slideInLeft {
  0% {
    transform: translateX(100%);
  }
}

.anim-fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.anim-fade-in.fast {
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.anim-fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.anim-fade-out.fast {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.anim-fade-up {
  opacity: 0;
  -webkit-animation-name: fade-up;
  animation-name: fade-up;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes fade-up {
  0% {
    opacity: 0.8;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-up {
  0% {
    opacity: 0.8;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.anim-fade-down {
  -webkit-animation-name: fade-down;
  animation-name: fade-down;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes fade-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0.5;
    transform: translateY(100%);
  }
}

@keyframes fade-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0.5;
    transform: translateY(100%);
  }
}

.anim-grow-x {
  width: 0%;
  -webkit-animation-name: grow-x;
  animation-name: grow-x;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes grow-x {
  to {
    width: 100%;
  }
}

@keyframes grow-x {
  to {
    width: 100%;
  }
}

.anim-shrink-x {
  -webkit-animation-name: shrink-x;
  animation-name: shrink-x;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

@-webkit-keyframes shrink-x {
  to {
    width: 0%;
  }
}

@keyframes shrink-x {
  to {
    width: 0%;
  }
}

.anim-scale-in {
  -webkit-animation-name: scale-in;
  animation-name: scale-in;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
  animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
}

@-webkit-keyframes scale-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes scale-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.anim-pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 0.3;
  }

  10% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

@keyframes pulse {
  0% {
    opacity: 0.3;
  }

  10% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

.anim-pulse-in {
  -webkit-animation-name: pulse-in;
  animation-name: pulse-in;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

@-webkit-keyframes pulse-in {
  0% {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse-in {
  0% {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

.hover-grow,
.anim-hover-grow {
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hover-grow:hover,
.anim-hover-grow:hover {
  transform: scale(1.025);
}

.anim-rotate {
  -webkit-animation: rotate-keyframes 1s linear infinite;
  animation: rotate-keyframes 1s linear infinite;
}

@-webkit-keyframes rotate-keyframes {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-keyframes {
  100% {
    transform: rotate(360deg);
  }
}

.border-x {
  border-right: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default) !important;
  border-left: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default) !important;
}

.border-y {
  border-top: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default) !important;
  border-bottom: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default) !important;
}

.border {
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default) !important;
}

.border-right {
  border-right: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default) !important;
}

.border-bottom {
  border-bottom: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default) !important;
}

.border-left {
  border-left: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.rounded {
  border-radius: var(--primer-borderRadius-medium, 6px) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--primer-borderRadius-small, 4px) !important;
}

.rounded-2 {
  border-radius: var(--primer-borderRadius-medium, 6px) !important;
}

.rounded-3 {
  border-radius: var(--primer-borderRadius-large, 8px) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
  border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
  border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
  border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
}

.rounded-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-right-1 {
  border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
  border-bottom-right-radius: var(--primer-borderRadius-small, 4px) !important;
}

.rounded-right-2 {
  border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
  border-bottom-right-radius: var(--primer-borderRadius-medium, 6px) !important;
}

.rounded-right-3 {
  border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
  border-bottom-right-radius: var(--primer-borderRadius-medium, 8px) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--primer-borderRadius-small, 4px) !important;
  border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--primer-borderRadius-medium, 6px) !important;
  border-bottom-left-radius: var(--primer-borderRadius-medium, 6px) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--primer-borderRadius-medium, 8px) !important;
  border-bottom-left-radius: var(--primer-borderRadius-medium, 8px) !important;
}

.rounded-left-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-left-1 {
  border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
  border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
}

.rounded-left-2 {
  border-bottom-left-radius: var(--primer-borderRadius-medium, 6px) !important;
  border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
}

.rounded-left-3 {
  border-bottom-left-radius: var(--primer-borderRadius-medium, 8px) !important;
  border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
}

@media (min-width: 544px) {
  .border-sm {
    border: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-sm-0 {
    border: 0 !important;
  }

  .border-sm-top {
    border-top: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-sm-right {
    border-right: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-sm-bottom {
    border-bottom: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-sm-left {
    border-left: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-sm-top-0 {
    border-top: 0 !important;
  }

  .border-sm-right-0 {
    border-right: 0 !important;
  }

  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-sm-left-0 {
    border-left: 0 !important;
  }

  .rounded-sm {
    border-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-sm-0 {
    border-radius: 0 !important;
  }

  .rounded-sm-1 {
    border-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-sm-2 {
    border-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-sm-3 {
    border-radius: var(--primer-borderRadius-large, 8px) !important;
  }

  .rounded-sm-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .rounded-sm-top-1 {
    border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
    border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-sm-top-2 {
    border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
    border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-sm-top-3 {
    border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
    border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
  }

  .rounded-sm-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .rounded-sm-right-1 {
    border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-small,
      4px
    ) !important;
  }

  .rounded-sm-right-2 {
    border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
  }

  .rounded-sm-right-3 {
    border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
  }

  .rounded-sm-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .rounded-sm-bottom-1 {
    border-bottom-right-radius: var(
      --primer-borderRadius-small,
      4px
    ) !important;
    border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-sm-bottom-2 {
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
  }

  .rounded-sm-bottom-3 {
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
  }

  .rounded-sm-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }

  .rounded-sm-left-1 {
    border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
    border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-sm-left-2 {
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
    border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-sm-left-3 {
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
    border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
  }
}

@media (min-width: 768px) {
  .border-md {
    border: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-md-0 {
    border: 0 !important;
  }

  .border-md-top {
    border-top: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-md-right {
    border-right: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-md-bottom {
    border-bottom: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-md-left {
    border-left: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-md-top-0 {
    border-top: 0 !important;
  }

  .border-md-right-0 {
    border-right: 0 !important;
  }

  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-md-left-0 {
    border-left: 0 !important;
  }

  .rounded-md {
    border-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-md-0 {
    border-radius: 0 !important;
  }

  .rounded-md-1 {
    border-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-md-2 {
    border-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-md-3 {
    border-radius: var(--primer-borderRadius-large, 8px) !important;
  }

  .rounded-md-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .rounded-md-top-1 {
    border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
    border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-md-top-2 {
    border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
    border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-md-top-3 {
    border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
    border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
  }

  .rounded-md-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .rounded-md-right-1 {
    border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-small,
      4px
    ) !important;
  }

  .rounded-md-right-2 {
    border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
  }

  .rounded-md-right-3 {
    border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
  }

  .rounded-md-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .rounded-md-bottom-1 {
    border-bottom-right-radius: var(
      --primer-borderRadius-small,
      4px
    ) !important;
    border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-md-bottom-2 {
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
  }

  .rounded-md-bottom-3 {
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
  }

  .rounded-md-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }

  .rounded-md-left-1 {
    border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
    border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-md-left-2 {
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
    border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-md-left-3 {
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
    border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
  }
}

@media (min-width: 1012px) {
  .border-lg {
    border: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-lg-0 {
    border: 0 !important;
  }

  .border-lg-top {
    border-top: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-lg-right {
    border-right: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-lg-bottom {
    border-bottom: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-lg-left {
    border-left: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-lg-top-0 {
    border-top: 0 !important;
  }

  .border-lg-right-0 {
    border-right: 0 !important;
  }

  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-lg-left-0 {
    border-left: 0 !important;
  }

  .rounded-lg {
    border-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-lg-0 {
    border-radius: 0 !important;
  }

  .rounded-lg-1 {
    border-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-lg-2 {
    border-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-lg-3 {
    border-radius: var(--primer-borderRadius-large, 8px) !important;
  }

  .rounded-lg-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .rounded-lg-top-1 {
    border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
    border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-lg-top-2 {
    border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
    border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-lg-top-3 {
    border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
    border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
  }

  .rounded-lg-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .rounded-lg-right-1 {
    border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-small,
      4px
    ) !important;
  }

  .rounded-lg-right-2 {
    border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
  }

  .rounded-lg-right-3 {
    border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
  }

  .rounded-lg-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .rounded-lg-bottom-1 {
    border-bottom-right-radius: var(
      --primer-borderRadius-small,
      4px
    ) !important;
    border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-lg-bottom-2 {
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
  }

  .rounded-lg-bottom-3 {
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
  }

  .rounded-lg-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }

  .rounded-lg-left-1 {
    border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
    border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-lg-left-2 {
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
    border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-lg-left-3 {
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
    border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
  }
}

@media (min-width: 1280px) {
  .border-xl {
    border: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-xl-0 {
    border: 0 !important;
  }

  .border-xl-top {
    border-top: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-xl-right {
    border-right: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-xl-bottom {
    border-bottom: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-xl-left {
    border-left: var(--primer-borderWidth-thin, 1px) solid
      var(--color-border-default) !important;
  }

  .border-xl-top-0 {
    border-top: 0 !important;
  }

  .border-xl-right-0 {
    border-right: 0 !important;
  }

  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-xl-left-0 {
    border-left: 0 !important;
  }

  .rounded-xl {
    border-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-xl-0 {
    border-radius: 0 !important;
  }

  .rounded-xl-1 {
    border-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-xl-2 {
    border-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-xl-3 {
    border-radius: var(--primer-borderRadius-large, 8px) !important;
  }

  .rounded-xl-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .rounded-xl-top-1 {
    border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
    border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-xl-top-2 {
    border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
    border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-xl-top-3 {
    border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
    border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
  }

  .rounded-xl-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .rounded-xl-right-1 {
    border-top-right-radius: var(--primer-borderRadius-small, 4px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-small,
      4px
    ) !important;
  }

  .rounded-xl-right-2 {
    border-top-right-radius: var(--primer-borderRadius-medium, 6px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
  }

  .rounded-xl-right-3 {
    border-top-right-radius: var(--primer-borderRadius-medium, 8px) !important;
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
  }

  .rounded-xl-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .rounded-xl-bottom-1 {
    border-bottom-right-radius: var(
      --primer-borderRadius-small,
      4px
    ) !important;
    border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-xl-bottom-2 {
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
  }

  .rounded-xl-bottom-3 {
    border-bottom-right-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
  }

  .rounded-xl-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }

  .rounded-xl-left-1 {
    border-bottom-left-radius: var(--primer-borderRadius-small, 4px) !important;
    border-top-left-radius: var(--primer-borderRadius-small, 4px) !important;
  }

  .rounded-xl-left-2 {
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      6px
    ) !important;
    border-top-left-radius: var(--primer-borderRadius-medium, 6px) !important;
  }

  .rounded-xl-left-3 {
    border-bottom-left-radius: var(
      --primer-borderRadius-medium,
      8px
    ) !important;
    border-top-left-radius: var(--primer-borderRadius-medium, 8px) !important;
  }
}

.circle {
  border-radius: var(--primer-borderRadius-full, 50%) !important;
}

.border-dashed {
  border-style: dashed !important;
}

.color-shadow-small {
  box-shadow: var(--color-shadow-small) !important;
}

.color-shadow-medium {
  box-shadow: var(--color-shadow-medium) !important;
}

.color-shadow-large {
  box-shadow: var(--color-shadow-large) !important;
}

.color-shadow-extra-large {
  box-shadow: var(--color-shadow-extra-large) !important;
}

.box-shadow-none {
  box-shadow: none !important;
}

.color-fg-default {
  color: var(--color-fg-default) !important;
}

.color-fg-muted {
  color: var(--color-fg-muted) !important;
}

.color-fg-subtle {
  color: var(--color-fg-subtle) !important;
}

.color-fg-accent {
  color: var(--color-accent-fg) !important;
}

.color-fg-success {
  color: var(--color-success-fg) !important;
}

.color-fg-attention {
  color: var(--color-attention-fg) !important;
}

.color-fg-severe {
  color: var(--color-severe-fg) !important;
}

.color-fg-danger {
  color: var(--color-danger-fg) !important;
}

.color-fg-open {
  color: var(--color-open-fg) !important;
}

.color-fg-closed {
  color: var(--color-closed-fg) !important;
}

.color-fg-done {
  color: var(--color-done-fg) !important;
}

.color-fg-sponsors {
  color: var(--color-sponsors-fg) !important;
}

.color-fg-on-emphasis {
  color: var(--color-fg-on-emphasis) !important;
}

.color-bg-default {
  background-color: var(--color-canvas-default) !important;
}

.color-bg-overlay {
  background-color: var(--color-canvas-overlay) !important;
}

.color-bg-inset {
  background-color: var(--color-canvas-inset) !important;
}

.color-bg-subtle {
  background-color: var(--color-canvas-subtle) !important;
}

.color-bg-emphasis {
  background-color: var(--color-neutral-emphasis-plus) !important;
}

.color-bg-accent {
  background-color: var(--color-accent-subtle) !important;
}

.color-bg-accent-emphasis {
  background-color: var(--color-accent-emphasis) !important;
}

.color-bg-success {
  background-color: var(--color-success-subtle) !important;
}

.color-bg-success-emphasis {
  background-color: var(--color-success-emphasis) !important;
}

.color-bg-attention {
  background-color: var(--color-attention-subtle) !important;
}

.color-bg-attention-emphasis {
  background-color: var(--color-attention-emphasis) !important;
}

.color-bg-severe {
  background-color: var(--color-severe-subtle) !important;
}

.color-bg-severe-emphasis {
  background-color: var(--color-severe-emphasis) !important;
}

.color-bg-danger {
  background-color: var(--color-danger-subtle) !important;
}

.color-bg-danger-emphasis {
  background-color: var(--color-danger-emphasis) !important;
}

.color-bg-open {
  background-color: var(--color-open-subtle) !important;
}

.color-bg-open-emphasis {
  background-color: var(--color-open-emphasis) !important;
}

.color-bg-closed {
  background-color: var(--color-closed-subtle) !important;
}

.color-bg-closed-emphasis {
  background-color: var(--color-closed-emphasis) !important;
}

.color-bg-done {
  background-color: var(--color-done-subtle) !important;
}

.color-bg-done-emphasis {
  background-color: var(--color-done-emphasis) !important;
}

.color-bg-sponsors {
  background-color: var(--color-sponsors-subtle) !important;
}

.color-bg-sponsors-emphasis {
  background-color: var(--color-sponsors-emphasis) !important;
}

.color-bg-transparent {
  background-color: transparent !important;
}

.color-border-default {
  border-color: var(--color-border-default) !important;
}

.color-border-muted {
  border-color: var(--color-border-muted) !important;
}

.color-border-subtle {
  border-color: var(--color-border-subtle) !important;
}

.color-border-accent {
  border-color: var(--color-accent-muted) !important;
}

.color-border-accent-emphasis {
  border-color: var(--color-accent-emphasis) !important;
}

.color-border-success {
  border-color: var(--color-success-muted) !important;
}

.color-border-success-emphasis {
  border-color: var(--color-success-emphasis) !important;
}

.color-border-attention {
  border-color: var(--color-attention-muted) !important;
}

.color-border-attention-emphasis {
  border-color: var(--color-attention-emphasis) !important;
}

.color-border-severe {
  border-color: var(--color-severe-muted) !important;
}

.color-border-severe-emphasis {
  border-color: var(--color-severe-emphasis) !important;
}

.color-border-danger {
  border-color: var(--color-danger-muted) !important;
}

.color-border-danger-emphasis {
  border-color: var(--color-danger-emphasis) !important;
}

.color-border-open {
  border-color: var(--color-open-muted) !important;
}

.color-border-open-emphasis {
  border-color: var(--color-open-emphasis) !important;
}

.color-border-closed {
  border-color: var(--color-closed-muted) !important;
}

.color-border-closed-emphasis {
  border-color: var(--color-closed-emphasis) !important;
}

.color-border-done {
  border-color: var(--color-done-muted) !important;
}

.color-border-done-emphasis {
  border-color: var(--color-done-emphasis) !important;
}

.color-border-sponsors {
  border-color: var(--color-sponsors-muted) !important;
}

.color-border-sponsors-emphasis {
  border-color: var(--color-sponsors-emphasis) !important;
}

.color-fg-inherit {
  color: inherit !important;
}

.details-overlay[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  display: block;
  cursor: default;
  content: " ";
  background: transparent;
}

.details-overlay-dark[open] > summary::before {
  z-index: 111;
  background: var(--color-primer-canvas-backdrop);
}

.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.btn-primary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.details-reset > summary.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}

.details-reset > summary.btn-primary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.details-reset > summary::before {
  display: none;
}

.details-reset > summary::-webkit-details-marker {
  display: none;
}

.details-overlay > summary {
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}

.details-overlay > summary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.details-overlay > summary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}

.details-overlay > summary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.details-overlay > summary.btn-primary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.details-overlay > summary.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}

.details-overlay > summary.btn-primary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-justify-start {
  justify-content: flex-start !important;
}

.flex-justify-end {
  justify-content: flex-end !important;
}

.flex-justify-center {
  justify-content: center !important;
}

.flex-justify-between {
  justify-content: space-between !important;
}

.flex-justify-around {
  justify-content: space-around !important;
}

.flex-items-start {
  align-items: flex-start !important;
}

.flex-items-end {
  align-items: flex-end !important;
}

.flex-items-center {
  align-items: center !important;
}

.flex-items-baseline {
  align-items: baseline !important;
}

.flex-items-stretch {
  align-items: stretch !important;
}

.flex-content-start {
  align-content: flex-start !important;
}

.flex-content-end {
  align-content: flex-end !important;
}

.flex-content-center {
  align-content: center !important;
}

.flex-content-between {
  align-content: space-between !important;
}

.flex-content-around {
  align-content: space-around !important;
}

.flex-content-stretch {
  align-content: stretch !important;
}

.flex-1 {
  flex: 1 !important;
}

.flex-auto {
  flex: auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-self-auto {
  align-self: auto !important;
}

.flex-self-start {
  align-self: flex-start !important;
}

.flex-self-end {
  align-self: flex-end !important;
}

.flex-self-center {
  align-self: center !important;
}

.flex-self-baseline {
  align-self: baseline !important;
}

.flex-self-stretch {
  align-self: stretch !important;
}

.flex-order-1 {
  order: 1 !important;
}

.flex-order-2 {
  order: 2 !important;
}

.flex-order-none {
  order: inherit !important;
}

@media (min-width: 544px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-justify-start {
    justify-content: flex-start !important;
  }

  .flex-sm-justify-end {
    justify-content: flex-end !important;
  }

  .flex-sm-justify-center {
    justify-content: center !important;
  }

  .flex-sm-justify-between {
    justify-content: space-between !important;
  }

  .flex-sm-justify-around {
    justify-content: space-around !important;
  }

  .flex-sm-items-start {
    align-items: flex-start !important;
  }

  .flex-sm-items-end {
    align-items: flex-end !important;
  }

  .flex-sm-items-center {
    align-items: center !important;
  }

  .flex-sm-items-baseline {
    align-items: baseline !important;
  }

  .flex-sm-items-stretch {
    align-items: stretch !important;
  }

  .flex-sm-content-start {
    align-content: flex-start !important;
  }

  .flex-sm-content-end {
    align-content: flex-end !important;
  }

  .flex-sm-content-center {
    align-content: center !important;
  }

  .flex-sm-content-between {
    align-content: space-between !important;
  }

  .flex-sm-content-around {
    align-content: space-around !important;
  }

  .flex-sm-content-stretch {
    align-content: stretch !important;
  }

  .flex-sm-1 {
    flex: 1 !important;
  }

  .flex-sm-auto {
    flex: auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-self-auto {
    align-self: auto !important;
  }

  .flex-sm-self-start {
    align-self: flex-start !important;
  }

  .flex-sm-self-end {
    align-self: flex-end !important;
  }

  .flex-sm-self-center {
    align-self: center !important;
  }

  .flex-sm-self-baseline {
    align-self: baseline !important;
  }

  .flex-sm-self-stretch {
    align-self: stretch !important;
  }

  .flex-sm-order-1 {
    order: 1 !important;
  }

  .flex-sm-order-2 {
    order: 2 !important;
  }

  .flex-sm-order-none {
    order: inherit !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-justify-start {
    justify-content: flex-start !important;
  }

  .flex-md-justify-end {
    justify-content: flex-end !important;
  }

  .flex-md-justify-center {
    justify-content: center !important;
  }

  .flex-md-justify-between {
    justify-content: space-between !important;
  }

  .flex-md-justify-around {
    justify-content: space-around !important;
  }

  .flex-md-items-start {
    align-items: flex-start !important;
  }

  .flex-md-items-end {
    align-items: flex-end !important;
  }

  .flex-md-items-center {
    align-items: center !important;
  }

  .flex-md-items-baseline {
    align-items: baseline !important;
  }

  .flex-md-items-stretch {
    align-items: stretch !important;
  }

  .flex-md-content-start {
    align-content: flex-start !important;
  }

  .flex-md-content-end {
    align-content: flex-end !important;
  }

  .flex-md-content-center {
    align-content: center !important;
  }

  .flex-md-content-between {
    align-content: space-between !important;
  }

  .flex-md-content-around {
    align-content: space-around !important;
  }

  .flex-md-content-stretch {
    align-content: stretch !important;
  }

  .flex-md-1 {
    flex: 1 !important;
  }

  .flex-md-auto {
    flex: auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-self-auto {
    align-self: auto !important;
  }

  .flex-md-self-start {
    align-self: flex-start !important;
  }

  .flex-md-self-end {
    align-self: flex-end !important;
  }

  .flex-md-self-center {
    align-self: center !important;
  }

  .flex-md-self-baseline {
    align-self: baseline !important;
  }

  .flex-md-self-stretch {
    align-self: stretch !important;
  }

  .flex-md-order-1 {
    order: 1 !important;
  }

  .flex-md-order-2 {
    order: 2 !important;
  }

  .flex-md-order-none {
    order: inherit !important;
  }
}

@media (min-width: 1012px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-justify-start {
    justify-content: flex-start !important;
  }

  .flex-lg-justify-end {
    justify-content: flex-end !important;
  }

  .flex-lg-justify-center {
    justify-content: center !important;
  }

  .flex-lg-justify-between {
    justify-content: space-between !important;
  }

  .flex-lg-justify-around {
    justify-content: space-around !important;
  }

  .flex-lg-items-start {
    align-items: flex-start !important;
  }

  .flex-lg-items-end {
    align-items: flex-end !important;
  }

  .flex-lg-items-center {
    align-items: center !important;
  }

  .flex-lg-items-baseline {
    align-items: baseline !important;
  }

  .flex-lg-items-stretch {
    align-items: stretch !important;
  }

  .flex-lg-content-start {
    align-content: flex-start !important;
  }

  .flex-lg-content-end {
    align-content: flex-end !important;
  }

  .flex-lg-content-center {
    align-content: center !important;
  }

  .flex-lg-content-between {
    align-content: space-between !important;
  }

  .flex-lg-content-around {
    align-content: space-around !important;
  }

  .flex-lg-content-stretch {
    align-content: stretch !important;
  }

  .flex-lg-1 {
    flex: 1 !important;
  }

  .flex-lg-auto {
    flex: auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-self-auto {
    align-self: auto !important;
  }

  .flex-lg-self-start {
    align-self: flex-start !important;
  }

  .flex-lg-self-end {
    align-self: flex-end !important;
  }

  .flex-lg-self-center {
    align-self: center !important;
  }

  .flex-lg-self-baseline {
    align-self: baseline !important;
  }

  .flex-lg-self-stretch {
    align-self: stretch !important;
  }

  .flex-lg-order-1 {
    order: 1 !important;
  }

  .flex-lg-order-2 {
    order: 2 !important;
  }

  .flex-lg-order-none {
    order: inherit !important;
  }
}

@media (min-width: 1280px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-justify-start {
    justify-content: flex-start !important;
  }

  .flex-xl-justify-end {
    justify-content: flex-end !important;
  }

  .flex-xl-justify-center {
    justify-content: center !important;
  }

  .flex-xl-justify-between {
    justify-content: space-between !important;
  }

  .flex-xl-justify-around {
    justify-content: space-around !important;
  }

  .flex-xl-items-start {
    align-items: flex-start !important;
  }

  .flex-xl-items-end {
    align-items: flex-end !important;
  }

  .flex-xl-items-center {
    align-items: center !important;
  }

  .flex-xl-items-baseline {
    align-items: baseline !important;
  }

  .flex-xl-items-stretch {
    align-items: stretch !important;
  }

  .flex-xl-content-start {
    align-content: flex-start !important;
  }

  .flex-xl-content-end {
    align-content: flex-end !important;
  }

  .flex-xl-content-center {
    align-content: center !important;
  }

  .flex-xl-content-between {
    align-content: space-between !important;
  }

  .flex-xl-content-around {
    align-content: space-around !important;
  }

  .flex-xl-content-stretch {
    align-content: stretch !important;
  }

  .flex-xl-1 {
    flex: 1 !important;
  }

  .flex-xl-auto {
    flex: auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-self-auto {
    align-self: auto !important;
  }

  .flex-xl-self-start {
    align-self: flex-start !important;
  }

  .flex-xl-self-end {
    align-self: flex-end !important;
  }

  .flex-xl-self-center {
    align-self: center !important;
  }

  .flex-xl-self-baseline {
    align-self: baseline !important;
  }

  .flex-xl-self-stretch {
    align-self: stretch !important;
  }

  .flex-xl-order-1 {
    order: 1 !important;
  }

  .flex-xl-order-2 {
    order: 2 !important;
  }

  .flex-xl-order-none {
    order: inherit !important;
  }
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

@media (min-width: 544px) {
  .position-sm-static {
    position: static !important;
  }

  .position-sm-relative {
    position: relative !important;
  }

  .position-sm-absolute {
    position: absolute !important;
  }

  .position-sm-fixed {
    position: fixed !important;
  }

  .position-sm-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}

@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }

  .position-md-relative {
    position: relative !important;
  }

  .position-md-absolute {
    position: absolute !important;
  }

  .position-md-fixed {
    position: fixed !important;
  }

  .position-md-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}

@media (min-width: 1012px) {
  .position-lg-static {
    position: static !important;
  }

  .position-lg-relative {
    position: relative !important;
  }

  .position-lg-absolute {
    position: absolute !important;
  }

  .position-lg-fixed {
    position: fixed !important;
  }

  .position-lg-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}

@media (min-width: 1280px) {
  .position-xl-static {
    position: static !important;
  }

  .position-xl-relative {
    position: relative !important;
  }

  .position-xl-absolute {
    position: absolute !important;
  }

  .position-xl-fixed {
    position: fixed !important;
  }

  .position-xl-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}

.top-0 {
  top: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.top-auto {
  top: auto !important;
}

.right-auto {
  right: auto !important;
}

.bottom-auto {
  bottom: auto !important;
}

.left-auto {
  left: auto !important;
}

@media (min-width: 544px) {
  .top-sm-0 {
    top: 0 !important;
  }

  .right-sm-0 {
    right: 0 !important;
  }

  .bottom-sm-0 {
    bottom: 0 !important;
  }

  .left-sm-0 {
    left: 0 !important;
  }

  .top-sm-auto {
    top: auto !important;
  }

  .right-sm-auto {
    right: auto !important;
  }

  .bottom-sm-auto {
    bottom: auto !important;
  }

  .left-sm-auto {
    left: auto !important;
  }
}

@media (min-width: 768px) {
  .top-md-0 {
    top: 0 !important;
  }

  .right-md-0 {
    right: 0 !important;
  }

  .bottom-md-0 {
    bottom: 0 !important;
  }

  .left-md-0 {
    left: 0 !important;
  }

  .top-md-auto {
    top: auto !important;
  }

  .right-md-auto {
    right: auto !important;
  }

  .bottom-md-auto {
    bottom: auto !important;
  }

  .left-md-auto {
    left: auto !important;
  }
}

@media (min-width: 1012px) {
  .top-lg-0 {
    top: 0 !important;
  }

  .right-lg-0 {
    right: 0 !important;
  }

  .bottom-lg-0 {
    bottom: 0 !important;
  }

  .left-lg-0 {
    left: 0 !important;
  }

  .top-lg-auto {
    top: auto !important;
  }

  .right-lg-auto {
    right: auto !important;
  }

  .bottom-lg-auto {
    bottom: auto !important;
  }

  .left-lg-auto {
    left: auto !important;
  }
}

@media (min-width: 1280px) {
  .top-xl-0 {
    top: 0 !important;
  }

  .right-xl-0 {
    right: 0 !important;
  }

  .bottom-xl-0 {
    bottom: 0 !important;
  }

  .left-xl-0 {
    left: 0 !important;
  }

  .top-xl-auto {
    top: auto !important;
  }

  .right-xl-auto {
    right: auto !important;
  }

  .bottom-xl-auto {
    bottom: auto !important;
  }

  .left-xl-auto {
    left: auto !important;
  }
}

.v-align-middle {
  vertical-align: middle !important;
}

.v-align-top {
  vertical-align: top !important;
}

.v-align-bottom {
  vertical-align: bottom !important;
}

.v-align-text-top {
  vertical-align: text-top !important;
}

.v-align-text-bottom {
  vertical-align: text-bottom !important;
}

.v-align-baseline {
  vertical-align: baseline !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

@media (min-width: 544px) {
  .overflow-sm-visible {
    overflow: visible !important;
  }

  .overflow-sm-x-visible {
    overflow-x: visible !important;
  }

  .overflow-sm-y-visible {
    overflow-y: visible !important;
  }

  .overflow-sm-hidden {
    overflow: hidden !important;
  }

  .overflow-sm-x-hidden {
    overflow-x: hidden !important;
  }

  .overflow-sm-y-hidden {
    overflow-y: hidden !important;
  }

  .overflow-sm-auto {
    overflow: auto !important;
  }

  .overflow-sm-x-auto {
    overflow-x: auto !important;
  }

  .overflow-sm-y-auto {
    overflow-y: auto !important;
  }

  .overflow-sm-scroll {
    overflow: scroll !important;
  }

  .overflow-sm-x-scroll {
    overflow-x: scroll !important;
  }

  .overflow-sm-y-scroll {
    overflow-y: scroll !important;
  }
}

@media (min-width: 768px) {
  .overflow-md-visible {
    overflow: visible !important;
  }

  .overflow-md-x-visible {
    overflow-x: visible !important;
  }

  .overflow-md-y-visible {
    overflow-y: visible !important;
  }

  .overflow-md-hidden {
    overflow: hidden !important;
  }

  .overflow-md-x-hidden {
    overflow-x: hidden !important;
  }

  .overflow-md-y-hidden {
    overflow-y: hidden !important;
  }

  .overflow-md-auto {
    overflow: auto !important;
  }

  .overflow-md-x-auto {
    overflow-x: auto !important;
  }

  .overflow-md-y-auto {
    overflow-y: auto !important;
  }

  .overflow-md-scroll {
    overflow: scroll !important;
  }

  .overflow-md-x-scroll {
    overflow-x: scroll !important;
  }

  .overflow-md-y-scroll {
    overflow-y: scroll !important;
  }
}

@media (min-width: 1012px) {
  .overflow-lg-visible {
    overflow: visible !important;
  }

  .overflow-lg-x-visible {
    overflow-x: visible !important;
  }

  .overflow-lg-y-visible {
    overflow-y: visible !important;
  }

  .overflow-lg-hidden {
    overflow: hidden !important;
  }

  .overflow-lg-x-hidden {
    overflow-x: hidden !important;
  }

  .overflow-lg-y-hidden {
    overflow-y: hidden !important;
  }

  .overflow-lg-auto {
    overflow: auto !important;
  }

  .overflow-lg-x-auto {
    overflow-x: auto !important;
  }

  .overflow-lg-y-auto {
    overflow-y: auto !important;
  }

  .overflow-lg-scroll {
    overflow: scroll !important;
  }

  .overflow-lg-x-scroll {
    overflow-x: scroll !important;
  }

  .overflow-lg-y-scroll {
    overflow-y: scroll !important;
  }
}

@media (min-width: 1280px) {
  .overflow-xl-visible {
    overflow: visible !important;
  }

  .overflow-xl-x-visible {
    overflow-x: visible !important;
  }

  .overflow-xl-y-visible {
    overflow-y: visible !important;
  }

  .overflow-xl-hidden {
    overflow: hidden !important;
  }

  .overflow-xl-x-hidden {
    overflow-x: hidden !important;
  }

  .overflow-xl-y-hidden {
    overflow-y: hidden !important;
  }

  .overflow-xl-auto {
    overflow: auto !important;
  }

  .overflow-xl-x-auto {
    overflow-x: auto !important;
  }

  .overflow-xl-y-auto {
    overflow-y: auto !important;
  }

  .overflow-xl-scroll {
    overflow: scroll !important;
  }

  .overflow-xl-x-scroll {
    overflow-x: scroll !important;
  }

  .overflow-xl-y-scroll {
    overflow-y: scroll !important;
  }
}

.clearfix::before {
  display: table;
  content: "";
}

.clearfix::after {
  display: table;
  clear: both;
  content: "";
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 544px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 1012px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1280px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}

.width-fit {
  max-width: 100% !important;
}

.width-full {
  width: 100% !important;
}

.height-fit {
  max-height: 100% !important;
}

.height-full {
  height: 100% !important;
}

.min-width-0 {
  min-width: 0 !important;
}

.width-auto {
  width: auto !important;
}

.direction-rtl {
  direction: rtl !important;
}

.direction-ltr {
  direction: ltr !important;
}

@media (min-width: 544px) {
  .width-sm-auto {
    width: auto !important;
  }

  .direction-sm-rtl {
    direction: rtl !important;
  }

  .direction-sm-ltr {
    direction: ltr !important;
  }
}

@media (min-width: 768px) {
  .width-md-auto {
    width: auto !important;
  }

  .direction-md-rtl {
    direction: rtl !important;
  }

  .direction-md-ltr {
    direction: ltr !important;
  }
}

@media (min-width: 1012px) {
  .width-lg-auto {
    width: auto !important;
  }

  .direction-lg-rtl {
    direction: rtl !important;
  }

  .direction-lg-ltr {
    direction: ltr !important;
  }
}

@media (min-width: 1280px) {
  .width-xl-auto {
    width: auto !important;
  }

  .direction-xl-rtl {
    direction: rtl !important;
  }

  .direction-xl-ltr {
    direction: ltr !important;
  }
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: var(--base-size-4, 4px) !important;
}

.mt-1 {
  margin-top: var(--base-size-4, 4px) !important;
}

.mb-1 {
  margin-bottom: var(--base-size-4, 4px) !important;
}

.mr-1 {
  margin-right: var(--base-size-4, 4px) !important;
}

.ml-1 {
  margin-left: var(--base-size-4, 4px) !important;
}

.mt-n1 {
  margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
}

.mb-n1 {
  margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
}

.mr-n1 {
  margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
}

.ml-n1 {
  margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
}

.mx-1 {
  margin-right: var(--base-size-4, 4px) !important;
  margin-left: var(--base-size-4, 4px) !important;
}

.my-1 {
  margin-top: var(--base-size-4, 4px) !important;
  margin-bottom: var(--base-size-4, 4px) !important;
}

.m-2 {
  margin: var(--base-size-8, 8px) !important;
}

.mt-2 {
  margin-top: var(--base-size-8, 8px) !important;
}

.mb-2 {
  margin-bottom: var(--base-size-8, 8px) !important;
}

.mr-2 {
  margin-right: var(--base-size-8, 8px) !important;
}

.ml-2 {
  margin-left: var(--base-size-8, 8px) !important;
}

.mt-n2 {
  margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
}

.mb-n2 {
  margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
}

.mr-n2 {
  margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
}

.ml-n2 {
  margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
}

.mx-2 {
  margin-right: var(--base-size-8, 8px) !important;
  margin-left: var(--base-size-8, 8px) !important;
}

.my-2 {
  margin-top: var(--base-size-8, 8px) !important;
  margin-bottom: var(--base-size-8, 8px) !important;
}

.m-3 {
  margin: var(--base-size-16, 16px) !important;
}

.mt-3 {
  margin-top: var(--base-size-16, 16px) !important;
}

.mb-3 {
  margin-bottom: var(--base-size-16, 16px) !important;
}

.mr-3 {
  margin-right: var(--base-size-16, 16px) !important;
}

.ml-3 {
  margin-left: var(--base-size-16, 16px) !important;
}

.mt-n3 {
  margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
}

.mb-n3 {
  margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
}

.mr-n3 {
  margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
}

.ml-n3 {
  margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
}

.mx-3 {
  margin-right: var(--base-size-16, 16px) !important;
  margin-left: var(--base-size-16, 16px) !important;
}

.my-3 {
  margin-top: var(--base-size-16, 16px) !important;
  margin-bottom: var(--base-size-16, 16px) !important;
}

.m-4 {
  margin: var(--base-size-24, 24px) !important;
}

.mt-4 {
  margin-top: var(--base-size-24, 24px) !important;
}

.mb-4 {
  margin-bottom: var(--base-size-24, 24px) !important;
}

.mr-4 {
  margin-right: var(--base-size-24, 24px) !important;
}

.ml-4 {
  margin-left: var(--base-size-24, 24px) !important;
}

.mt-n4 {
  margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
}

.mb-n4 {
  margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
}

.mr-n4 {
  margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
}

.ml-n4 {
  margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
}

.mx-4 {
  margin-right: var(--base-size-24, 24px) !important;
  margin-left: var(--base-size-24, 24px) !important;
}

.my-4 {
  margin-top: var(--base-size-24, 24px) !important;
  margin-bottom: var(--base-size-24, 24px) !important;
}

.m-5 {
  margin: var(--base-size-32, 32px) !important;
}

.mt-5 {
  margin-top: var(--base-size-32, 32px) !important;
}

.mb-5 {
  margin-bottom: var(--base-size-32, 32px) !important;
}

.mr-5 {
  margin-right: var(--base-size-32, 32px) !important;
}

.ml-5 {
  margin-left: var(--base-size-32, 32px) !important;
}

.mt-n5 {
  margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
}

.mb-n5 {
  margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
}

.mr-n5 {
  margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
}

.ml-n5 {
  margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
}

.mx-5 {
  margin-right: var(--base-size-32, 32px) !important;
  margin-left: var(--base-size-32, 32px) !important;
}

.my-5 {
  margin-top: var(--base-size-32, 32px) !important;
  margin-bottom: var(--base-size-32, 32px) !important;
}

.m-6 {
  margin: var(--base-size-40, 40px) !important;
}

.mt-6 {
  margin-top: var(--base-size-40, 40px) !important;
}

.mb-6 {
  margin-bottom: var(--base-size-40, 40px) !important;
}

.mr-6 {
  margin-right: var(--base-size-40, 40px) !important;
}

.ml-6 {
  margin-left: var(--base-size-40, 40px) !important;
}

.mt-n6 {
  margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
}

.mb-n6 {
  margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
}

.mr-n6 {
  margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
}

.ml-n6 {
  margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
}

.mx-6 {
  margin-right: var(--base-size-40, 40px) !important;
  margin-left: var(--base-size-40, 40px) !important;
}

.my-6 {
  margin-top: var(--base-size-40, 40px) !important;
  margin-bottom: var(--base-size-40, 40px) !important;
}

.mt-7 {
  margin-top: var(--base-size-48, 48px) !important;
}

.mb-7 {
  margin-bottom: var(--base-size-48, 48px) !important;
}

.mt-n7 {
  margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
}

.mb-n7 {
  margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
}

.my-7 {
  margin-top: var(--base-size-48, 48px) !important;
  margin-bottom: var(--base-size-48, 48px) !important;
}

.mt-8 {
  margin-top: var(--base-size-64, 64px) !important;
}

.mb-8 {
  margin-bottom: var(--base-size-64, 64px) !important;
}

.mt-n8 {
  margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
}

.mb-n8 {
  margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
}

.my-8 {
  margin-top: var(--base-size-64, 64px) !important;
  margin-bottom: var(--base-size-64, 64px) !important;
}

.mt-9 {
  margin-top: var(--base-size-80, 80px) !important;
}

.mb-9 {
  margin-bottom: var(--base-size-80, 80px) !important;
}

.mt-n9 {
  margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
}

.mb-n9 {
  margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
}

.my-9 {
  margin-top: var(--base-size-80, 80px) !important;
  margin-bottom: var(--base-size-80, 80px) !important;
}

.mt-10 {
  margin-top: var(--base-size-96, 96px) !important;
}

.mb-10 {
  margin-bottom: var(--base-size-96, 96px) !important;
}

.mt-n10 {
  margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
}

.mb-n10 {
  margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
}

.my-10 {
  margin-top: var(--base-size-96, 96px) !important;
  margin-bottom: var(--base-size-96, 96px) !important;
}

.mt-11 {
  margin-top: var(--base-size-112, 112px) !important;
}

.mb-11 {
  margin-bottom: var(--base-size-112, 112px) !important;
}

.mt-n11 {
  margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
}

.mb-n11 {
  margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
}

.my-11 {
  margin-top: var(--base-size-112, 112px) !important;
  margin-bottom: var(--base-size-112, 112px) !important;
}

.mt-12 {
  margin-top: var(--base-size-128, 128px) !important;
}

.mb-12 {
  margin-bottom: var(--base-size-128, 128px) !important;
}

.mt-n12 {
  margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
}

.mb-n12 {
  margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
}

.my-12 {
  margin-top: var(--base-size-128, 128px) !important;
  margin-bottom: var(--base-size-128, 128px) !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 544px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mr-sm-0 {
    margin-right: 0 !important;
  }

  .ml-sm-0 {
    margin-left: 0 !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .m-sm-1 {
    margin: var(--base-size-4, 4px) !important;
  }

  .mt-sm-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }

  .mb-sm-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }

  .mr-sm-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }

  .ml-sm-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }

  .mt-sm-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mb-sm-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mr-sm-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .ml-sm-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mx-sm-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }

  .my-sm-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }

  .m-sm-2 {
    margin: var(--base-size-8, 8px) !important;
  }

  .mt-sm-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }

  .mb-sm-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }

  .mr-sm-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }

  .ml-sm-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }

  .mt-sm-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mb-sm-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mr-sm-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .ml-sm-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mx-sm-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }

  .my-sm-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }

  .m-sm-3 {
    margin: var(--base-size-16, 16px) !important;
  }

  .mt-sm-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }

  .mb-sm-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }

  .mr-sm-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }

  .ml-sm-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }

  .mt-sm-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mb-sm-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mr-sm-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .ml-sm-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mx-sm-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }

  .my-sm-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }

  .m-sm-4 {
    margin: var(--base-size-24, 24px) !important;
  }

  .mt-sm-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }

  .mb-sm-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }

  .mr-sm-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }

  .ml-sm-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }

  .mt-sm-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mb-sm-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mr-sm-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .ml-sm-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mx-sm-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }

  .my-sm-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }

  .m-sm-5 {
    margin: var(--base-size-32, 32px) !important;
  }

  .mt-sm-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }

  .mb-sm-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }

  .mr-sm-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }

  .ml-sm-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }

  .mt-sm-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mb-sm-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mr-sm-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .ml-sm-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mx-sm-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }

  .my-sm-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }

  .m-sm-6 {
    margin: var(--base-size-40, 40px) !important;
  }

  .mt-sm-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }

  .mb-sm-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }

  .mr-sm-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }

  .ml-sm-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }

  .mt-sm-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mb-sm-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mr-sm-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .ml-sm-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mx-sm-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }

  .my-sm-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }

  .mt-sm-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }

  .mb-sm-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }

  .mt-sm-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }

  .mb-sm-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }

  .my-sm-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }

  .mt-sm-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }

  .mb-sm-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }

  .mt-sm-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }

  .mb-sm-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }

  .my-sm-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }

  .mt-sm-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }

  .mb-sm-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }

  .mt-sm-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }

  .mb-sm-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }

  .my-sm-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }

  .mt-sm-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }

  .mb-sm-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }

  .mt-sm-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }

  .mb-sm-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }

  .my-sm-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }

  .mt-sm-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }

  .mb-sm-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }

  .mt-sm-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }

  .mb-sm-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }

  .my-sm-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }

  .mt-sm-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }

  .mb-sm-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }

  .mt-sm-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }

  .mb-sm-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }

  .my-sm-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mr-md-0 {
    margin-right: 0 !important;
  }

  .ml-md-0 {
    margin-left: 0 !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .m-md-1 {
    margin: var(--base-size-4, 4px) !important;
  }

  .mt-md-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }

  .mb-md-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }

  .mr-md-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }

  .ml-md-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }

  .mt-md-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mb-md-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mr-md-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .ml-md-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mx-md-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }

  .my-md-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }

  .m-md-2 {
    margin: var(--base-size-8, 8px) !important;
  }

  .mt-md-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }

  .mb-md-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }

  .mr-md-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }

  .ml-md-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }

  .mt-md-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mb-md-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mr-md-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .ml-md-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mx-md-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }

  .my-md-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }

  .m-md-3 {
    margin: var(--base-size-16, 16px) !important;
  }

  .mt-md-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }

  .mb-md-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }

  .mr-md-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }

  .ml-md-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }

  .mt-md-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mb-md-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mr-md-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .ml-md-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mx-md-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }

  .my-md-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }

  .m-md-4 {
    margin: var(--base-size-24, 24px) !important;
  }

  .mt-md-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }

  .mb-md-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }

  .mr-md-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }

  .ml-md-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }

  .mt-md-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mb-md-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mr-md-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .ml-md-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mx-md-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }

  .my-md-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }

  .m-md-5 {
    margin: var(--base-size-32, 32px) !important;
  }

  .mt-md-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }

  .mb-md-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }

  .mr-md-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }

  .ml-md-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }

  .mt-md-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mb-md-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mr-md-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .ml-md-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mx-md-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }

  .my-md-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }

  .m-md-6 {
    margin: var(--base-size-40, 40px) !important;
  }

  .mt-md-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }

  .mb-md-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }

  .mr-md-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }

  .ml-md-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }

  .mt-md-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mb-md-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mr-md-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .ml-md-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mx-md-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }

  .my-md-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }

  .mt-md-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }

  .mb-md-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }

  .mt-md-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }

  .mb-md-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }

  .my-md-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }

  .mt-md-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }

  .mb-md-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }

  .mt-md-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }

  .mb-md-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }

  .my-md-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }

  .mt-md-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }

  .mb-md-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }

  .mt-md-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }

  .mb-md-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }

  .my-md-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }

  .mt-md-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }

  .mb-md-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }

  .mt-md-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }

  .mb-md-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }

  .my-md-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }

  .mt-md-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }

  .mb-md-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }

  .mt-md-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }

  .mb-md-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }

  .my-md-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }

  .mt-md-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }

  .mb-md-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }

  .mt-md-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }

  .mb-md-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }

  .my-md-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (min-width: 1012px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mr-lg-0 {
    margin-right: 0 !important;
  }

  .ml-lg-0 {
    margin-left: 0 !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .m-lg-1 {
    margin: var(--base-size-4, 4px) !important;
  }

  .mt-lg-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }

  .mb-lg-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }

  .mr-lg-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }

  .ml-lg-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }

  .mt-lg-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mb-lg-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mr-lg-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .ml-lg-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mx-lg-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }

  .my-lg-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }

  .m-lg-2 {
    margin: var(--base-size-8, 8px) !important;
  }

  .mt-lg-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }

  .mb-lg-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }

  .mr-lg-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }

  .ml-lg-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }

  .mt-lg-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mb-lg-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mr-lg-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .ml-lg-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mx-lg-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }

  .my-lg-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }

  .m-lg-3 {
    margin: var(--base-size-16, 16px) !important;
  }

  .mt-lg-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }

  .mb-lg-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }

  .mr-lg-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }

  .ml-lg-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }

  .mt-lg-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mb-lg-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mr-lg-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .ml-lg-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mx-lg-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }

  .my-lg-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }

  .m-lg-4 {
    margin: var(--base-size-24, 24px) !important;
  }

  .mt-lg-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }

  .mb-lg-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }

  .mr-lg-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }

  .ml-lg-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }

  .mt-lg-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mb-lg-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mr-lg-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .ml-lg-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mx-lg-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }

  .my-lg-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }

  .m-lg-5 {
    margin: var(--base-size-32, 32px) !important;
  }

  .mt-lg-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }

  .mb-lg-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }

  .mr-lg-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }

  .ml-lg-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }

  .mt-lg-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mb-lg-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mr-lg-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .ml-lg-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mx-lg-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }

  .my-lg-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }

  .m-lg-6 {
    margin: var(--base-size-40, 40px) !important;
  }

  .mt-lg-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }

  .mb-lg-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }

  .mr-lg-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }

  .ml-lg-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }

  .mt-lg-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mb-lg-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mr-lg-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .ml-lg-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mx-lg-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }

  .my-lg-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }

  .mt-lg-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }

  .mb-lg-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }

  .mt-lg-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }

  .mb-lg-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }

  .my-lg-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }

  .mt-lg-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }

  .mb-lg-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }

  .mt-lg-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }

  .mb-lg-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }

  .my-lg-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }

  .mt-lg-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }

  .mb-lg-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }

  .mt-lg-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }

  .mb-lg-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }

  .my-lg-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }

  .mt-lg-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }

  .mb-lg-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }

  .mt-lg-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }

  .mb-lg-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }

  .my-lg-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }

  .mt-lg-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }

  .mb-lg-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }

  .mt-lg-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }

  .mb-lg-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }

  .my-lg-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }

  .mt-lg-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }

  .mb-lg-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }

  .mt-lg-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }

  .mb-lg-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }

  .my-lg-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (min-width: 1280px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mr-xl-0 {
    margin-right: 0 !important;
  }

  .ml-xl-0 {
    margin-left: 0 !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .m-xl-1 {
    margin: var(--base-size-4, 4px) !important;
  }

  .mt-xl-1 {
    margin-top: var(--base-size-4, 4px) !important;
  }

  .mb-xl-1 {
    margin-bottom: var(--base-size-4, 4px) !important;
  }

  .mr-xl-1 {
    margin-right: var(--base-size-4, 4px) !important;
  }

  .ml-xl-1 {
    margin-left: var(--base-size-4, 4px) !important;
  }

  .mt-xl-n1 {
    margin-top: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mb-xl-n1 {
    margin-bottom: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mr-xl-n1 {
    margin-right: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .ml-xl-n1 {
    margin-left: calc(-1 * var(--base-size-4, 4px)) !important;
  }

  .mx-xl-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important;
  }

  .my-xl-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
  }

  .m-xl-2 {
    margin: var(--base-size-8, 8px) !important;
  }

  .mt-xl-2 {
    margin-top: var(--base-size-8, 8px) !important;
  }

  .mb-xl-2 {
    margin-bottom: var(--base-size-8, 8px) !important;
  }

  .mr-xl-2 {
    margin-right: var(--base-size-8, 8px) !important;
  }

  .ml-xl-2 {
    margin-left: var(--base-size-8, 8px) !important;
  }

  .mt-xl-n2 {
    margin-top: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mb-xl-n2 {
    margin-bottom: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mr-xl-n2 {
    margin-right: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .ml-xl-n2 {
    margin-left: calc(-1 * var(--base-size-8, 8px)) !important;
  }

  .mx-xl-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important;
  }

  .my-xl-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important;
  }

  .m-xl-3 {
    margin: var(--base-size-16, 16px) !important;
  }

  .mt-xl-3 {
    margin-top: var(--base-size-16, 16px) !important;
  }

  .mb-xl-3 {
    margin-bottom: var(--base-size-16, 16px) !important;
  }

  .mr-xl-3 {
    margin-right: var(--base-size-16, 16px) !important;
  }

  .ml-xl-3 {
    margin-left: var(--base-size-16, 16px) !important;
  }

  .mt-xl-n3 {
    margin-top: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mb-xl-n3 {
    margin-bottom: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mr-xl-n3 {
    margin-right: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .ml-xl-n3 {
    margin-left: calc(-1 * var(--base-size-16, 16px)) !important;
  }

  .mx-xl-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important;
  }

  .my-xl-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important;
  }

  .m-xl-4 {
    margin: var(--base-size-24, 24px) !important;
  }

  .mt-xl-4 {
    margin-top: var(--base-size-24, 24px) !important;
  }

  .mb-xl-4 {
    margin-bottom: var(--base-size-24, 24px) !important;
  }

  .mr-xl-4 {
    margin-right: var(--base-size-24, 24px) !important;
  }

  .ml-xl-4 {
    margin-left: var(--base-size-24, 24px) !important;
  }

  .mt-xl-n4 {
    margin-top: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mb-xl-n4 {
    margin-bottom: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mr-xl-n4 {
    margin-right: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .ml-xl-n4 {
    margin-left: calc(-1 * var(--base-size-24, 24px)) !important;
  }

  .mx-xl-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important;
  }

  .my-xl-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important;
  }

  .m-xl-5 {
    margin: var(--base-size-32, 32px) !important;
  }

  .mt-xl-5 {
    margin-top: var(--base-size-32, 32px) !important;
  }

  .mb-xl-5 {
    margin-bottom: var(--base-size-32, 32px) !important;
  }

  .mr-xl-5 {
    margin-right: var(--base-size-32, 32px) !important;
  }

  .ml-xl-5 {
    margin-left: var(--base-size-32, 32px) !important;
  }

  .mt-xl-n5 {
    margin-top: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mb-xl-n5 {
    margin-bottom: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mr-xl-n5 {
    margin-right: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .ml-xl-n5 {
    margin-left: calc(-1 * var(--base-size-32, 32px)) !important;
  }

  .mx-xl-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important;
  }

  .my-xl-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important;
  }

  .m-xl-6 {
    margin: var(--base-size-40, 40px) !important;
  }

  .mt-xl-6 {
    margin-top: var(--base-size-40, 40px) !important;
  }

  .mb-xl-6 {
    margin-bottom: var(--base-size-40, 40px) !important;
  }

  .mr-xl-6 {
    margin-right: var(--base-size-40, 40px) !important;
  }

  .ml-xl-6 {
    margin-left: var(--base-size-40, 40px) !important;
  }

  .mt-xl-n6 {
    margin-top: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mb-xl-n6 {
    margin-bottom: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mr-xl-n6 {
    margin-right: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .ml-xl-n6 {
    margin-left: calc(-1 * var(--base-size-40, 40px)) !important;
  }

  .mx-xl-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important;
  }

  .my-xl-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important;
  }

  .mt-xl-7 {
    margin-top: var(--base-size-48, 48px) !important;
  }

  .mb-xl-7 {
    margin-bottom: var(--base-size-48, 48px) !important;
  }

  .mt-xl-n7 {
    margin-top: calc(-1 * var(--base-size-48, 48px)) !important;
  }

  .mb-xl-n7 {
    margin-bottom: calc(-1 * var(--base-size-48, 48px)) !important;
  }

  .my-xl-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important;
  }

  .mt-xl-8 {
    margin-top: var(--base-size-64, 64px) !important;
  }

  .mb-xl-8 {
    margin-bottom: var(--base-size-64, 64px) !important;
  }

  .mt-xl-n8 {
    margin-top: calc(-1 * var(--base-size-64, 64px)) !important;
  }

  .mb-xl-n8 {
    margin-bottom: calc(-1 * var(--base-size-64, 64px)) !important;
  }

  .my-xl-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important;
  }

  .mt-xl-9 {
    margin-top: var(--base-size-80, 80px) !important;
  }

  .mb-xl-9 {
    margin-bottom: var(--base-size-80, 80px) !important;
  }

  .mt-xl-n9 {
    margin-top: calc(-1 * var(--base-size-80, 80px)) !important;
  }

  .mb-xl-n9 {
    margin-bottom: calc(-1 * var(--base-size-80, 80px)) !important;
  }

  .my-xl-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important;
  }

  .mt-xl-10 {
    margin-top: var(--base-size-96, 96px) !important;
  }

  .mb-xl-10 {
    margin-bottom: var(--base-size-96, 96px) !important;
  }

  .mt-xl-n10 {
    margin-top: calc(-1 * var(--base-size-96, 96px)) !important;
  }

  .mb-xl-n10 {
    margin-bottom: calc(-1 * var(--base-size-96, 96px)) !important;
  }

  .my-xl-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important;
  }

  .mt-xl-11 {
    margin-top: var(--base-size-112, 112px) !important;
  }

  .mb-xl-11 {
    margin-bottom: var(--base-size-112, 112px) !important;
  }

  .mt-xl-n11 {
    margin-top: calc(-1 * var(--base-size-112, 112px)) !important;
  }

  .mb-xl-n11 {
    margin-bottom: calc(-1 * var(--base-size-112, 112px)) !important;
  }

  .my-xl-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important;
  }

  .mt-xl-12 {
    margin-top: var(--base-size-128, 128px) !important;
  }

  .mb-xl-12 {
    margin-bottom: var(--base-size-128, 128px) !important;
  }

  .mt-xl-n12 {
    margin-top: calc(-1 * var(--base-size-128, 128px)) !important;
  }

  .mb-xl-n12 {
    margin-bottom: calc(-1 * var(--base-size-128, 128px)) !important;
  }

  .my-xl-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: var(--base-size-4, 4px) !important;
}

.pt-1 {
  padding-top: var(--base-size-4, 4px) !important;
}

.pr-1 {
  padding-right: var(--base-size-4, 4px) !important;
}

.pb-1 {
  padding-bottom: var(--base-size-4, 4px) !important;
}

.pl-1 {
  padding-left: var(--base-size-4, 4px) !important;
}

.px-1 {
  padding-right: var(--base-size-4, 4px) !important;
  padding-left: var(--base-size-4, 4px) !important;
}

.py-1 {
  padding-top: var(--base-size-4, 4px) !important;
  padding-bottom: var(--base-size-4, 4px) !important;
}

.p-2 {
  padding: var(--base-size-8, 8px) !important;
}

.pt-2 {
  padding-top: var(--base-size-8, 8px) !important;
}

.pr-2 {
  padding-right: var(--base-size-8, 8px) !important;
}

.pb-2 {
  padding-bottom: var(--base-size-8, 8px) !important;
}

.pl-2 {
  padding-left: var(--base-size-8, 8px) !important;
}

.px-2 {
  padding-right: var(--base-size-8, 8px) !important;
  padding-left: var(--base-size-8, 8px) !important;
}

.py-2 {
  padding-top: var(--base-size-8, 8px) !important;
  padding-bottom: var(--base-size-8, 8px) !important;
}

.p-3 {
  padding: var(--base-size-16, 16px) !important;
}

.pt-3 {
  padding-top: var(--base-size-16, 16px) !important;
}

.pr-3 {
  padding-right: var(--base-size-16, 16px) !important;
}

.pb-3 {
  padding-bottom: var(--base-size-16, 16px) !important;
}

.pl-3 {
  padding-left: var(--base-size-16, 16px) !important;
}

.px-3 {
  padding-right: var(--base-size-16, 16px) !important;
  padding-left: var(--base-size-16, 16px) !important;
}

.py-3 {
  padding-top: var(--base-size-16, 16px) !important;
  padding-bottom: var(--base-size-16, 16px) !important;
}

.p-4 {
  padding: var(--base-size-24, 24px) !important;
}

.pt-4 {
  padding-top: var(--base-size-24, 24px) !important;
}

.pr-4 {
  padding-right: var(--base-size-24, 24px) !important;
}

.pb-4 {
  padding-bottom: var(--base-size-24, 24px) !important;
}

.pl-4 {
  padding-left: var(--base-size-24, 24px) !important;
}

.px-4 {
  padding-right: var(--base-size-24, 24px) !important;
  padding-left: var(--base-size-24, 24px) !important;
}

.py-4 {
  padding-top: var(--base-size-24, 24px) !important;
  padding-bottom: var(--base-size-24, 24px) !important;
}

.p-5 {
  padding: var(--base-size-32, 32px) !important;
}

.pt-5 {
  padding-top: var(--base-size-32, 32px) !important;
}

.pr-5 {
  padding-right: var(--base-size-32, 32px) !important;
}

.pb-5 {
  padding-bottom: var(--base-size-32, 32px) !important;
}

.pl-5 {
  padding-left: var(--base-size-32, 32px) !important;
}

.px-5 {
  padding-right: var(--base-size-32, 32px) !important;
  padding-left: var(--base-size-32, 32px) !important;
}

.py-5 {
  padding-top: var(--base-size-32, 32px) !important;
  padding-bottom: var(--base-size-32, 32px) !important;
}

.p-6 {
  padding: var(--base-size-40, 40px) !important;
}

.pt-6 {
  padding-top: var(--base-size-40, 40px) !important;
}

.pr-6 {
  padding-right: var(--base-size-40, 40px) !important;
}

.pb-6 {
  padding-bottom: var(--base-size-40, 40px) !important;
}

.pl-6 {
  padding-left: var(--base-size-40, 40px) !important;
}

.px-6 {
  padding-right: var(--base-size-40, 40px) !important;
  padding-left: var(--base-size-40, 40px) !important;
}

.py-6 {
  padding-top: var(--base-size-40, 40px) !important;
  padding-bottom: var(--base-size-40, 40px) !important;
}

.pt-7 {
  padding-top: var(--base-size-48, 48px) !important;
}

.pr-7 {
  padding-right: var(--base-size-48, 48px) !important;
}

.pb-7 {
  padding-bottom: var(--base-size-48, 48px) !important;
}

.pl-7 {
  padding-left: var(--base-size-48, 48px) !important;
}

.py-7 {
  padding-top: var(--base-size-48, 48px) !important;
  padding-bottom: var(--base-size-48, 48px) !important;
}

.pt-8 {
  padding-top: var(--base-size-64, 64px) !important;
}

.pr-8 {
  padding-right: var(--base-size-64, 64px) !important;
}

.pb-8 {
  padding-bottom: var(--base-size-64, 64px) !important;
}

.pl-8 {
  padding-left: var(--base-size-64, 64px) !important;
}

.py-8 {
  padding-top: var(--base-size-64, 64px) !important;
  padding-bottom: var(--base-size-64, 64px) !important;
}

.pt-9 {
  padding-top: var(--base-size-80, 80px) !important;
}

.pr-9 {
  padding-right: var(--base-size-80, 80px) !important;
}

.pb-9 {
  padding-bottom: var(--base-size-80, 80px) !important;
}

.pl-9 {
  padding-left: var(--base-size-80, 80px) !important;
}

.py-9 {
  padding-top: var(--base-size-80, 80px) !important;
  padding-bottom: var(--base-size-80, 80px) !important;
}

.pt-10 {
  padding-top: var(--base-size-96, 96px) !important;
}

.pr-10 {
  padding-right: var(--base-size-96, 96px) !important;
}

.pb-10 {
  padding-bottom: var(--base-size-96, 96px) !important;
}

.pl-10 {
  padding-left: var(--base-size-96, 96px) !important;
}

.py-10 {
  padding-top: var(--base-size-96, 96px) !important;
  padding-bottom: var(--base-size-96, 96px) !important;
}

.pt-11 {
  padding-top: var(--base-size-112, 112px) !important;
}

.pr-11 {
  padding-right: var(--base-size-112, 112px) !important;
}

.pb-11 {
  padding-bottom: var(--base-size-112, 112px) !important;
}

.pl-11 {
  padding-left: var(--base-size-112, 112px) !important;
}

.py-11 {
  padding-top: var(--base-size-112, 112px) !important;
  padding-bottom: var(--base-size-112, 112px) !important;
}

.pt-12 {
  padding-top: var(--base-size-128, 128px) !important;
}

.pr-12 {
  padding-right: var(--base-size-128, 128px) !important;
}

.pb-12 {
  padding-bottom: var(--base-size-128, 128px) !important;
}

.pl-12 {
  padding-left: var(--base-size-128, 128px) !important;
}

.py-12 {
  padding-top: var(--base-size-128, 128px) !important;
  padding-bottom: var(--base-size-128, 128px) !important;
}

@media (min-width: 544px) {
  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0 {
    padding-left: 0 !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .p-sm-1 {
    padding: var(--base-size-4, 4px) !important;
  }

  .pt-sm-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }

  .pr-sm-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }

  .pb-sm-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }

  .pl-sm-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }

  .px-sm-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }

  .py-sm-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }

  .p-sm-2 {
    padding: var(--base-size-8, 8px) !important;
  }

  .pt-sm-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }

  .pr-sm-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }

  .pb-sm-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }

  .pl-sm-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }

  .px-sm-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }

  .py-sm-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }

  .p-sm-3 {
    padding: var(--base-size-16, 16px) !important;
  }

  .pt-sm-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }

  .pr-sm-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }

  .pb-sm-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }

  .pl-sm-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }

  .px-sm-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }

  .py-sm-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }

  .p-sm-4 {
    padding: var(--base-size-24, 24px) !important;
  }

  .pt-sm-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }

  .pr-sm-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }

  .pb-sm-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }

  .pl-sm-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }

  .px-sm-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }

  .py-sm-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }

  .p-sm-5 {
    padding: var(--base-size-32, 32px) !important;
  }

  .pt-sm-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }

  .pr-sm-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }

  .pb-sm-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }

  .pl-sm-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }

  .px-sm-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }

  .py-sm-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }

  .p-sm-6 {
    padding: var(--base-size-40, 40px) !important;
  }

  .pt-sm-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }

  .pr-sm-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }

  .pb-sm-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }

  .pl-sm-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }

  .px-sm-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }

  .py-sm-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }

  .pt-sm-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }

  .pr-sm-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }

  .pb-sm-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }

  .pl-sm-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }

  .py-sm-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }

  .pt-sm-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }

  .pr-sm-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }

  .pb-sm-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }

  .pl-sm-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }

  .py-sm-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }

  .pt-sm-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }

  .pr-sm-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }

  .pb-sm-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }

  .pl-sm-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }

  .py-sm-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }

  .pt-sm-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }

  .pr-sm-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }

  .pb-sm-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }

  .pl-sm-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }

  .py-sm-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }

  .pt-sm-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }

  .pr-sm-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }

  .pb-sm-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }

  .pl-sm-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }

  .py-sm-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }

  .pt-sm-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }

  .pr-sm-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }

  .pb-sm-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }

  .pl-sm-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }

  .py-sm-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}

@media (min-width: 768px) {
  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0 {
    padding-left: 0 !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .p-md-1 {
    padding: var(--base-size-4, 4px) !important;
  }

  .pt-md-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }

  .pr-md-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }

  .pb-md-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }

  .pl-md-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }

  .px-md-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }

  .py-md-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }

  .p-md-2 {
    padding: var(--base-size-8, 8px) !important;
  }

  .pt-md-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }

  .pr-md-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }

  .pb-md-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }

  .pl-md-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }

  .px-md-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }

  .py-md-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }

  .p-md-3 {
    padding: var(--base-size-16, 16px) !important;
  }

  .pt-md-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }

  .pr-md-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }

  .pb-md-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }

  .pl-md-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }

  .px-md-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }

  .py-md-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }

  .p-md-4 {
    padding: var(--base-size-24, 24px) !important;
  }

  .pt-md-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }

  .pr-md-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }

  .pb-md-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }

  .pl-md-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }

  .px-md-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }

  .py-md-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }

  .p-md-5 {
    padding: var(--base-size-32, 32px) !important;
  }

  .pt-md-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }

  .pr-md-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }

  .pb-md-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }

  .pl-md-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }

  .px-md-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }

  .py-md-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }

  .p-md-6 {
    padding: var(--base-size-40, 40px) !important;
  }

  .pt-md-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }

  .pr-md-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }

  .pb-md-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }

  .pl-md-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }

  .px-md-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }

  .py-md-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }

  .pt-md-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }

  .pr-md-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }

  .pb-md-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }

  .pl-md-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }

  .py-md-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }

  .pt-md-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }

  .pr-md-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }

  .pb-md-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }

  .pl-md-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }

  .py-md-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }

  .pt-md-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }

  .pr-md-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }

  .pb-md-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }

  .pl-md-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }

  .py-md-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }

  .pt-md-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }

  .pr-md-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }

  .pb-md-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }

  .pl-md-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }

  .py-md-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }

  .pt-md-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }

  .pr-md-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }

  .pb-md-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }

  .pl-md-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }

  .py-md-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }

  .pt-md-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }

  .pr-md-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }

  .pb-md-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }

  .pl-md-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }

  .py-md-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}

@media (min-width: 1012px) {
  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0 {
    padding-left: 0 !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .p-lg-1 {
    padding: var(--base-size-4, 4px) !important;
  }

  .pt-lg-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }

  .pr-lg-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }

  .pb-lg-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }

  .pl-lg-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }

  .px-lg-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }

  .py-lg-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }

  .p-lg-2 {
    padding: var(--base-size-8, 8px) !important;
  }

  .pt-lg-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }

  .pr-lg-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }

  .pb-lg-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }

  .pl-lg-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }

  .px-lg-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }

  .py-lg-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }

  .p-lg-3 {
    padding: var(--base-size-16, 16px) !important;
  }

  .pt-lg-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }

  .pr-lg-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }

  .pb-lg-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }

  .pl-lg-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }

  .px-lg-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }

  .py-lg-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }

  .p-lg-4 {
    padding: var(--base-size-24, 24px) !important;
  }

  .pt-lg-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }

  .pr-lg-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }

  .pb-lg-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }

  .pl-lg-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }

  .px-lg-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }

  .py-lg-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }

  .p-lg-5 {
    padding: var(--base-size-32, 32px) !important;
  }

  .pt-lg-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }

  .pr-lg-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }

  .pb-lg-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }

  .pl-lg-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }

  .px-lg-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }

  .py-lg-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }

  .p-lg-6 {
    padding: var(--base-size-40, 40px) !important;
  }

  .pt-lg-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }

  .pr-lg-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }

  .pb-lg-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }

  .pl-lg-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }

  .px-lg-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }

  .py-lg-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }

  .pt-lg-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }

  .pr-lg-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }

  .pb-lg-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }

  .pl-lg-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }

  .py-lg-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }

  .pt-lg-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }

  .pr-lg-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }

  .pb-lg-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }

  .pl-lg-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }

  .py-lg-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }

  .pt-lg-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }

  .pr-lg-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }

  .pb-lg-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }

  .pl-lg-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }

  .py-lg-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }

  .pt-lg-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }

  .pr-lg-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }

  .pb-lg-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }

  .pl-lg-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }

  .py-lg-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }

  .pt-lg-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }

  .pr-lg-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }

  .pb-lg-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }

  .pl-lg-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }

  .py-lg-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }

  .pt-lg-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }

  .pr-lg-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }

  .pb-lg-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }

  .pl-lg-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }

  .py-lg-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}

@media (min-width: 1280px) {
  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0 {
    padding-left: 0 !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .p-xl-1 {
    padding: var(--base-size-4, 4px) !important;
  }

  .pt-xl-1 {
    padding-top: var(--base-size-4, 4px) !important;
  }

  .pr-xl-1 {
    padding-right: var(--base-size-4, 4px) !important;
  }

  .pb-xl-1 {
    padding-bottom: var(--base-size-4, 4px) !important;
  }

  .pl-xl-1 {
    padding-left: var(--base-size-4, 4px) !important;
  }

  .px-xl-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important;
  }

  .py-xl-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important;
  }

  .p-xl-2 {
    padding: var(--base-size-8, 8px) !important;
  }

  .pt-xl-2 {
    padding-top: var(--base-size-8, 8px) !important;
  }

  .pr-xl-2 {
    padding-right: var(--base-size-8, 8px) !important;
  }

  .pb-xl-2 {
    padding-bottom: var(--base-size-8, 8px) !important;
  }

  .pl-xl-2 {
    padding-left: var(--base-size-8, 8px) !important;
  }

  .px-xl-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important;
  }

  .py-xl-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important;
  }

  .p-xl-3 {
    padding: var(--base-size-16, 16px) !important;
  }

  .pt-xl-3 {
    padding-top: var(--base-size-16, 16px) !important;
  }

  .pr-xl-3 {
    padding-right: var(--base-size-16, 16px) !important;
  }

  .pb-xl-3 {
    padding-bottom: var(--base-size-16, 16px) !important;
  }

  .pl-xl-3 {
    padding-left: var(--base-size-16, 16px) !important;
  }

  .px-xl-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }

  .py-xl-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important;
  }

  .p-xl-4 {
    padding: var(--base-size-24, 24px) !important;
  }

  .pt-xl-4 {
    padding-top: var(--base-size-24, 24px) !important;
  }

  .pr-xl-4 {
    padding-right: var(--base-size-24, 24px) !important;
  }

  .pb-xl-4 {
    padding-bottom: var(--base-size-24, 24px) !important;
  }

  .pl-xl-4 {
    padding-left: var(--base-size-24, 24px) !important;
  }

  .px-xl-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
  }

  .py-xl-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important;
  }

  .p-xl-5 {
    padding: var(--base-size-32, 32px) !important;
  }

  .pt-xl-5 {
    padding-top: var(--base-size-32, 32px) !important;
  }

  .pr-xl-5 {
    padding-right: var(--base-size-32, 32px) !important;
  }

  .pb-xl-5 {
    padding-bottom: var(--base-size-32, 32px) !important;
  }

  .pl-xl-5 {
    padding-left: var(--base-size-32, 32px) !important;
  }

  .px-xl-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important;
  }

  .py-xl-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important;
  }

  .p-xl-6 {
    padding: var(--base-size-40, 40px) !important;
  }

  .pt-xl-6 {
    padding-top: var(--base-size-40, 40px) !important;
  }

  .pr-xl-6 {
    padding-right: var(--base-size-40, 40px) !important;
  }

  .pb-xl-6 {
    padding-bottom: var(--base-size-40, 40px) !important;
  }

  .pl-xl-6 {
    padding-left: var(--base-size-40, 40px) !important;
  }

  .px-xl-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }

  .py-xl-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important;
  }

  .pt-xl-7 {
    padding-top: var(--base-size-48, 48px) !important;
  }

  .pr-xl-7 {
    padding-right: var(--base-size-48, 48px) !important;
  }

  .pb-xl-7 {
    padding-bottom: var(--base-size-48, 48px) !important;
  }

  .pl-xl-7 {
    padding-left: var(--base-size-48, 48px) !important;
  }

  .py-xl-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important;
  }

  .pt-xl-8 {
    padding-top: var(--base-size-64, 64px) !important;
  }

  .pr-xl-8 {
    padding-right: var(--base-size-64, 64px) !important;
  }

  .pb-xl-8 {
    padding-bottom: var(--base-size-64, 64px) !important;
  }

  .pl-xl-8 {
    padding-left: var(--base-size-64, 64px) !important;
  }

  .py-xl-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important;
  }

  .pt-xl-9 {
    padding-top: var(--base-size-80, 80px) !important;
  }

  .pr-xl-9 {
    padding-right: var(--base-size-80, 80px) !important;
  }

  .pb-xl-9 {
    padding-bottom: var(--base-size-80, 80px) !important;
  }

  .pl-xl-9 {
    padding-left: var(--base-size-80, 80px) !important;
  }

  .py-xl-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important;
  }

  .pt-xl-10 {
    padding-top: var(--base-size-96, 96px) !important;
  }

  .pr-xl-10 {
    padding-right: var(--base-size-96, 96px) !important;
  }

  .pb-xl-10 {
    padding-bottom: var(--base-size-96, 96px) !important;
  }

  .pl-xl-10 {
    padding-left: var(--base-size-96, 96px) !important;
  }

  .py-xl-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important;
  }

  .pt-xl-11 {
    padding-top: var(--base-size-112, 112px) !important;
  }

  .pr-xl-11 {
    padding-right: var(--base-size-112, 112px) !important;
  }

  .pb-xl-11 {
    padding-bottom: var(--base-size-112, 112px) !important;
  }

  .pl-xl-11 {
    padding-left: var(--base-size-112, 112px) !important;
  }

  .py-xl-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important;
  }

  .pt-xl-12 {
    padding-top: var(--base-size-128, 128px) !important;
  }

  .pr-xl-12 {
    padding-right: var(--base-size-128, 128px) !important;
  }

  .pb-xl-12 {
    padding-bottom: var(--base-size-128, 128px) !important;
  }

  .pl-xl-12 {
    padding-left: var(--base-size-128, 128px) !important;
  }

  .py-xl-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important;
  }
}

.p-responsive {
  padding-right: var(--base-size-16, 16px) !important;
  padding-left: var(--base-size-16, 16px) !important;
}

@media (min-width: 544px) {
  .p-responsive {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important;
  }
}

@media (min-width: 1012px) {
  .p-responsive {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important;
  }
}

.h1 {
  font-size: var(--h1-size-mobile, 26px) !important;
}

@media (min-width: 768px) {
  .h1 {
    font-size: var(--h1-size, 32px) !important;
  }
}

.h2 {
  font-size: var(--h2-size-mobile, 22px) !important;
}

@media (min-width: 768px) {
  .h2 {
    font-size: var(--h2-size, 24px) !important;
  }
}

.h3 {
  font-size: var(--h3-size-mobile, 18px) !important;
}

@media (min-width: 768px) {
  .h3 {
    font-size: var(--h3-size, 20px) !important;
  }
}

.h4 {
  font-size: var(--h4-size, 16px) !important;
}

.h5 {
  font-size: var(--h5-size, 14px) !important;
}

.h6 {
  font-size: var(--h6-size, 12px) !important;
}

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

.f1 {
  font-size: var(--h1-size-mobile, 26px) !important;
}

@media (min-width: 768px) {
  .f1 {
    font-size: var(--h1-size, 32px) !important;
  }
}

.f2 {
  font-size: var(--h2-size-mobile, 22px) !important;
}

@media (min-width: 768px) {
  .f2 {
    font-size: var(--h2-size, 24px) !important;
  }
}

.f3 {
  font-size: var(--h3-size-mobile, 18px) !important;
}

@media (min-width: 768px) {
  .f3 {
    font-size: var(--h3-size, 20px) !important;
  }
}

.f4 {
  font-size: var(--h4-size, 16px) !important;
}

@media (min-width: 768px) {
  .f4 {
    font-size: var(--h4-size, 16px) !important;
  }
}

.f5 {
  font-size: var(--h5-size, 14px) !important;
}

.f6 {
  font-size: var(--h6-size, 12px) !important;
}

.f00-light {
  font-size: var(--h00-size-mobile, 40px) !important;
  font-weight: var(
    --base-text-weight-light,
    var(--base-text-weight-light, 300)
  ) !important;
}

@media (min-width: 768px) {
  .f00-light {
    font-size: var(--h00-size, 48px) !important;
  }
}

.f0-light {
  font-size: var(--h0-size-mobile, 32px) !important;
  font-weight: var(
    --base-text-weight-light,
    var(--base-text-weight-light, 300)
  ) !important;
}

@media (min-width: 768px) {
  .f0-light {
    font-size: var(--h0-size, 40px) !important;
  }
}

.f1-light {
  font-size: var(--h1-size-mobile, 26px) !important;
  font-weight: var(
    --base-text-weight-light,
    var(--base-text-weight-light, 300)
  ) !important;
}

@media (min-width: 768px) {
  .f1-light {
    font-size: var(--h1-size, 32px) !important;
  }
}

.f2-light {
  font-size: var(--h2-size-mobile, 22px) !important;
  font-weight: var(
    --base-text-weight-light,
    var(--base-text-weight-light, 300)
  ) !important;
}

@media (min-width: 768px) {
  .f2-light {
    font-size: var(--h2-size, 24px) !important;
  }
}

.f3-light {
  font-size: var(--h3-size-mobile, 18px) !important;
  font-weight: var(
    --base-text-weight-light,
    var(--base-text-weight-light, 300)
  ) !important;
}

@media (min-width: 768px) {
  .f3-light {
    font-size: var(--h3-size, 20px) !important;
  }
}

.text-small {
  font-size: var(--h6-size, 12px) !important;
}

.lead {
  margin-bottom: 30px;
  font-size: var(--h3-size, 20px);
  font-weight: var(
    --base-text-weight-light,
    var(--base-text-weight-light, 300)
  );
}

.lh-condensed-ultra {
  line-height: 1 !important;
}

.lh-condensed {
  line-height: 1.25 !important;
}

.lh-default {
  line-height: 1.5 !important;
}

.lh-0 {
  line-height: 0 !important;
}

@media (min-width: 544px) {
  .lh-sm-condensed-ultra {
    line-height: 1 !important;
  }

  .lh-sm-condensed {
    line-height: 1.25 !important;
  }

  .lh-sm-default {
    line-height: 1.5 !important;
  }

  .lh-sm-0 {
    line-height: 0 !important;
  }
}

@media (min-width: 768px) {
  .lh-md-condensed-ultra {
    line-height: 1 !important;
  }

  .lh-md-condensed {
    line-height: 1.25 !important;
  }

  .lh-md-default {
    line-height: 1.5 !important;
  }

  .lh-md-0 {
    line-height: 0 !important;
  }
}

@media (min-width: 1012px) {
  .lh-lg-condensed-ultra {
    line-height: 1 !important;
  }

  .lh-lg-condensed {
    line-height: 1.25 !important;
  }

  .lh-lg-default {
    line-height: 1.5 !important;
  }

  .lh-lg-0 {
    line-height: 0 !important;
  }
}

@media (min-width: 1280px) {
  .lh-xl-condensed-ultra {
    line-height: 1 !important;
  }

  .lh-xl-condensed {
    line-height: 1.25 !important;
  }

  .lh-xl-default {
    line-height: 1.5 !important;
  }

  .lh-xl-0 {
    line-height: 0 !important;
  }
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 544px) {
  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-right {
    text-align: right !important;
  }

  .text-md-left {
    text-align: left !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 1012px) {
  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1280px) {
  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

.text-normal {
  font-weight: var(--base-text-weight-normal, 400) !important;
}

.text-bold {
  font-weight: var(--base-text-weight-semibold, 600) !important;
}

.text-semibold {
  font-weight: var(--base-text-weight-medium, 500) !important;
}

.text-light {
  font-weight: var(--base-text-weight-light, 300) !important;
}

.text-italic {
  font-style: italic !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-underline {
  text-decoration: underline !important;
}

.no-underline {
  text-decoration: none !important;
}

.no-wrap {
  white-space: nowrap !important;
}

.ws-normal {
  white-space: normal !important;
}

.wb-break-word {
  word-break: break-word !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.wb-break-all {
  word-break: break-all !important;
}

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

.list-style-none {
  list-style: none !important;
}

.text-mono {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

@media (min-width: 544px) {
  .d-sm-block {
    display: block !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }
}

@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }
}

@media (min-width: 1012px) {
  .d-lg-block {
    display: block !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }
}

@media (min-width: 1280px) {
  .d-xl-block {
    display: block !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }
}

.v-hidden {
  visibility: hidden !important;
}

.v-visible {
  visibility: visible !important;
}

@media (max-width: 543.98px) {
  .hide-sm {
    display: none !important;
  }
}

@media (min-width: 544px) and (max-width: 767.98px) {
  .hide-md {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1011.98px) {
  .hide-lg {
    display: none !important;
  }
}

@media (min-width: 1012px) {
  .hide-xl {
    display: none !important;
  }
}

.show-whenNarrow,
.show-whenRegular,
.show-whenWide,
.show-whenRegular.hide-whenWide {
  display: none !important;
}

.hide-whenNarrow,
.hide-whenRegular,
.hide-whenWide {
  display: block !important;
}

@media (max-width: 767.98px) {
  .show-whenNarrow {
    display: block !important;
  }

  .hide-whenNarrow {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .show-whenRegular,
  .show-whenRegular.hide-whenWide {
    display: block !important;
  }

  .hide-whenRegular {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .show-whenWide {
    display: block !important;
  }

  .hide-whenWide,
  .show-whenRegular.hide-whenWide {
    display: none !important;
  }
}

.table-fixed {
  table-layout: fixed !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  word-wrap: normal;
  border: 0;
}

.show-on-focus {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.show-on-focus:focus {
  z-index: 999;
  width: auto;
  height: auto;
  clip: auto;
}

/*!
 * @primer/css/product
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */
.flash:not(.Banner) {
  background-image: linear-gradient(
    var(--color-accent-subtle),
    var(--color-accent-subtle)
  );
  border-color: var(--color-accent-muted);
  border-radius: var(--primer-borderRadius-medium, 6px);
  border-style: solid;
  border-width: var(--primer-borderWidth-thin, 1px);
  color: var(--color-fg-default);
  padding: var(--base-size-20, 20px)
    var(--primer-control-medium-paddingInline-spacious, 16px);
  position: relative;
}

.flash:not(.Banner) .octicon {
  color: var(--color-accent-fg);
  margin-right: var(--base-size-12, 12px);
}

.flash:not(.Banner) p:last-child {
  margin-bottom: 0;
}

.flash-messages {
  margin-bottom: var(--primer-stack-gap-spacious, 24px);
}

.flash-close:not(.Banner-close) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  float: right;
  margin: calc(var(--primer-control-medium-paddingInline-spacious, 16px) * -1);
  padding: var(--primer-control-medium-paddingInline-spacious, 16px);
  text-align: center;
}

.flash-close:not(.Banner-close):hover {
  opacity: 0.7;
}

.flash-close:not(.Banner-close):active {
  opacity: 0.5;
}

.flash-close:not(.Banner-close) .octicon {
  margin-right: 0;
}

.flash-action:not(.Banner-actions) {
  background-clip: padding-box;
  float: right;
  margin-left: var(--primer-stack-gap-spacious, 24px);
  margin-top: -3px;
}

.flash-action.btn:not(.Banner-actions) .octicon {
  color: var(--color-fg-muted);
  margin-right: var(--primer-control-small-gap, 4px);
}

.flash-action.btn-primary:not(.Banner-actions) {
  background-clip: initial;
}

.flash-action.btn-primary:not(.Banner-actions) .octicon {
  color: inherit;
}

.flash-warn:not(.Banner) {
  background-image: linear-gradient(
    var(--color-attention-subtle),
    var(--color-attention-subtle)
  );
  border-color: var(--color-attention-muted);
  color: var(--color-fg-default);
}

.flash-warn:not(.Banner) .octicon {
  color: var(--color-attention-fg);
}

.flash-error:not(.Banner) {
  background-image: linear-gradient(
    var(--color-danger-subtle),
    var(--color-danger-subtle)
  );
  border-color: var(--color-danger-muted);
  color: var(--color-fg-default);
}

.flash-error:not(.Banner) .octicon {
  color: var(--color-danger-fg);
}

.flash-success:not(.Banner) {
  background-image: linear-gradient(
    var(--color-success-subtle),
    var(--color-success-subtle)
  );
  border-color: var(--color-success-muted);
  color: var(--color-fg-default);
}

.flash-success:not(.Banner) .octicon {
  color: var(--color-success-fg);
}

.flash-full:not(.Banner) {
  border-radius: 0;
  border-width: var(--primer-borderWidth-thin, 1px) 0;
  margin-top: calc(var(--primer-borderWidth-thin, 1px) * -1);
}

.flash-banner {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 90;
}

.flash-banner,
.flash-full {
  background-color: var(--color-canvas-default);
}

.warning {
  background-color: var(--color-attention-subtle);
  font-weight: var(--base-text-weight-semibold, 600);
  margin-bottom: 0.8em;
  padding: 0.5em;
}

.autocomplete-label-stacked {
  display: block;
  margin-bottom: 6px;
}

.autocomplete-label-inline {
  display: inline;
  margin-right: 6px;
}

@media (max-width: 543.98px) {
  .autocomplete-label-inline {
    display: block;
    margin-bottom: 6px;
  }
}

.autocomplete-body {
  display: inline;
  position: relative;
}

.autocomplete-embedded-icon-wrap {
  align-items: center;
  display: inline-flex;
  padding: 4px 8px;
}

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

.autocomplete-embedded-icon-wrap .form-control {
  border: none;
  box-shadow: none;
  margin-left: 8px;
  padding: 0;
}

.autocomplete-embedded-icon-wrap .form-control:focus {
  box-shadow: none;
}

.autocomplete-embedded-icon-wrap .form-control:focus-visible {
  box-shadow: none;
}

.autocomplete-results {
  background: var(--color-canvas-overlay);
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);
  border-radius: var(--primer-borderRadius-medium, 6px);
  box-shadow: var(--color-shadow-medium);
  font-size: 13px;
  left: 0;
  list-style: none;
  max-height: 20em;
  min-width: 100%;
  overflow-y: auto;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 99;
}

.autocomplete-item {
  background-color: var(--color-canvas-overlay);
  border: 0;
  color: var(--color-fg-default);
  cursor: pointer;
  display: block;
  font-weight: var(--base-text-weight-semibold, 600);
  overflow: hidden;
  padding: 4px 8px;
  text-align: left;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.autocomplete-item:hover {
  background-color: var(--color-accent-emphasis);
  color: var(--color-fg-on-emphasis);
  text-decoration: none;
}

.autocomplete-item:hover * {
  color: inherit !important;
}

.autocomplete-item.navigation-focus,
.autocomplete-item.selected,
.autocomplete-item[aria-selected="true"] {
  background-color: var(--color-accent-emphasis);
  color: var(--color-fg-on-emphasis);
  text-decoration: none;
}

.autocomplete-item.navigation-focus *,
.autocomplete-item.selected *,
.autocomplete-item[aria-selected="true"] * {
  color: inherit !important;
}

.suggester {
  position: relative;
  top: 0;
  left: 0;
  min-width: 180px;
  padding: 0;
  margin: 0;
  margin-top: 24px;
  list-style: none;
  cursor: pointer;
  background: var(--color-canvas-overlay);
  border: 1px solid var(--color-border-default);
  border-radius: 6px;
  box-shadow: var(--color-shadow-medium);
}

.suggester li {
  display: block;
  padding: 4px 8px;
  font-weight: var(--base-text-weight-medium, 500);
  border-bottom: 1px solid var(--color-border-muted);
}

.suggester li small {
  font-weight: var(--base-text-weight-normal, 400);
  color: var(--color-fg-muted);
}

.suggester li:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.suggester li:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.suggester li:hover {
  color: var(--color-fg-on-emphasis);
  text-decoration: none;
  background: var(--color-accent-emphasis);
}

.suggester li:hover small {
  color: var(--color-fg-on-emphasis);
}

.suggester li:hover .octicon {
  color: inherit !important;
}

.suggester li[aria-selected="true"],
.suggester li.navigation-focus {
  color: var(--color-fg-on-emphasis);
  text-decoration: none;
  background: var(--color-accent-emphasis);
}

.suggester li[aria-selected="true"] small,
.suggester li.navigation-focus small {
  color: var(--color-fg-on-emphasis);
}

.suggester li[aria-selected="true"] .octicon,
.suggester li.navigation-focus .octicon {
  color: inherit !important;
}

.suggester-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
}

@media (max-width: 544px) {
  .page-responsive .suggester-container {
    right: 8px !important;
    left: 8px !important;
  }

  .page-responsive .suggester li {
    padding: 8px 16px;
  }
}

.avatar {
  background-color: var(--color-avatar-bg);
  border-radius: var(--primer-borderRadius-medium, 6px);
  box-shadow: 0 0 0 1px var(--color-avatar-border);
  display: inline-block;
  flex-shrink: 0;
  line-height: 1;
  overflow: hidden;
  vertical-align: middle;
}

.avatar-link {
  float: left;
  line-height: 1;
}

.avatar-group-item {
  display: inline-block;
  margin-bottom: 3px;
}

.avatar-1,
.avatar-2,
.avatar-small {
  border-radius: var(--primer-borderRadius-small, 4px);
}

.avatar-1 {
  height: var(--base-size-16, 16px);
  width: var(--base-size-16, 16px);
}

.avatar-2 {
  height: var(--base-size-20, 20px);
  width: var(--base-size-20, 20px);
}

.avatar-3 {
  height: var(--base-size-24, 24px);
  width: var(--base-size-24, 24px);
}

.avatar-4 {
  height: var(--base-size-28, 28px);
  width: var(--base-size-28, 28px);
}

.avatar-5 {
  height: var(--base-size-32, 32px);
  width: var(--base-size-32, 32px);
}

.avatar-6 {
  height: var(--base-size-40, 40px);
  width: var(--base-size-40, 40px);
}

.avatar-7 {
  height: var(--base-size-48, 48px);
  width: var(--base-size-48, 48px);
}

.avatar-8 {
  height: var(--base-size-64, 64px);
  width: var(--base-size-64, 64px);
}

.avatar-parent-child {
  position: relative;
}

.avatar-child {
  position: absolute;
  right: -15%;
  bottom: -9%;
  background-color: var(--color-canvas-default);
  border-radius: 4px;
  box-shadow: var(--color-avatar-child-shadow);
}

.AvatarStack {
  height: 20px;
  min-width: 26px;
  position: relative;
}

.AvatarStack .AvatarStack-body {
  position: absolute;
}

.AvatarStack.AvatarStack--two {
  min-width: 36px;
}

.AvatarStack.AvatarStack--three-plus {
  min-width: 46px;
}

.AvatarStack-body {
  background: var(--color-canvas-default);
  border-radius: 100px;
  display: flex;
}

.AvatarStack-body .avatar {
  background-color: var(--color-canvas-default);
  border-radius: var(--primer-borderRadius-small, 4px);
  border-right: var(--primer-borderWidth-thin, 1px) solid
    var(--color-canvas-default);
  box-shadow: none;
  box-sizing: initial;
  display: flex;
  height: 20px;
  margin-right: -11px;
  position: relative;
  transition: margin 0.1s ease-in-out;
  width: 20px;
  z-index: 2;
}

.AvatarStack-body .avatar:first-child {
  z-index: 3;
}

.AvatarStack-body .avatar:last-child {
  border-right: 0;
  z-index: 1;
}

.AvatarStack-body .avatar img {
  border-radius: var(--primer-borderRadius-small, 4px);
}

.AvatarStack-body .avatar:nth-child(n + 4) {
  display: none;
  opacity: 0;
}

.AvatarStack-body:hover .avatar {
  margin-right: 3px;
}

.AvatarStack-body:hover .avatar:nth-child(n + 4) {
  display: flex;
  opacity: 1;
}

.AvatarStack-body:hover .avatar-more {
  display: none !important;
}

.avatar.avatar-more {
  background: var(--color-canvas-subtle);
  margin-right: 0;
  z-index: 1;
}

.avatar.avatar-more:after,
.avatar.avatar-more:before {
  border-radius: 2px;
  content: "";
  display: block;
  height: 20px;
  outline: var(--primer-borderWidth-thin, 1px) solid var(--color-canvas-default);
  position: absolute;
}

.avatar.avatar-more:before {
  background: var(--color-avatar-stack-fade-more);
  width: 17px;
}

.avatar.avatar-more:after {
  background: var(--color-avatar-stack-fade);
  width: 14px;
}

.AvatarStack--right .AvatarStack-body {
  flex-direction: row-reverse;
  right: 0;
}

.AvatarStack--right .AvatarStack-body:hover .avatar {
  margin-left: 3px;
  margin-right: 0;
}

.AvatarStack--right .AvatarStack-body .avatar:not(:last-child) {
  border-left: 0;
}

.AvatarStack--right .avatar.avatar-more {
  background: var(--color-avatar-stack-fade);
}

.AvatarStack--right .avatar.avatar-more:before {
  width: 5px;
}

.AvatarStack--right .avatar.avatar-more:after {
  background: var(--color-canvas-subtle);
  width: 2px;
}

.AvatarStack--right .avatar {
  border-left: var(--primer-borderWidth-thin, 1px) solid
    var(--color-canvas-default);
  border-right: 0;
  margin-left: -11px;
  margin-right: 0;
}

.CircleBadge {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-canvas-default);
  border-radius: 50%;
  box-shadow: var(--color-shadow-medium);
}

.CircleBadge-icon {
  max-width: 60% !important;
  height: auto !important;
  max-height: 55% !important;
}

.CircleBadge--small {
  width: 56px;
  height: 56px;
}

.CircleBadge--medium {
  width: 96px;
  height: 96px;
}

.CircleBadge--large {
  width: 128px;
  height: 128px;
}

.DashedConnection {
  position: relative;
}

.DashedConnection::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  content: "";
  border-bottom: 2px dashed var(--color-border-default);
}

.DashedConnection .CircleBadge {
  position: relative;
}

.blankslate {
  padding: var(--base-size-32, 32px);
  position: relative;
  text-align: center;
}

.blankslate p {
  color: var(--color-fg-muted);
}

.blankslate code {
  background: var(--color-canvas-default);
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-muted);
  border-radius: var(--primer-borderRadius-medium, 6px);
  font-size: var(--primer-text-body-size-medium, 14px);
  padding: 2px 5px 3px;
}

.blankslate img {
  height: 56px;
  width: 56px;
}

.blankslate-icon {
  color: var(--color-fg-muted);
  margin-bottom: var(--primer-stack-gap-condensed, 8px);
  margin-left: var(--primer-control-small-gap, 4px);
  margin-right: var(--primer-control-small-gap, 4px);
}

.blankslate-image {
  margin-bottom: var(--primer-stack-gap-normal, 16px);
}

.blankslate-heading {
  margin-bottom: var(--base-size-4, 4px);
}

.blankslate-action {
  margin-top: var(--primer-stack-gap-normal, 16px);
}

.blankslate-action:first-of-type {
  margin-top: var(--primer-stack-gap-spacious, 24px);
}

.blankslate-action:last-of-type {
  margin-bottom: var(--primer-stack-gap-condensed, 8px);
}

.blankslate-capped {
  border-radius: 0 0 var(--primer-borderRadius-medium, 6px)
    var(--primer-borderRadius-medium, 6px);
}

.blankslate-spacious {
  padding: var(--base-size-80, 80px) var(--base-size-40, 40px);
}

.blankslate-narrow {
  margin: 0 auto;
  max-width: 485px;
}

.blankslate-large img {
  height: 80px;
  width: 80px;
}

.blankslate-large h3 {
  font-size: 24px;
  margin: var(--primer-stack-gap-normal, 16px) 0;
}

.blankslate-large p {
  font-size: var(--primer-text-body-size-large, 16px);
}

.blankslate-clean-background {
  border: 0;
}

.branch-name {
  display: inline-block;
  padding: 2px 6px;
  font: 12px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
    Liberation Mono, monospace;
  color: var(--color-fg-muted);
  word-break: break-all;
  background-color: var(--color-accent-subtle);
  border-radius: 6px;
}

.branch-name .octicon {
  margin: 1px -2px 0 0;
  color: var(--color-fg-muted);
}

a.branch-name {
  color: var(--color-accent-fg);
  background-color: var(--color-accent-subtle);
}

a.branch-name .octicon {
  color: var(--color-accent-fg);
}

.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;
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: var(--color-canvas-overlay);
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);
  border-radius: var(--primer-borderRadius-medium, 6px);
  box-shadow: var(--color-shadow-large);
  left: 0;
  list-style: none;
  margin-top: 2px;
  padding-bottom: var(--primer-control-small-paddingBlock, 4px);
  padding-top: var(--primer-control-small-paddingBlock, 4px);
  position: absolute;
  top: 100%;
  width: 160px;
  z-index: 100;
}

.dropdown-menu:after,
.dropdown-menu:before {
  content: "";
  display: inline-block;
  position: absolute;
}

.dropdown-menu:before {
  border: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid var(--color-border-default);
}

.dropdown-menu:after {
  border: 7px solid rgba(0, 0, 0, 0);
  border-bottom: 7px solid var(--color-canvas-overlay);
}

.dropdown-menu > ul {
  list-style: none;
}

.dropdown-menu-no-overflow {
  width: auto;
}

.dropdown-menu-no-overflow .dropdown-item {
  overflow: visible;
  padding: var(--primer-control-small-paddingBlock, 4px)
    var(--primer-control-medium-paddingInline-spacious, 16px);
  text-overflow: inherit;
}

.dropdown-item {
  color: var(--color-fg-default);
  display: block;
  overflow: hidden;
  padding: var(--primer-control-small-paddingBlock, 4px)
    var(--primer-control-medium-paddingInline-condensed, 8px)
    var(--primer-control-small-paddingBlock, 4px)
    var(--primer-control-medium-paddingInline-spacious, 16px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-item:hover {
  background-color: var(--color-accent-emphasis);
  color: var(--color-fg-on-emphasis);
  text-decoration: none;
}

.dropdown-item:hover > .octicon {
  color: inherit;
  opacity: 1;
}

.dropdown-item:hover [class*="color-fg-"],
.dropdown-item:hover > .Label {
  color: inherit !important;
}

.dropdown-item:hover > .Label {
  border-color: currentcolor;
}

.dropdown-item.btn-link,
.dropdown-signout {
  text-align: left;
  width: 100%;
}

.dropdown-signout {
  background: none;
  border: 0;
}

.dropdown-divider {
  border-top: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-default);
  display: block;
  height: 0;
  margin: var(--primer-stack-gap-condensed, 8px) 0;
}

.dropdown-header {
  color: var(--color-fg-muted);
  font-size: var(--primer-text-body-size-small, 12px);
  padding: var(--primer-control-small-paddingBlock, 4px)
    var(--primer-control-medium-paddingInline-spacious, 16px);
}

.dropdown-item[aria-checked="false"] .octicon-check {
  display: none;
}

.dropdown-menu-w {
  left: auto;
  margin-right: 8px;
  margin-top: 0;
  right: 100%;
  top: 0;
  width: auto;
}

.dropdown-menu-w:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: var(--color-border-default);
  left: auto;
  right: -16px;
  top: 10px;
}

.dropdown-menu-w:after {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: var(--color-canvas-overlay);
  left: auto;
  right: -14px;
  top: 11px;
}

.dropdown-menu-e {
  left: 100%;
  margin-left: 8px;
  margin-top: 0;
  top: 0;
  width: auto;
}

.dropdown-menu-e:before {
  border-color: rgba(0, 0, 0, 0);
  border-right-color: var(--color-border-default);
  left: -16px;
  top: 10px;
}

.dropdown-menu-e:after {
  border-color: rgba(0, 0, 0, 0);
  border-right-color: var(--color-canvas-overlay);
  left: -14px;
  top: 11px;
}

.dropdown-menu-ne {
  bottom: 100%;
  left: 0;
  margin-bottom: 3px;
  top: auto;
}

.dropdown-menu-ne:after,
.dropdown-menu-ne:before {
  right: auto;
  top: auto;
}

.dropdown-menu-ne:before {
  border-bottom: 0;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-top: 8px solid var(--color-border-default);
  bottom: -8px;
  left: 9px;
}

.dropdown-menu-ne:after {
  border-bottom: 0;
  border-left: 7px solid rgba(0, 0, 0, 0);
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-top: 7px solid var(--color-canvas-overlay);
  bottom: -7px;
  left: 10px;
}

.dropdown-menu-s {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

.dropdown-menu-s:before {
  right: 50%;
  top: -16px;
  transform: translateX(50%);
}

.dropdown-menu-s:after {
  right: 50%;
  top: -14px;
  transform: translateX(50%);
}

.dropdown-menu-sw {
  left: auto;
  right: 0;
}

.dropdown-menu-sw:before {
  left: auto;
  right: 9px;
  top: -16px;
}

.dropdown-menu-sw:after {
  left: auto;
  right: 10px;
  top: -14px;
}

.dropdown-menu-se:before {
  left: 9px;
  top: -16px;
}

.dropdown-menu-se:after {
  left: 10px;
  top: -14px;
}

.Header {
  z-index: 32;
  display: flex;
  padding: 16px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-header-text);
  background-color: var(--color-header-bg);
  align-items: center;
  flex-wrap: nowrap;
}

.Header-item {
  display: flex;
  margin-right: 16px;
  align-self: stretch;
  align-items: center;
  flex-wrap: nowrap;
}

.Header-item--full {
  flex: auto;
}

.Header-link {
  font-weight: var(--base-text-weight-semibold, 600);
  color: var(--color-header-logo);
  white-space: nowrap;
}

.Header-link:hover,
.Header-link:focus {
  color: var(--color-header-text);
  text-decoration: none;
}

.Header-input {
  color: var(--color-header-text);
  background-color: var(--color-header-search-bg);
  border: 1px solid var(--color-header-search-border);
  box-shadow: none;
}

.Header-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.Header-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.Header-input::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.IssueLabel {
  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;
}

.IssueLabel .g-emoji {
  position: relative;
  top: -0.05em;
  display: inline-block;
  font-size: 1em;
  line-height: 1;
}

.IssueLabel:hover {
  text-decoration: none;
}

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

.labels {
  position: relative;
}

.Label,
.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,
.label:hover {
  text-decoration: none;
}

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

.Label--inline {
  display: inline;
  font-size: 85%;
  padding: 0.12em 0.5em;
}

.Label--primary {
  border-color: var(--color-neutral-emphasis);
  color: var(--color-fg-default);
}

.Label--secondary {
  border-color: var(--color-border-default);
  color: var(--color-fg-muted);
}

.Label--accent,
.Label--info {
  border-color: var(--color-accent-emphasis);
  color: var(--color-accent-fg);
}

.Label--success {
  border-color: var(--color-success-emphasis);
  color: var(--color-success-fg);
}

.Label--attention,
.Label--warning {
  border-color: var(--color-attention-emphasis);
  color: var(--color-attention-fg);
}

.Label--severe {
  border-color: var(--color-severe-emphasis);
  color: var(--color-severe-fg);
}

.Label--danger {
  border-color: var(--color-danger-emphasis);
  color: var(--color-danger-fg);
}

.Label--open {
  border-color: var(--color-open-emphasis);
  color: var(--color-open-fg);
}

.Label--closed {
  border-color: var(--color-closed-emphasis);
  color: var(--color-closed-fg);
}

.Label--done {
  border-color: var(--color-done-emphasis);
  color: var(--color-done-fg);
}

.Label--sponsors {
  border-color: var(--color-sponsors-emphasis);
  color: var(--color-sponsors-fg);
}

.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--draft,
.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);
}

.State--open {
  background-color: var(--color-open-emphasis);
}

.State--merged,
.State--open {
  color: var(--color-fg-on-emphasis);
}

.State--merged {
  background-color: var(--color-done-emphasis);
}

.State--closed {
  background-color: var(--color-closed-emphasis);
  color: var(--color-fg-on-emphasis);
}

.State--small {
  font-size: var(--primer-text-body-size-small, 12px);
  line-height: var(--base-size-24, 24px);
  padding: 0 10px;
}

.State--small .octicon {
  width: 1em;
}

.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;
}

.Counter .octicon {
  opacity: 0.8;
  vertical-align: text-top;
}

.Counter--primary {
  background-color: var(--color-neutral-emphasis);
  color: var(--color-fg-on-emphasis);
}

.Counter--secondary {
  background-color: var(--color-neutral-subtle);
  color: var(--color-fg-muted);
}

.diffstat {
  font-size: 12px;
  font-weight: var(--base-text-weight-semibold, 600);
  color: var(--color-fg-muted);
  white-space: nowrap;
  cursor: default;
}

.diffstat-block-deleted,
.diffstat-block-added,
.diffstat-block-neutral {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 1px;
  outline-offset: -1px;
}

.diffstat-block-deleted {
  background-color: var(--color-danger-emphasis);
  outline: 1px solid var(--color-border-subtle);
}

.diffstat-block-added {
  background-color: var(--color-diffstat-addition-bg);
  outline: 1px solid var(--color-border-subtle);
}

.diffstat-block-neutral {
  background-color: var(--color-neutral-muted);
  outline: 1px solid var(--color-border-subtle);
}

.AnimatedEllipsis {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}

.AnimatedEllipsis::after {
  display: inline-block;
  content: "...";
  -webkit-animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none)
    infinite;
  animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite;
}

@-webkit-keyframes AnimatedEllipsis-keyframes {
  0% {
    transform: translateX(-100%);
  }
}

@keyframes AnimatedEllipsis-keyframes {
  0% {
    transform: translateX(-100%);
  }
}

.markdown-body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}

.markdown-body::before {
  display: table;
  content: "";
}

.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}

.markdown-body > *:first-child {
  margin-top: 0 !important;
}

.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}

.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}

.markdown-body .absent {
  color: var(--color-danger-fg);
}

.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}

.markdown-body .anchor:focus {
  outline: none;
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
  margin-top: 0;
  margin-bottom: 16px;
}

.markdown-body hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
  border: 0;
}

.markdown-body blockquote {
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}

.markdown-body blockquote > :first-child {
  margin-top: 0;
}

.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 1.25;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}

.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}

.markdown-body h1 {
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-border-muted);
}

.markdown-body h2 {
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-border-muted);
}

.markdown-body h3 {
  font-size: 1.25em;
}

.markdown-body h4 {
  font-size: 1em;
}

.markdown-body h5 {
  font-size: 0.875em;
}

.markdown-body h6 {
  font-size: 0.85em;
  color: var(--color-fg-muted);
}

.markdown-body summary h1,
.markdown-body summary h2,
.markdown-body summary h3,
.markdown-body summary h4,
.markdown-body summary h5,
.markdown-body summary h6 {
  display: inline-block;
}

.markdown-body summary h1 .anchor,
.markdown-body summary h2 .anchor,
.markdown-body summary h3 .anchor,
.markdown-body summary h4 .anchor,
.markdown-body summary h5 .anchor,
.markdown-body summary h6 .anchor {
  margin-left: -40px;
}

.markdown-body summary h1,
.markdown-body summary h2 {
  padding-bottom: 0;
  border-bottom: 0;
}

.markdown-body ul,
.markdown-body ol {
  padding-left: 2em;
}

.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}

.markdown-body ol[type="a"] {
  list-style-type: lower-alpha;
}

.markdown-body ol[type="A"] {
  list-style-type: upper-alpha;
}

.markdown-body ol[type="i"] {
  list-style-type: lower-roman;
}

.markdown-body ol[type="I"] {
  list-style-type: upper-roman;
}

.markdown-body ol[type="1"] {
  list-style-type: decimal;
}

.markdown-body div > ol:not([type]) {
  list-style-type: decimal;
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}

.markdown-body li > p {
  margin-top: 16px;
}

.markdown-body li + li {
  margin-top: 0.25em;
}

.markdown-body dl {
  padding: 0;
}

.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: var(--base-text-weight-semibold, 600);
}

.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}

.markdown-body table {
  display: block;
  width: 100%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  overflow: auto;
}

.markdown-body table th {
  font-weight: var(--base-text-weight-semibold, 600);
}

.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}

.markdown-body table td > :last-child {
  margin-bottom: 0;
}

.markdown-body table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}

.markdown-body table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}

.markdown-body table img {
  background-color: transparent;
}

.markdown-body img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}

.markdown-body img[align="right"] {
  padding-left: 20px;
}

.markdown-body img[align="left"] {
  padding-right: 20px;
}

.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}

.markdown-body span.frame {
  display: block;
  overflow: hidden;
}

.markdown-body span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}

.markdown-body span.frame span img {
  display: block;
  float: left;
}

.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}

.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}

.markdown-body span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}

.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}

.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}

.markdown-body span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}

.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}

.markdown-body span.float-left span {
  margin: 13px 0 0;
}

.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}

.markdown-body span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body code,
.markdown-body tt {
  padding: 0.2em 0.4em;
  margin: 0;
  font-size: 85%;
  white-space: break-spaces;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
}

.markdown-body code br,
.markdown-body tt br {
  display: none;
}

.markdown-body del code {
  text-decoration: inherit;
}

.markdown-body samp {
  font-size: 85%;
}

.markdown-body pre {
  word-wrap: normal;
}

.markdown-body pre code {
  font-size: 100%;
}

.markdown-body pre > code {
  padding: 0;
  margin: 0;
  word-break: normal;
  white-space: pre;
  background: transparent;
  border: 0;
}

.markdown-body .highlight {
  margin-bottom: 16px;
}

.markdown-body .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}

.markdown-body .highlight pre,
.markdown-body pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: var(--color-canvas-subtle);
  border-radius: 6px;
}

.markdown-body pre code,
.markdown-body pre tt {
  display: inline;
  max-width: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  line-height: inherit;
  word-wrap: normal;
  background-color: transparent;
  border: 0;
}

.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}

.markdown-body .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}

.markdown-body .csv-data tr {
  border-top: 0;
}

.markdown-body .csv-data th {
  font-weight: var(--base-text-weight-semibold, 600);
  background: var(--color-canvas-subtle);
  border-top: 0;
}

.markdown-body [data-footnote-ref]::before {
  content: "[";
}

.markdown-body [data-footnote-ref]::after {
  content: "]";
}

.markdown-body .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}

.markdown-body .footnotes ol {
  padding-left: 16px;
}

.markdown-body .footnotes ol ul {
  display: inline-block;
  padding-left: 16px;
  margin-top: 16px;
}

.markdown-body .footnotes li {
  position: relative;
}

.markdown-body .footnotes li:target::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: "";
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}

.markdown-body .footnotes li:target {
  color: var(--color-fg-default);
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}

.Popover {
  position: absolute;
  z-index: 100;
}

.Popover-message {
  background-color: var(--color-canvas-overlay);
  border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);
  border-radius: var(--primer-borderRadius-medium, 6px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 232px;
}

.Popover-message:after,
.Popover-message:before {
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
}

.Popover-message:before {
  border: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid var(--color-border-default);
  margin-left: -9px;
  top: -16px;
}

.Popover-message:after {
  border: 7px solid rgba(0, 0, 0, 0);
  border-bottom: 7px solid var(--color-canvas-overlay);
  margin-left: -8px;
  top: -14px;
}

.Popover-message--no-caret:after,
.Popover-message--no-caret:before {
  display: none;
}

.Popover-message--bottom-left:after,
.Popover-message--bottom-left:before,
.Popover-message--bottom-right:after,
.Popover-message--bottom-right:before,
.Popover-message--bottom:after,
.Popover-message--bottom:before {
  border-bottom-color: rgba(0, 0, 0, 0);
  top: auto;
}

.Popover-message--bottom-left:before,
.Popover-message--bottom-right:before,
.Popover-message--bottom:before {
  border-top-color: var(--color-border-default);
  bottom: -16px;
}

.Popover-message--bottom-left:after,
.Popover-message--bottom-right:after,
.Popover-message--bottom:after {
  border-top-color: var(--color-canvas-overlay);
  bottom: -14px;
}

.Popover-message--bottom-right,
.Popover-message--top-right {
  margin-right: 0;
  right: -9px;
}

.Popover-message--bottom-right:after,
.Popover-message--bottom-right:before,
.Popover-message--top-right:after,
.Popover-message--top-right:before {
  left: auto;
  margin-left: 0;
}

.Popover-message--bottom-right:before,
.Popover-message--top-right:before {
  right: 20px;
}

.Popover-message--bottom-right:after,
.Popover-message--top-right:after {
  right: 21px;
}

.Popover-message--bottom-left,
.Popover-message--top-left {
  left: -9px;
  margin-left: 0;
}

.Popover-message--bottom-left:after,
.Popover-message--bottom-left:before,
.Popover-message--top-left:after,
.Popover-message--top-left:before {
  left: 24px;
  margin-left: 0;
}

.Popover-message--bottom-left:after,
.Popover-message--top-left:after {
  left: 25px;
}

.Popover-message--left-bottom:after,
.Popover-message--left-bottom:before,
.Popover-message--left-top:after,
.Popover-message--left-top:before,
.Popover-message--left:after,
.Popover-message--left:before,
.Popover-message--right-bottom:after,
.Popover-message--right-bottom:before,
.Popover-message--right-top:after,
.Popover-message--right-top:before,
.Popover-message--right:after,
.Popover-message--right:before {
  border-bottom-color: rgba(0, 0, 0, 0);
  left: auto;
  margin-left: 0;
  top: 50%;
}

.Popover-message--left-bottom:before,
.Popover-message--left-top:before,
.Popover-message--left:before,
.Popover-message--right-bottom:before,
.Popover-message--right-top:before,
.Popover-message--right:before {
  margin-top: -9px;
}

.Popover-message--left-bottom:after,
.Popover-message--left-top:after,
.Popover-message--left:after,
.Popover-message--right-bottom:after,
.Popover-message--right-top:after,
.Popover-message--right:after {
  margin-top: -8px;
}

.Popover-message--right-bottom:before,
.Popover-message--right-top:before,
.Popover-message--right:before {
  border-left-color: var(--color-border-default);
  right: -16px;
}

.Popover-message--right-bottom:after,
.Popover-message--right-top:after,
.Popover-message--right:after {
  border-left-color: var(--color-canvas-overlay);
  right: -14px;
}

.Popover-message--left-bottom:before,
.Popover-message--left-top:before,
.Popover-message--left:before {
  border-right-color: var(--color-border-default);
  left: -16px;
}

.Popover-message--left-bottom:after,
.Popover-message--left-top:after,
.Popover-message--left:after {
  border-right-color: var(--color-canvas-overlay);
  left: -14px;
}

.Popover-message--left-top:after,
.Popover-message--left-top:before,
.Popover-message--right-top:after,
.Popover-message--right-top:before {
  top: 24px;
}

.Popover-message--left-bottom:after,
.Popover-message--left-bottom:before,
.Popover-message--right-bottom:after,
.Popover-message--right-bottom:before {
  top: auto;
}

.Popover-message--left-bottom:before,
.Popover-message--right-bottom:before {
  bottom: 16px;
}

.Popover-message--left-bottom:after,
.Popover-message--right-bottom:after {
  bottom: 17px;
}

@media (min-width: 544px) {
  .Popover-message--large {
    min-width: 320px;
  }
}

@media (max-width: 767.98px) {
  .Popover {
    bottom: 0 !important;
    left: 0 !important;
    position: fixed;
    right: 0 !important;
    top: auto !important;
  }

  .Popover-message {
    bottom: auto;
    left: auto;
    margin: var(--primer-stack-gap-condensed, 8px);
    right: auto;
    top: auto;
    width: auto !important;
  }

  .Popover-message > .btn-octicon {
    padding: var(--primer-control-medium-paddingInline-normal, 12px) !important;
  }

  .Popover-message:after,
  .Popover-message:before {
    display: none;
  }
}

.Progress {
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
  display: flex;
  height: 8px;
  outline: 1px solid rgba(0, 0, 0, 0);
  overflow: hidden;
}

.Progress--large {
  height: 10px;
}

.Progress--small {
  height: 5px;
}

.Progress-item {
  outline: 2px solid rgba(0, 0, 0, 0);
}

.Progress-item + .Progress-item {
  margin-left: 2px;
}

.SelectMenu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: flex;
  padding: 16px;
  pointer-events: none;
  flex-direction: column;
}

@media (min-width: 544px) {
  .SelectMenu {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 0;
  }
}

.SelectMenu::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  content: "";
  background-color: var(--color-primer-canvas-backdrop);
}

@media (min-width: 544px) {
  .SelectMenu::before {
    display: none;
  }
}

.SelectMenu-modal {
  position: relative;
  z-index: 99;
  display: flex;
  max-height: 66%;
  margin: auto 0;
  overflow: hidden;
  pointer-events: auto;
  flex-direction: column;
  background-color: var(--color-canvas-overlay);
  border: 1px solid var(--color-select-menu-backdrop-border);
  border-radius: 12px;
  box-shadow: var(--color-shadow-large);
  -webkit-animation: SelectMenu-modal-animation 0.12s
    cubic-bezier(0, 0.1, 0.1, 1) backwards;
  animation: SelectMenu-modal-animation 0.12s cubic-bezier(0, 0.1, 0.1, 1)
    backwards;
}

@-webkit-keyframes SelectMenu-modal-animation {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
}

@keyframes SelectMenu-modal-animation {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
}

@-webkit-keyframes SelectMenu-modal-animation--sm {
  0% {
    opacity: 0;
    transform: translateY(-16px);
  }
}

@keyframes SelectMenu-modal-animation--sm {
  0% {
    opacity: 0;
    transform: translateY(-16px);
  }
}

@media (min-width: 544px) {
  .SelectMenu-modal {
    width: 300px;
    height: auto;
    max-height: 480px;
    margin: 8px 0 16px 0;
    font-size: 12px;
    border-color: var(--color-border-default);
    border-radius: 6px;
    box-shadow: var(--color-shadow-large);
    -webkit-animation-name: SelectMenu-modal-animation--sm;
    animation-name: SelectMenu-modal-animation--sm;
  }
}

.SelectMenu-header {
  display: flex;
  padding: 16px;
  flex: none;
  align-items: center;
  border-bottom: 1px solid var(--color-border-muted);
}

@media (min-width: 544px) {
  .SelectMenu-header {
    padding: 7px 7px 7px 16px;
  }
}

.SelectMenu-title {
  flex: 1;
  font-size: 14px;
  font-weight: var(--base-text-weight-semibold, 600);
}

@media (min-width: 544px) {
  .SelectMenu-title {
    font-size: inherit;
  }
}

.SelectMenu-closeButton {
  padding: 16px;
  margin: -16px;
  line-height: 1;
  color: var(--color-fg-muted);
  background-color: transparent;
  border: 0;
}

@media (min-width: 544px) {
  .SelectMenu-closeButton {
    padding: 8px;
    margin: -8px -7px;
  }
}

.SelectMenu-filter {
  padding: 16px;
  margin: 0;
  border-bottom: 1px solid var(--color-border-muted);
}

@media (min-width: 544px) {
  .SelectMenu-filter {
    padding: 8px;
  }
}

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

@media (min-width: 544px) {
  .SelectMenu-input {
    font-size: 14px;
  }
}

.SelectMenu-list {
  position: relative;
  padding: 0;
  margin: 0;
  margin-bottom: -1px;
  flex: auto;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--color-canvas-overlay);
  -webkit-overflow-scrolling: touch;
}

.SelectMenu-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 16px;
  overflow: hidden;
  color: var(--color-fg-default);
  text-align: left;
  cursor: pointer;
  background-color: var(--color-canvas-overlay);
  border: 0;
  border-bottom: 1px solid var(--color-border-muted);
}

@media (min-width: 544px) {
  .SelectMenu-item {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

.SelectMenu-list--borderless .SelectMenu-item {
  border-bottom: 0;
}

.SelectMenu-icon {
  width: 16px;
  margin-right: 8px;
  flex-shrink: 0;
}

.SelectMenu-icon--check {
  visibility: hidden;
  transition: transform 0.12s cubic-bezier(0.5, 0.1, 1, 0.5),
    visibility 0s 0.12s linear;
  transform: scale(0);
}

.SelectMenu-tabs {
  display: flex;
  flex-shrink: 0;
  overflow-x: auto;
  overflow-y: hidden;
  box-shadow: inset 0 -1px 0 var(--color-border-muted);
  -webkit-overflow-scrolling: touch;
}

.SelectMenu-tabs::-webkit-scrollbar {
  display: none;
}

@media (min-width: 544px) {
  .SelectMenu-tabs {
    padding: 8px 8px 0 8px;
  }
}

.SelectMenu-tab {
  flex: 1;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: var(--base-text-weight-medium, 500);
  color: var(--color-fg-muted);
  text-align: center;
  background-color: transparent;
  border: 0;
  box-shadow: inset 0 -1px 0 var(--color-border-muted);
}

@media (min-width: 544px) {
  .SelectMenu-tab {
    flex: none;
    padding: 4px 16px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
}

.SelectMenu-tab[aria-selected="true"] {
  z-index: 1;
  color: var(--color-fg-default);
  cursor: default;
  background-color: var(--color-canvas-overlay);
  box-shadow: 0 0 0 1px var(--color-border-muted);
}

@media (min-width: 544px) {
  .SelectMenu-tab[aria-selected="true"] {
    border-color: var(--color-border-muted);
    box-shadow: none;
  }
}

.SelectMenu-message {
  padding: 7px 16px;
  text-align: center;
  background-color: var(--color-canvas-overlay);
  border-bottom: 1px solid var(--color-border-muted);
}

.SelectMenu-blankslate,
.SelectMenu-loading {
  padding: 24px 16px;
  text-align: center;
  background-color: var(--color-canvas-overlay);
}

.SelectMenu-divider {
  padding: 4px 16px;
  margin: 0;
  font-size: 12px;
  font-weight: var(--base-text-weight-medium, 500);
  color: var(--color-fg-muted);
  background-color: var(--color-canvas-subtle);
  border-bottom: 1px solid var(--color-border-muted);
}

.SelectMenu-list--borderless .SelectMenu-divider {
  border-top: 1px solid var(--color-border-muted);
}

.SelectMenu-list--borderless .SelectMenu-divider:empty {
  padding: 0;
  border-top: 0;
}

.SelectMenu-footer {
  z-index: 0;
  padding: 8px 16px;
  font-size: 12px;
  color: var(--color-fg-muted);
  text-align: center;
  border-top: 1px solid var(--color-border-muted);
}

@media (min-width: 544px) {
  .SelectMenu-footer {
    padding: 7px 16px;
  }
}

.SelectMenu--hasFilter .SelectMenu-modal {
  height: 80%;
  max-height: none;
  margin-top: 0;
}

@media (min-width: 544px) {
  .SelectMenu--hasFilter .SelectMenu-modal {
    height: auto;
    max-height: 480px;
    margin-top: 8px;
  }
}

.SelectMenu-tab:focus,
.SelectMenu-item:focus {
  outline: 0;
}

.SelectMenu-item:hover {
  text-decoration: none;
}

.SelectMenu-item[aria-checked="true"] {
  font-weight: var(--base-text-weight-medium, 500);
  color: var(--color-fg-default);
}

.SelectMenu-item[aria-checked="true"] .SelectMenu-icon--check {
  visibility: visible;
  transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), visibility 0s linear;
  transform: scale(1);
}

.SelectMenu-item:disabled,
.SelectMenu-item[aria-disabled="true"] {
  color: var(--color-primer-fg-disabled);
  pointer-events: none;
}

@media (hover: hover) {
  body:not(.intent-mouse) .SelectMenu-closeButton:focus,
  .SelectMenu-closeButton:hover {
    color: var(--color-fg-default);
  }

  .SelectMenu-closeButton:active {
    color: var(--color-fg-muted);
  }

  body:not(.intent-mouse) .SelectMenu-item:focus,
  .SelectMenu-item:hover {
    background-color: var(--color-neutral-subtle);
  }

  .SelectMenu-item:active {
    background-color: var(--color-canvas-subtle);
  }

  body:not(.intent-mouse) .SelectMenu-tab:focus {
    background-color: var(--color-select-menu-tap-focus-bg);
  }

  .SelectMenu-tab:hover {
    color: var(--color-fg-default);
  }

  .SelectMenu-tab:not([aria-selected="true"]):active {
    color: var(--color-fg-default);
    background-color: var(--color-canvas-subtle);
  }
}

@media (hover: none) {
  .SelectMenu-item:focus,
  .SelectMenu-item:active {
    background-color: var(--color-canvas-subtle);
  }

  .SelectMenu-item {
    -webkit-tap-highlight-color: var(--color-select-menu-tap-highlight);
  }
}

.Subhead {
  border-bottom: var(--primer-borderWidth-thin, 1px) solid
    var(--color-border-muted);
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin-bottom: var(--primer-stack-gap-normal, 16px);
  padding-bottom: var(--primer-stack-padding-condensed, 8px);
}

.Subhead--spacious {
  margin-top: var(--base-size-40, 40px);
}

.Subhead-heading {
  flex: 1 1 auto;
  font-size: 24px;
  font-weight: var(--base-text-weight-normal, 400);
  order: 0;
}

.Subhead-heading--danger {
  color: var(--color-danger-fg);
  font-weight: var(--base-text-weight-semibold, 600);
}

.Subhead-description {
  color: var(--color-fg-muted);
  flex: 1 100%;
  font-size: var(--primer-text-body-size-medium, 14px);
  order: 2;
}

.Subhead-actions {
  align-self: center;
  justify-content: flex-end;
  margin: var(--base-size-4, 4px) 0 var(--base-size-4, 4px)
    var(--base-size-4, 4px);
  order: 1;
}

.Subhead-actions + .Subhead-description {
  margin-top: var(--base-size-4, 4px);
}

.TimelineItem {
  display: flex;
  margin-left: var(--primer-stack-gap-normal, 16px);
  padding: var(--primer-stack-padding-normal, 16px) 0;
  position: relative;
}

.TimelineItem:before {
  background-color: var(--color-border-muted);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--primer-borderWidth-thick, 2px);
}

.TimelineItem:target .TimelineItem-badge {
  border-color: var(--color-accent-emphasis);
  box-shadow: 0 0 0.2em var(--color-accent-muted);
}

.TimelineItem-badge {
  align-items: center;
  background-color: var(--color-timeline-badge-bg);
  border: var(--primer-borderWidth-thick, 2px) solid var(--color-canvas-default);
  border-radius: 50%;
  color: var(--color-fg-muted);
  display: flex;
  flex-shrink: 0;
  height: var(--primer-control-medium-size, 32px);
  justify-content: center;
  margin-left: calc(var(--primer-control-medium-size, 32px) / -2 + 1px);
  margin-right: var(--primer-controlStack-medium-gap-condensed, 8px);
  position: relative;
  width: var(--primer-control-medium-size, 32px);
  z-index: 1;
}

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

.TimelineItem-body {
  color: var(--color-fg-muted);
  flex: auto;
  margin-top: var(--base-size-4, 4px);
  max-width: 100%;
  min-width: 0;
}

.TimelineItem-avatar {
  left: -72px;
  position: absolute;
  z-index: 1;
}

.TimelineItem-break {
  background-color: var(--color-canvas-default);
  border: 0;
  border-top: var(--primer-borderWidth-thicker, 4px) solid
    var(--color-border-default);
  height: var(--primer-stack-gap-spacious, 24px);
  margin: 0;
  margin-bottom: calc(var(--primer-stack-gap-normal, 16px) * -1);
  margin-left: -56px;
  position: relative;
  z-index: 1;
}

.TimelineItem--condensed {
  padding-bottom: 0;
  padding-top: var(--base-size-4, 4px);
}

.TimelineItem--condensed:last-child {
  padding-bottom: var(--primer-stack-gap-normal, 16px);
}

.TimelineItem--condensed .TimelineItem-badge {
  background-color: var(--color-canvas-default);
  border: 0;
  color: var(--color-fg-muted);
  height: var(--base-size-16, 16px);
  margin-bottom: var(--base-size-8, 8px);
  margin-top: var(--base-size-8, 8px);
}

.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: -webkit-max-content;
    width: -moz-max-content;
    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-dismissButton {
  max-height: 54px;
  padding: 16px;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.Toast-dismissButton:hover {
  opacity: 0.7;
}

.Toast-dismissButton:active {
  opacity: 0.5;
}

.Toast--loading {
  color: var(--color-fg-default);
  box-shadow: inset 0 0 0 1px var(--color-border-default),
    var(--color-shadow-large);
}

.Toast--loading .Toast-icon {
  background-color: var(--color-neutral-emphasis);
}

.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);
}

.Toast--success {
  color: var(--color-fg-default);
  box-shadow: inset 0 0 0 1px var(--color-border-default),
    var(--color-shadow-large);
}

.Toast--success .Toast-icon {
  background-color: var(--color-success-emphasis);
}

.Toast--animateIn {
  -webkit-animation: Toast--animateIn 0.18s cubic-bezier(0.22, 0.61, 0.36, 1)
    backwards;
  animation: Toast--animateIn 0.18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards;
}

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

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

.Toast--animateOut {
  -webkit-animation: Toast--animateOut 0.18s
    cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards;
  animation: Toast--animateOut 0.18s cubic-bezier(0.55, 0.06, 0.68, 0.19)
    forwards;
}

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

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

.Toast--spinner {
  -webkit-animation: Toast--spinner 1000ms linear infinite;
  animation: Toast--spinner 1000ms linear infinite;
}

@-webkit-keyframes Toast--spinner {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes Toast--spinner {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.ToggleSwitch,
.ToggleSwitch.ToggleSwitch {
  display: inline-flex;
}

.ToggleSwitch {
  align-items: center;
  gap: var(--primer-controlStack-medium-gap-condensed, 8px);
}

.ToggleSwitch:hover .ToggleSwitch-knob {
  background-color: var(--color-btn-hover-bg);
}

.ToggleSwitch:active .ToggleSwitch-knob {
  background-color: var(--color-btn-active-bg);
}

.ToggleSwitch--checked .ToggleSwitch-statusOn {
  height: auto;
  visibility: visible;
}

.ToggleSwitch--checked .ToggleSwitch-statusOff {
  height: 0;
  visibility: hidden;
}

.ToggleSwitch-track {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--color-switch-track-bg);
  border: var(--primer-borderWidth-thin, 1px) solid
    var(--color-switch-track-border);
  border-radius: var(--primer-borderRadius-medium, 6px);
  cursor: pointer;
  display: block;
  height: var(--primer-control-medium-size, 32px);
  overflow: hidden;
  padding: 0;
  position: relative;
  text-decoration: none;
  transition-duration: 80ms;
  transition-property: background-color, border-color;
  transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: var(--base-size-64, 64px);
}

.ToggleSwitch-track:focus,
.ToggleSwitch-track:focus-visible {
  outline-offset: 0;
}

@media (pointer: coarse) {
  .ToggleSwitch-track:before {
    content: "";
    height: 100%;
    left: 50%;
    min-height: 44px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
  }
}

@media (prefers-reduced-motion) {
  .ToggleSwitch-track,
  .ToggleSwitch-track * {
    transition: none;
  }
}

.ToggleSwitch-track[aria-checked="true"][aria-disabled="true"] {
  background-color: var(--color-canvas-subtle);
  border-color: var(--color-border-subtle);
}

.ToggleSwitch-track[aria-checked="true"][aria-disabled="true"]:active,
.ToggleSwitch-track[aria-checked="true"][aria-disabled="true"]:hover {
  background-color: var(--color-canvas-subtle);
}

.ToggleSwitch-track[aria-checked="true"][aria-disabled="true"]
  .ToggleSwitch-knob,
.ToggleSwitch-track[aria-checked="true"][aria-disabled="true"]:active
  .ToggleSwitch-knob,
.ToggleSwitch-track[aria-checked="true"][aria-disabled="true"]:hover
  .ToggleSwitch-knob {
  background-color: var(--color-switch-knob-checked-disabled-bg);
}

.ToggleSwitch-track[aria-checked="true"] {
  background-color: var(--color-switch-track-checked-bg);
  border-color: var(--color-switch-track-checked-border);
}

.ToggleSwitch-track[aria-checked="true"]:hover {
  background-color: var(--color-switch-track-checked-hover-bg);
}

.ToggleSwitch-track[aria-checked="true"]:active {
  background-color: var(--color-switch-track-checked-active-bg);
}

.ToggleSwitch-track[aria-checked="true"] .ToggleSwitch-knob {
  background-color: var(--color-switch-knob-checked-bg);
  border: 0;
  transform: translateX(calc(100% + 1px));
}

.ToggleSwitch-track[aria-checked="true"] .ToggleSwitch-lineIcon {
  transform: translateX(0);
}

.ToggleSwitch-track[aria-checked="true"] .ToggleSwitch-circleIcon {
  transform: translateX(100%);
}

.ToggleSwitch-track[aria-disabled="true"] {
  background-color: var(--color-canvas-subtle);
  border-color: var(--color-border-subtle);
  cursor: not-allowed;
  transition-property: none;
}

.ToggleSwitch-track[aria-disabled="true"]:active .ToggleSwitch-knob,
.ToggleSwitch-track[aria-disabled="true"]:hover .ToggleSwitch-knob {
  background-color: var(--color-btn-bg);
}

.ToggleSwitch-track[aria-disabled="true"] .ToggleSwitch-knob {
  border-color: var(--color-border-default);
  box-shadow: none;
}

.ToggleSwitch-track[aria-disabled="true"] .ToggleSwitch-knob:active,
.ToggleSwitch-track[aria-disabled="true"] .ToggleSwitch-knob:hover {
  background-color: var(--color-btn-bg);
}

.ToggleSwitch-track[aria-disabled="true"] .ToggleSwitch-circleIcon,
.ToggleSwitch-track[aria-disabled="true"] .ToggleSwitch-lineIcon {
  color: var(--color-fg-subtle);
}

.ToggleSwitch-icons {
  align-items: center;
  display: flex;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.ToggleSwitch-lineIcon {
  color: var(--color-accent-fg);
  transform: translateX(-100%);
}

.ToggleSwitch-circleIcon,
.ToggleSwitch-lineIcon {
  flex: 1 0 50%;
  line-height: 0;
  transition-duration: 80ms;
  transition-property: transform;
}

.ToggleSwitch-circleIcon {
  color: var(--color-fg-default);
  transform: translateX(0);
}

.ToggleSwitch-knob {
  background-color: var(--color-btn-bg);
  border: var(--primer-borderWidth-thin, 1px) solid
    var(--color-switch-track-border);
  border-radius: var(--primer-borderRadius-medium, 6px);
  bottom: -1px;
  box-shadow: var(--color-shadow-medium), var(--color-btn-inset-shadow);
  position: absolute;
  top: -1px;
  transform: translateX(-1px);
  transition-duration: 80ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
  width: 50%;
  z-index: 1;
}

@media (prefers-reduced-motion) {
  .ToggleSwitch-knob {
    transition: none;
  }
}

.ToggleSwitch-status {
  color: var(--color-fg-default);
  font-size: var(--primer-text-body-size-medium, 14px);
  line-height: 1.5;
  position: relative;
  text-align: right;
}

.ToggleSwitch--small .ToggleSwitch-status {
  font-size: var(--primer-text-body-size-small, 12px);
}

.ToggleSwitch--small .ToggleSwitch-track {
  height: var(--primer-control-xsmall-size, 24px);
  width: var(--base-size-48, 48px);
}

.ToggleSwitch--disabled .ToggleSwitch-status {
  color: var(--color-fg-muted);
}

.ToggleSwitch-statusOn {
  height: 0;
  visibility: hidden;
}

.ToggleSwitch-statusOff {
  height: auto;
  visibility: visible;
}

.ToggleSwitch--statusAtEnd {
  flex-direction: row-reverse;
}

.ToggleSwitch--statusAtEnd .ToggleSwitch-status {
  text-align: left;
}

/*!
 * @primer/css/marketing
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */
.h0-mktg,
.h1-mktg,
.h2-mktg,
.h3-mktg,
.h4-mktg,
.h5-mktg,
.h6-mktg {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-feature-settings: "ss02" on, "ss01" on;
  font-weight: var(--base-text-weight-semibold, 600) !important;
  letter-spacing: -0.01em !important;
}

.h0-mktg {
  font-size: 48px !important;
  line-height: 52px !important;
  font-weight: 800 !important;
}

@media (min-width: 768px) {
  .h0-mktg {
    font-size: 72px !important;
    line-height: 76px !important;
  }
}

@media (min-width: 1012px) {
  .h0-mktg {
    font-size: 96px !important;
    line-height: 100px !important;
  }
}

.h1-mktg {
  font-size: 40px !important;
  line-height: 44px !important;
  font-weight: 800 !important;
}

@media (min-width: 768px) {
  .h1-mktg {
    font-size: 56px !important;
    line-height: 60px !important;
    letter-spacing: -0.03em !important;
  }
}

@media (min-width: 1012px) {
  .h1-mktg {
    font-size: 72px !important;
    line-height: 76px !important;
  }
}

.h2-mktg {
  font-size: 32px !important;
  line-height: 36px !important;
  font-weight: 800 !important;
}

@media (min-width: 768px) {
  .h2-mktg {
    font-size: 48px !important;
    line-height: 52px !important;
    letter-spacing: -0.03em !important;
  }
}

@media (min-width: 1012px) {
  .h2-mktg {
    font-size: 64px !important;
    line-height: 68px !important;
  }
}

.h3-mktg {
  font-size: 28px !important;
  line-height: 32px !important;
  font-weight: 800 !important;
}

@media (min-width: 768px) {
  .h3-mktg {
    font-size: 40px !important;
    line-height: 44px !important;
  }
}

@media (min-width: 1012px) {
  .h3-mktg {
    font-size: 48px !important;
    line-height: 52px !important;
    letter-spacing: -0.03em !important;
  }
}

.h4-mktg {
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 800 !important;
}

@media (min-width: 768px) {
  .h4-mktg {
    font-size: 28px !important;
    line-height: 32px !important;
  }
}

@media (min-width: 1012px) {
  .h4-mktg {
    font-size: 32px !important;
    line-height: 36px !important;
  }
}

.h5-mktg {
  font-size: 20px !important;
  line-height: 24px !important;
}

@media (min-width: 768px) {
  .h5-mktg {
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 800 !important;
  }
}

.h6-mktg {
  font-size: 16px !important;
  line-height: 20px !important;
}

@media (min-width: 768px) {
  .h6-mktg {
    font-size: 20px !important;
    line-height: 24px !important;
  }
}

.f0-mktg,
.f1-mktg,
.f2-mktg,
.f3-mktg,
.f4-mktg,
.f5-mktg,
.f6-mktg {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans",
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-feature-settings: "ss02" on, "ss01" on;
  font-weight: var(--base-text-weight-normal, 400);
}

.f0-mktg {
  font-size: 28px !important;
  line-height: 40px !important;
  letter-spacing: -0.01em !important;
  font-weight: var(--base-text-weight-medium, 500);
}

@media (min-width: 768px) {
  .f0-mktg {
    font-size: 40px !important;
    line-height: 52px !important;
  }
}

@media (min-width: 1012px) {
  .f0-mktg {
    font-size: 48px !important;
    line-height: 64px !important;
  }
}

.f1-mktg {
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: var(--base-text-weight-medium, 500);
}

@media (min-width: 768px) {
  .f1-mktg {
    font-size: 28px !important;
    line-height: 40px !important;
    letter-spacing: -0.01em !important;
  }
}

@media (min-width: 1012px) {
  .f1-mktg {
    font-size: 32px !important;
    line-height: 44px !important;
  }
}

.f2-mktg {
  font-size: 20px !important;
  line-height: 28px !important;
}

@media (min-width: 1012px) {
  .f2-mktg {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 450;
  }
}

.f3-mktg {
  font-size: 16px !important;
  line-height: 24px !important;
}

@media (min-width: 768px) {
  .f3-mktg {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}

.f4-mktg {
  font-size: 16px !important;
  line-height: 24px !important;
}

.f5-mktg {
  font-size: 14px !important;
  line-height: 20px !important;
}

.f6-mktg {
  font-size: 12px !important;
  line-height: 20px !important;
}

.text-medium {
  font-weight: 450 !important;
}

.btn-mktg {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0.9rem 1.5rem 1.1rem;
  font-size: 1rem;
  font-weight: var(--base-text-weight-semibold, 600);
  line-height: 1;
  color: var(--color-canvas-default);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15) 0%,
      rgba(255, 255, 255, 0) 100%
    ),
    var(--color-mktg-btn-bg) !important;
  border: 0;
  border-radius: 0.375rem;
  transition: box-shadow 0.2s, outline 0.2s ease;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.btn-mktg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: "";
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  border-radius: inherit;
  opacity: 0;
  opacity: 0;
  transition: opacity 0.2s;
  background-blend-mode: normal;
}

.btn-mktg:hover {
  text-decoration: none;
  box-shadow: var(--color-mktg-btn-shadow-hover) !important;
}

.btn-mktg:hover::before,
.btn-mktg:focus::before,
.btn-mktg:focus-visible::before,
.btn-mktg.focus::before {
  opacity: 1;
}

.btn-mktg:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: 2px;
  box-shadow: none;
}

.btn-mktg:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}

.btn-mktg:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: 2px;
  box-shadow: none;
}

.btn-mktg:active::before {
  opacity: 0.5 !important;
}

.btn-mktg.disabled,
.btn-mktg[disabled] {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

.btn-muted-mktg {
  color: var(--color-fg-default) !important;
  background: none !important;
  box-shadow: var(--color-mktg-btn-shadow-outline);
}

.btn-muted-mktg::before {
  display: none;
}

.btn-muted-mktg:hover {
  box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important;
}

.btn-muted-mktg:active {
  box-shadow: var(--color-fg-default) 0 0 0 3px inset !important;
}

.btn-muted-mktg:disabled {
  box-shadow: var(--color-fg-subtle) 0 0 0 1px inset !important;
}

.btn-subtle-mktg {
  color: var(--color-fg-default) !important;
  background: none !important;
  box-shadow: none !important;
}

.btn-subtle-mktg::before {
  background: none !important;
}

.btn-subtle-mktg:hover {
  box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important;
}

.btn-signup-mktg {
  color: #fff;
  background: linear-gradient(
      180deg,
      rgba(52, 183, 89, 0.15) 0%,
      rgba(46, 164, 79, 0) 100%
    ),
    #2ea44f !important;
}

.btn-signup-mktg::before {
  background: linear-gradient(
    180deg,
    rgba(52, 183, 89, 0.15) 0%,
    rgba(46, 164, 79, 0) 100%
  ) !important;
}

.btn-signup-mktg:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: 2px;
  box-shadow: none;
}

.btn-signup-mktg:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}

.btn-signup-mktg:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: 2px;
  box-shadow: none;
}

.btn-small-mktg {
  padding: 0.625rem 1rem 0.8125rem;
}

.btn-large-mktg {
  padding: 16px 30px 20px !important;
  font-size: 1.25rem;
}

.link-mktg {
  position: relative;
  display: inline-block;
}

.link-mktg:hover {
  text-decoration: none;
}

.link-mktg::after,
.link-mktg.link-emphasis-mktg::before {
  position: absolute;
  bottom: -0.15em;
  left: 0;
  width: calc(100% - 1em);
  height: 2px;
  pointer-events: none;
  content: "";
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: 0 0;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .link-mktg::after,
  .link-mktg.link-emphasis-mktg::before {
    transition: transform 0.3s ease;
  }
}

.link-mktg.link-emphasis-mktg::before {
  opacity: 0.2;
  transform: scaleX(1);
}

.link-mktg:hover::after,
.link-mktg:active::after {
  transform: scaleX(1);
}

.link-mktg:focus,
.link-mktg:focus-visible {
  outline-offset: 2px;
}

.link-mktg.arrow-target-mktg .arrow-symbol-mktg {
  margin-left: -0.25em;
}

.hover-grow-mktg {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.hover-grow-mktg:hover {
  transform: scale3d(1.025, 1.025, 1.025);
}

.btn-mktg .octicon,
.link-mktg .octicon,
.arrow-target-mktg .octicon {
  width: 1em;
  height: 1em;
}

.btn-mktg .arrow-symbol-mktg,
.link-mktg .arrow-symbol-mktg,
.arrow-target-mktg .arrow-symbol-mktg {
  transition: transform 0.2s;
  transform: translateX(0);
}

.btn-mktg .arrow-symbol-mktg path:last-child,
.link-mktg .arrow-symbol-mktg path:last-child,
.arrow-target-mktg .arrow-symbol-mktg path:last-child {
  stroke-dasharray: 10;
  stroke-dashoffset: 10;
  transition: stroke-dashoffset 0.2s;
}

/* .ds-header {
  text-align: center;
  display: flex;
  align-items: center;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  padding: 1rem 0;
}

.ds-header .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1350px;
  padding: 0.5rem 0 0 0;
}

@media (max-width: 1350px) {
  .ds-header .container {
    padding: 0;
  }
}

.ds-header .container .ds-branding {
  display: flex;
  text-align: center;
  align-items: center;
  padding: 0;
}

@media (max-width: 1350px) {
  .ds-header .container .ds-branding {
    display: flex;
    padding: 0 0 0.5rem 0;
    text-align: left;
    align-items: left;
    align-items: center;
  }
}

.ds-logo {
  justify-content: flex-start;
  align-self: center;
  max-height: 60px;
  padding: 0 1rem;
}

.ds-logo img {
  max-height: 35px;
}

@media (max-width: 1350px) {
  .ds-logo {
    max-height: 55px;
  }

  .ds-logo img {
    max-height: 25px;
  }
}

.epage-template-default .ds-header,
.product-template-default .ds-header {
  padding: 0 0 1rem 0;
}

.epage-template-default .ds-logo,
.product-template-default .ds-logo {
  padding: 0.5rem 1rem 0 1rem;
}

.epage-template-default .ds-logo img,
.product-template-default .ds-logo img {
  max-height: 40px;
}

@media (max-width: 1350px) {
  .epage-template-default .ds-logo img,
  .product-template-default .ds-logo img {
    max-height: 25px;
  }
} */

.ds-logo-event {
  width: 100%;
  color: #373435;
  display: block;
  color: var(--ds-darkgray);
  font-weight: bolder;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  letter-spacing: 6px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  text-shadow: 1px 1px 1px 1px #000;
  padding: 0;
}

@media (max-width: 1350px) {
  .ds-logo-event {
    letter-spacing: 5px;
    font-size: 13px;
  }
}

@media (max-width: 950px) {
  .ds-logo-event {
    letter-spacing: 5px;
    margin-top: -3px;
    padding-left: 1.2rem;
    text-align: left;
  }
}

.ds-mobile-logo {
  display: none;
}

.deep-dive-logo {
  max-width: 100% !important;
  max-height: 70px !important;
  margin-top: -10px;
}

@media (max-width: 1350px) {
  .deep-dive-logo {
    margin-top: 0px;
    max-height: 50px !important;
  }
}

.fixed-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  z-index: 99999;
  background: #fff;
}

.fixed-sticky .container {
  padding: 0.5rem 0 0.3rem 0;
}

.fixed-sticky .ds-logo img {
  max-width: 190px;
}

.fixed-sticky .ds-logo-event {
  font-size: 14px;
}

.fixed-sticky .deep-dive-logo {
  max-height: 90px !important;
  margin-top: -10px;
  padding: 0.7rem;
}

@media (max-width: 1350px) {
  .fixed-sticky {
    position: relative;
    top: 0;
    width: 100%;
    display: block;
    z-index: 99999;
    background: #fff;
  }
}

.menu {
  flex: 1;
  display: flex;
  margin: auto;
  padding: 0;
  max-width: 100%;
  align-self: center;
  justify-content: flex-end;
  transition: height 1s ease-in-out;
}

@media (max-width: 1350px) {
  .menu {
    display: none;
    align-self: auto;
    justify-content: auto;
  }
}

.menu ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 13;
  align-items: center;
  margin-right: 2rem;
}

@media (max-width: 1350px) {
  .menu ul {
    display: block;
    margin-right: auto;
    align-items: flex-start;
  }
}

.menu ul ul {
  align-items: flex-start;
}

.menu ul li {
  position: relative;
  padding: 0 1rem;
  display: block;
  color: #000000;
  padding: 0 10px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  padding: 7px 15px;
  text-align: left;
}

@media (max-width: 1350px) {
  .menu ul li {
    overflow: visible;
    padding: 0.7rem;
    border-bottom: 0px solid var(--ds-gray);
  }
}

.menu ul li a {
  color: var(--ds-darkgray);
  font-weight: bold;
  font-family: "Lato", sans-serif;
}

.menu ul li:hover .sub-menu,
.menu li:hover .sub-menu {
  visibility: visible;
  overflow: auto;
  opacity: 1;
  transform: rotateX(0deg);
}

@media (max-width: 1350px) {
  .menu ul li:hover .sub-menu {
    position: relative;
  }
}

.menu ul li:hover .sub-menu li {
  border-bottom: 0px;
}

.menu ul li:hover .sub-menu li:hover {
  background: #eee;
}

.menu ul .sub-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  opacity: 0;
  background: #fff;
  top: 90%;
  left: 10px;
  z-index: 13px;
  min-width: 200px;
  box-shadow: 0px 2px 3px var(--ds-black-transparent);
  transition: all 1s ease;
  transform: rotateX(-75deg);
  transform-style: preserve-3d;
  transform-origin: 0% 0%;
  transition: transform 0.3s, opacity 0.2s;
}

@media (max-width: 1350px) {
  .menu ul .sub-menu {
    position: relative;
    opacity: 1;
    top: 110%;
    transform: rotateX(0deg);
    box-shadow: 0px 0px 0px;
    text-align: left;
  }
}

.menu ul .sub-menu li {
  padding: 0;
  width: 100%;
}

.menu ul .sub-menu li a {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem;
  color: #222;
  text-align: left;
  text-transform: none;
  width: auto;
  font-size: 15px;
  font-weight: normal;
}

.menu ul .sub-menu-event-dates {
  font-weight: normal;
  color: var(--ds-semidarkgray);
  font-size: 14px;
}

.menu .ds-menu-primary-conferences .sub-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 740px;
  box-shadow: 0px 3px 3px var(--ds-black-transparent);
}

@media (max-width: 1350px) {
  .menu .ds-menu-primary-conferences .sub-menu {
    flex-direction: column;
    box-shadow: 0px 0px 0px var(--ds-black-transparent);
  }
}

.menu .ds-menu-primary-conferences .sub-menu li {
  width: 33.3333333333%;
}

@media (max-width: 740px) {
  .menu .ds-menu-primary-conferences .sub-menu li {
    width: 100%;
  }
}

.menu .ds-menu-register {
  align-self: center;
  margin: -10px 1rem;
}

@media (max-width: 1350px) {
  .menu .ds-menu-register {
    margin: 0 1rem 1rem 0;
    margin-left: auto;
    align-self: flex-start;
    width: 100%;
  }

  .menu .ds-menu-register .btn {
    margin: 1rem 0;
  }
}

/*  Hamburger button */
/* .hamburger-button {
  position: absolute;
  top: 3.65rem;
  right: 25px;
  z-index: 14;
  margin-bottom: 1rem;
}

@media (max-width: 740px) {
  .hamburger-button {
    top: 1.7em;
  }
}

.hamburger-button div {
  display: block;
  width: 25px;
  height: 2px;
  margin-bottom: 3px;
  background: #333;
}

@media (min-width: 1350px) {
  .hamburger-button {
    display: none;
  }
}

.epage-template-default .hamburger-button,
.product-template-default .hamburger-button {
  top: 3.75rem;
}

@media (max-width: 740px) {
  .epage-template-default .hamburger-button,
  .product-template-default .hamburger-button {
    top: 1.7em;
  }
} */

#checkbox-hamburger-toggle {
  position: absolute;
  display: block;
  background: transparent;
  opacity: 0;
  border: 0px;
  outline: 0px;
  width: 35px;
  height: 50px;
  top: 20px;
  right: 20px;
  z-index: 15;
  --webkit-appearance: none;
}

#checkbox-hamburger-toggle:checked ~ .hamburger-button {
  transition: all 0.2s ease-in-out;
  border-radius: 100%;
  transition: border 0.2s ease-in-out;
}

#checkbox-hamburger-toggle:checked ~ .hamburger-button div {
  background: #888;
  transition: transform 0.2s ease-in-out;
}

#checkbox-hamburger-toggle:checked ~ .hamburger-button div:nth-child(1) {
  transform: rotate(45deg);
}

#checkbox-hamburger-toggle:checked ~ .hamburger-button div:nth-child(2) {
  display: none;
}

#checkbox-hamburger-toggle:checked ~ .hamburger-button div:nth-child(3) {
  transform: rotate(-45deg);
  margin-top: -4.5px;
}

@media (max-width: 1350px) {
  #checkbox-hamburger-toggle:checked ~ .menu {
    display: block;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 3rem 1.7rem 2rem 1.7rem;
    width: 90%;
    max-width: 340px;
    min-height: 100%;
    opacity: 1;
    background: #fff;
    color: #fff;
    position: absolute;
    z-index: 13;
    top: 0;
    right: 0;
    left: auto;
    overflow: visible;
  }

  #checkbox-hamburger-toggle:checked ~ .menu ul {
    display: flex;
    flex-direction: column;
  }

  #checkbox-hamburger-toggle:checked ~ .menu .ds-menu-account {
    width: 100%;
    margin-left: 0;
  }
}

#checkbox-hamburger-toggle:checked + .main-menu-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0.5;
  z-index: 12;
}

/* Woocommerce nav */
.woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
  display: block;
  padding: 10px 15px;
}

.woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--ds-darkgray);
}

.woocommerce-MyAccount-navigation ul li.is-active {
  background: #eeeeee;
}

.woocommerce-MyAccount-navigation ul li:hover {
  background: #e7e7e7;
}

.ds-menu-primary-wrap {
  margin-left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

@media (max-width: 1350px) {
  .ds-menu-primary-wrap {
    display: block;
    width: 100%;
    margin-top: 0;
    text-align: left;
  }
}

.ds-menu-primary-shortmenu {
  font-family: "fontAwesome";
}

.ds-menu-primary-conferences li {
  padding: 0.45rem 1rem;
  border-bottom: 1px solid var(--ds-lightgray);
}

.sub-menu-event-name,
.sub-menu-event-dates {
  line-height: 1.6;
}

.cart {
  position: relative;
  display: flex;
  width: 28px;
  height: 28px;
  height: auto;
  overflow: hidden;
  text-align: center;
  justify-content: center;
}

.cart .material-icons {
  position: relative;
  top: 4px;
  z-index: 1;
  font-size: 24px;
  color: #555;
}

.cart .count {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  font-size: 9.5px;
  border-radius: 50%;
  background: #999;
  width: 15px;
  height: 15px;
  line-height: 11px;
  display: block;
  text-align: center;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

.bottom-nav {
  width: 100%;
  background: #242424;
  position: relative;
  bottom: 0;
  z-index: 99999;
  display: none;
}

@media (max-width: 740px) {
  .bottom-nav {
    display: block;
    position: fixed;
    background: #242424;
    box-shadow: 2px -1px 6px rgba(0, 0, 0, 0.15);
  }
}

.bottom-nav .material-icons {
  color: #777;
}

.bottom-nav .material-icons:hover {
  color: var(--ds-blue);
}

@media (max-width: 740px) {
  .bottom-nav .material-icons {
    color: var(--ds-blue);
  }
}

.bottom-nav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 240px;
  margin: 0 auto;
  border-left: 1px solid #363636;
  text-align: center;
  justify-content: center;
}

.bottom-nav ul li {
  flex: 1;
  padding: 0.7rem 1rem;
  text-align: center;
}

@media (max-width: 740px) {
  .bottom-nav ul li {
    border-right: 1px solid #363636;
  }

  .bottom-nav ul li .cart .count {
    background: #363636;
    color: var(--ds-blue);
    border: 1px solid var(--ds-blue);
  }
}

.topbar {
  background: #232323;
}

.topbar .container {
  position: relative;
  top: 0;
  z-index: 99999;
  width: 100%;
  background: #222222;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.15);
  max-width: 1360px;
}

@media (max-width: 740px) {
  .topbar .container {
    display: none;
  }
}

.topbar .container .topbar-firstnav {
  display: flex;
  flex-direction: row;
}

.topbar .container .topbar-home {
  color: #999;
  text-transform: uppercase;
  padding: 0.4rem 0.5rem 0.2rem 2rem;
  font-size: 13px;
  display: flex;
}

.topbar .container .topbar-home .material-icons {
  margin-right: 5px;
}

.topbar .container .topbar-home:hover {
  color: var(--ds-blue);
}

.topbar .container ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.2rem;
}

.topbar .container ul li {
  padding: 0.2rem 1rem;
}

.topbar .container ul li:hover .material-icons {
  color: var(--ds-blue);
}

.topbar .container ul li:first-child {
  border-left: 0;
}

.topbar .container ul li a {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 13px;
  text-transform: uppercase;
}

.topbar .container ul li a:hover {
  color: var(--ds-blue);
}

.topbar .container ul li:last-child a {
  color: var(--ds-orange);
}

.topbar .container ul li .cart .material-icons {
  color: #999;
}

.topbar .container ul li .cart .count {
  color: #fff;
  background: #999;
  border: 2px solid #222;
}

.topbar .container ul .ds-submenu {
  height: 0;
  overflow: hidden;
  position: absolute;
  top: 38px;
  right: 45px;
  display: flex;
  flex-direction: column;
  width: 170px;
  background: #111;
  transition: height 1s ease-in-out;
  z-index: 5;
}

.topbar .container ul .ds-submenu li a {
  color: #888;
}

.topbar .container ul .ds-submenu li:hover {
  background: #232323;
}

.topbar .container ul .topbar-account a:first-child {
  text-align: center;
}

.topbar .container ul .topbar-account a:first-child span {
  margin-right: 4px;
}

.topbar .container ul .topbar-account:hover .ds-submenu {
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15);
  height: auto;
  overflow: visible;
}

.woocommerce-shop .hero-shop {
  height: auto !important;
}

.woocommerce-MyAccount-navigation ul li {
  list-style-type: none;
  display: block;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 20%;
}

@media (max-width: 1350px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%;
  }
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 80%;
  padding: 1rem 2rem;
}

@media (max-width: 1350px) {
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    padding: 1rem 0;
    margin: 1rem 0;
    display: block;
  }
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper + p {
  color: #fff;
  border-left: 0.6em solid #0f7699;
  background-color: var(--ds-blue);
  padding: 15px 30px;
  font-weight: bold;
  margin: 0 0 30px;
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper + p a {
  color: #ededed;
}

.account-dashboard .woocommerce {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

@media (max-width: 960px) {
  .account-dashboard .woocommerce {
    flex-direction: column;
  }
}

.account-dashboard .wc-item-meta {
  display: none;
}

.account-dashboard .col2-set .col-2,
.account-dashboard .col2-set .col-1 {
  float: none;
  width: 100%;
}

.account-dashboard .col2-set .col-2 .form-row-wide,
.account-dashboard .col2-set .col-1 .form-row-wide {
  max-width: 90%;
}

.woocommerce-form-register,
.woocommerce-form-login {
  background: #f7f7f7;
  max-width: 600px;
}

.woocommerce-privacy-policy-text p {
  font-size: 0.9rem !important;
  margin: 0.7rem 0.5rem 1.5rem 0.5rem;
}

.woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-MyAccount-content header.title h3 {
  font-size: 18px;
  margin-top: 0;
}

.product .section-title h1 {
  color: #fff;
}

.product .section-title h4 {
  color: var(--ds-gray);
  font-weight: 700;
}

.woocommerce-table {
  width: 100%;
}

.woocommerce-table__line-item {
  border: 1px solid #eee;
}

.woocommerce-table__line-item td {
  padding: 1rem;
}

.woocommerce-orders-table {
  width: 100%;
}

.woocommerce-orders-table__row {
  border: 1px solid #eee;
}

@media (max-width: 960px) {
  .woocommerce-orders-table__row {
    flex-direction: column;
    display: flex;
    margin: 1rem 0;
  }
}

.woocommerce-orders-table__cell {
  padding: 1rem;
}

.woocommerce-MyAccount-my-tickets {
  width: 100%;
}

.woocommerce-MyAccount-my-tickets tr td,
.woocommerce-MyAccount-my-tickets tr th {
  text-align: left;
  padding: 1rem;
}

@media (max-width: 960px) {
  .woocommerce-MyAccount-my-tickets tr {
    display: flex;
    flex-direction: column;
  }
}

.woocommerce-MyAccount-my-tickets tbody tr {
  border: 1px solid var(--ds-gray);
}

.woocommerce-MyAccount-my-tickets tbody tr td.ticket-actions {
  text-align: right;
}

@media (max-width: 960px) {
  .woocommerce-MyAccount-my-tickets tbody tr td.ticket-actions {
    text-align: left;
  }
}

.woocommerce-checkout dl.variation {
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 14px;
  padding: 0 15px 15px;
}

.woocommerce-checkout dl.variation dt {
  width: 120px;
}

.woocommerce-checkout dl.variation dd {
  width: calc(100% - 120px - 0.25em);
}

.woocommerce-checkout dl.variation dd p {
  margin: 0;
}

.woocommerce-cart dl.variation {
  display: none;
}

.woocommerce table.my_account_passes,
.ds-order-item-data {
  font-size: 14px;
}

.woocommerce-passes-table__cell-pass-name span {
  display: block;
}

.woocommerce .order-item-refunded {
  background: var(--ds-lightgray);
  color: var(--ds-semidarkgray);
}

.woocommerce-order-details .ds-pass-actions {
  margin-top: 20px;
}

body .woocommerce table.shop_table td.woocommerce-table__product-name,
body .woocommerce table.shop_table td.woocommerce-passes-table__cell-pass-name {
  padding: 30px;
}

.woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-MyAccount-content .woocommerce-column__title,
.woocommerce-MyAccount-content header.title h3 {
  font-size: 18px;
  margin-top: 0;
}

.woocommerce-MyAccount-navigation-link--payment-methods {
  display: none !important;
}

.woocommerce .woocommerce-customer-details address {
  font-size: 14px;
  padding: 30px;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: var(--ds-green);
  border: 2px solid #9eff33;
  border-radius: 0;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border-radius: 0px;
  font-size: 13px;
  line-height: 1.6;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: #519a00;
  color: #f2f2f2;
  border-color: #9eff33;
  border-radius: 0;
}

.woocommerce table.my_account_orders .button {
  margin-right: 1rem !important;
}

.woocommerce a.remove {
  color: var(--ds-gray) !important;
}

.woocommerce a.remove:hover {
  background-color: var(--ds-gray) !important;
}

.woocommerce-page form.checkout_coupon,
.woocommerce-page form.checkout_coupon .form-row-first,
.woocommerce-page form.checkout_coupon .form-row-last {
  width: auto;
  float: none;
  display: flex;
  padding-bottom: 1rem;
}

.woocommerce-page form.checkout_coupon input,
.woocommerce-page form.checkout_coupon .form-row-first input,
.woocommerce-page form.checkout_coupon .form-row-last input {
  background: #fff;
  margin-left: 0;
  box-shadow: 0px;
  border: 1px solid var(--ds-gray);
}

.woocommerce-page form.checkout_coupon .form-row-first {
  margin-left: 0;
  margin-bottom: 0;
}

.woocommerce-page form.checkout_coupon .form-row-last {
  margin-left: 5px;
  margin-bottom: 0;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.woocommerce-notice,
.gform_wrapper .gform_validation_errors {
  padding: 15px 30px;
  font-weight: bold;
  margin-bottom: 30px;
}

.woocommerce-error a,
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-notice a {
  border-bottom: 1px dashed;
  color: #ededed;
}

.woocommerce-notice {
  padding: 15px 20px;
}

.woocommerce-message,
.woocommerce-notice {
  border: none;
  border-left: 0.6em solid #45790b;
  background-color: var(--ds-green);
  color: #fff;
}

.woocommerce-message::before {
  color: #fff;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before,
.gform_wrapper .gform_validation_errors:before {
  position: relative;
  top: initial;
  left: initial;
  margin-right: 15px;
  display: inline-block;
}

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
  display: inline-block;
}

.woocommerce-info {
  border: none;
  color: #fff;
  border-left: 0.6rem solid #0f7699;
  background: var(--ds-blue);
}

.woocommerce-error,
.gform_wrapper .gform_validation_errors {
  border: none;
  border-left: 4px solid var(--ds-red);
  background-color: var(--ds-red-transparent);
  color: var(--ds-red);
  border-radius: 0;
  box-shadow: none;
}

.woocommerce-info::before {
  color: #fff;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
  border-color: var(--ds-red);
}

.woocommerce form .form-row.woocommerce-invalid label,
.woocommerce-error::before {
  color: var(--ds-red);
}

.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
  border-color: var(--ds-green);
}

.wc_payment_method.payment_method_stripe input + label {
  display: initial;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  padding: 0;
  border: 0;
  background: #fff;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  display: none;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: transparent;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
}

.woocommerce-checkout #wc-stripe-cc-form .form-row {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.woocommerce form .form-row label {
  line-height: inherit;
}

#stripe-payment-data p {
  margin-top: 0;
}

input#wc-stripe-new-payment-method {
  margin: 0 !important;
}

h2.woocommerce-order-details__title,
h2.woocommerce-column__title {
  margin: 0 0 10px;
  font-size: 18px;
}

h2.woocommerce-column__title + *,
.wp-block-social-links {
  margin-top: 30px;
}

.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  margin: 30px 0;
  border: none;
  color: var(--ds-blue);
  border-left: 4px solid var(--ds-blue);
  background: var(--ds-blue-transparent);
  padding: 15px 30px;
}

.woocommerce
  table.shop_table
  .woocommerce-cart-form__cart-item
  td.product-name {
  padding: 30px;
}

.woocommerce form.checkout_coupon.woocommerce-form-coupon {
  padding: 0;
  border: none;
}

.woocommerce form.checkout_coupon.woocommerce-form-coupon {
  padding: 30px 5px 0 5px;
  margin-top: -30px;
  border-radius: 0;
}

.woocommerce form.checkout_coupon.woocommerce-form-coupon p:first-child {
  display: none;
}

.woocommerce-checkout-review-order-table {
  margin-top: 30px !important;
}

.woocommerce-checkout-review-order-table .product-total {
  width: 100px;
}

.woocommerce form .form-row {
  padding: 0;
}

.woocommerce-additional-fields__field-wrapper {
  margin-bottom: 1rem;
  padding-bottom: 2.5rem;
}

#billing_address_2_field input {
  max-width: 300px;
}

.woocommerce-billing-fields__field-wrapper .form-row {
  padding-bottom: 0.3rem !important;
}

#order_comments_field {
  padding-top: 1.2rem;
}

.woocommerce form .form-row input.input-text + span em {
  font-size: 14px;
}

.woocommerce table.shop_table td .passholder {
  margin: 15px 0;
  padding: 0 0 15px 0;
}

.woocommerce table td.product-name {
  font-weight: bold;
}

.woocommerce form .form-row .input-checkbox {
  display: inline-block;
  margin: -2px 8px 0 0;
  text-align: left;
  vertical-align: middle;
  max-width: 15px;
}

.woocommerce-checkout-payment {
  padding: 1rem;
  background: #fafafa !important;
}

.woocommerce-checkout-payment .payment_method_stripe {
  padding-top: 1rem;
}

.woocommerce-checkout-payment .methods {
  border-top: 1px solid var(--ds-gray);
  border-bottom: 1px solid var(--ds-gray);
  padding-top: 1rem;
  padding-bottom: 1rem !important;
}

.woocommerce-checkout-payment .place-order {
  margin-top: 1rem;
  padding: 1rem 0 !important;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #fafafa;
}

#billing_postcode {
  max-width: 150px;
}

@media (max-width: 1240px) {
  #billing_postcode {
    width: 100%;
  }
}

#billing_postcode_field {
  margin-bottom: 1.5rem;
}

.woocommerce table.shop_table {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding: 0;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  padding: 1rem 0.5rem;
}

.woocommerce table.shop_table th:nth-child(2),
.woocommerce table.shop_table td:nth-child(2) {
  text-align: right;
}

.checkout .col-1 {
  padding: 0;
  margin-bottom: 1rem;
  border-top: 0 solid var(--ds-gray);
}

.checkout .col-1 h3 {
  margin-top: -10px;
}

@media (max-width: 770px) {
  .checkout .col-1 {
    margin-bottom: 2rem;
  }
}

@media (max-width: 770px) {
  .checkout .col-1,
  .checkout .col-2 {
    width: 100% !important;
  }
}

@media (max-width: 770px) {
  .woocommerce .col2-set::after,
  .woocommerce-page .col2-set::after {
    clear: none;
  }
}

@media (max-width: 770px) {
  #add_payment_method #payment div.form-row,
  .woocommerce-cart #payment div.form-row,
  .woocommerce-checkout #payment div.form-row {
    padding: 1rem 0;
  }
}

.checkout #place_order {
  float: left;
}

@media (max-width: 770px) {
  .checkout #place_order {
    width: 100%;
    margin-top: 2rem;
  }
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: left;
  margin-top: 2rem;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  width: 100%;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 0px;
  border-top: 0px;
  margin-top: 0;
  padding-top: 0;
}

@media (max-width: 1240px) {
  #add_payment_method #payment div.form-row,
  .woocommerce-cart #payment div.form-row,
  .woocommerce-checkout #payment div.form-row {
    width: 100% !important;
  }
}

.woocommerce-terms-and-conditions-wrapper {
  padding: 1.5rem 0;
  border-top: 1px solid var(--ds-gray);
  border-bottom: 1px solid var(--ds-gray);
}

.woocommerce-order-received {
  font-size: 16px;
}

.woocommerce-order-received
  .woocommerce
  table.shop_table
  tbody
  td:nth-child(2) {
  vertical-align: baseline;
}

.woocommerce-order-received
  .woocommerce
  table.shop_table
  tbody
  td:nth-child(2)
  .woocommerce-Price-amount {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  padding: 14px 0;
}

.woocommerce-order-received .order-item-meta-ticket {
  font-weight: bold;
}

.woocommerce-order-received .woocommerce-table__product-name {
  padding: 30px 0 !important;
}

.woocommerce-order-received .woocommerce-table__product-name .wc-item-meta {
  width: 100% !important;
  padding: 15px 0 !important;
  margin-top: 15px !important;
  border-top: 1px solid var(--ds-gray) !important;
}

.woocommerce-order-received .woocommerce-table__product-name.product-name ul {
  padding: 0;
  margin: 0;
  border: 0px;
}

.woocommerce-order-received
  .woocommerce-table__product-name.product-name
  ul
  li {
  font-size: 14px;
  line-height: 1.5rem;
}

.woocommerce-order-received
  .woocommerce-table__product-name.product-name
  ul
  li:first-child {
  display: none;
}

.woocommerce-order-received
  .woocommerce-table__product-name.product-name
  ul
  li
  .wc-item-meta-label {
  width: 100%;
}

.woocommerce-order-received
  .woocommerce-table__product-name.product-name
  ul
  li
  .text,
.woocommerce-order-received
  .woocommerce-table__product-name.product-name
  ul
  li
  strong {
  font-weight: normal;
}

@media (max-width: 740px) {
  .woocommerce-order-received .woocommerce-thankyou-order-details li {
    width: 100%;
    padding: 1rem 0;
    border-right: 0 !important;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  }

  .woocommerce-order-received
    .woocommerce-thankyou-order-details.order_details {
    border-left: 0 !important;
    padding: 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  }

  .woocommerce-order-received .woocommerce table.shop_table {
    width: 100%;
  }

  .woocommerce-order-received .woocommerce table.shop_table td,
  .woocommerce-order-received .woocommerce table.shop_table th {
    width: 100%;
    text-align: left;
  }

  .woocommerce-order-received .woocommerce table.shop_table tr {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    padding: 0;
    border: 0;
  }

  .woocommerce-order-received
    .woocommerce
    table.shop_table
    tbody
    td:nth-child(2)
    .woocommerce-Price-amount {
    border-bottom: 0px solid rgba(0, 0, 0, 0.1);
  }
}

.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
  font-size: 14px;
  margin-top: 7px 0px;
}

.woocommerce .woocommerce-customer-details address {
  padding-bottom: 3rem;
}

.woocommerce-customer-details--email {
  float: left;
  margin-right: 15px;
}

.woocommerce-checkout form {
  display: grid;
  grid-template-columns: 60% 35%;
  gap: 3rem;
  padding-top: 30px;
}

@media (max-width: 1240px) {
  .woocommerce-checkout form {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    gap: 0;
  }
}

.woocommerce-checkout form .col2-set {
  grid-row: 1;
  grid-column: 1;
}

.woocommerce-checkout form #order_review_heading {
  grid-row: 1;
  grid-column: 2;
  margin-top: -10px;
}

.woocommerce-checkout form #order_review {
  grid-row: 1;
  grid-column: 2;
}

.woocommerce-form-coupon {
  gap: 0 !important;
  padding: 30px 0;
}

.manage-my-ticket {
  padding: 3rem;
}

.manage-my-ticket h3 {
  padding: 0.7rem 0;
}

.manage-my-ticket p {
  padding: 0 0 0.7rem 0;
  line-height: 1.4;
}

.manage-my-ticket__name {
  display: block;
  margin: 1rem 0;
}

.manage-my-ticket__name h3 span {
  color: var(--ds-blue);
}

.manage-my-ticket__upgrade .form-row input,
.manage-my-ticket__upgrade .form-row label {
  display: inline;
}

.manage-my-ticket__upgrade .form-row label {
  width: 90%;
  margin-top: 15px;
}

.manage-my-ticket__upgrade .form-row input[type="checkbox"] {
  width: 15px;
  height: 15px;
}

.manage-my-ticket__upgrade .upgrade-btn {
  margin-top: 1rem;
}

.manage-my-ticket__form_fields {
  max-width: 450px;
}

.manage-my-ticket__upgrade,
.manage-my-ticket__transfer,
.manage-my-ticket__downgrade,
.manage-my-ticket__refund {
  display: block;
  margin-top: 1rem;
  padding: 3rem 0 2rem 0;
  border-top: 1px solid var(--ds-gray);
}

.manage-my-ticket__upgrade input[type="text"],
.manage-my-ticket__upgrade input[type="email"],
.manage-my-ticket__upgrade select,
.manage-my-ticket__transfer input[type="text"],
.manage-my-ticket__transfer input[type="email"],
.manage-my-ticket__transfer select,
.manage-my-ticket__downgrade input[type="text"],
.manage-my-ticket__downgrade input[type="email"],
.manage-my-ticket__downgrade select,
.manage-my-ticket__refund input[type="text"],
.manage-my-ticket__refund input[type="email"],
.manage-my-ticket__refund select {
  max-width: 420px !important;
  margin: 0.7rem 0 !important;
}

.manage-my-ticket__upgrade label,
.manage-my-ticket__transfer label,
.manage-my-ticket__downgrade label,
.manage-my-ticket__refund label {
  width: 80%;
  margin-left: 3px;
}

.manage-my-ticket__refund {
  padding: 2.5rem 0;
}

.manage-my-ticket .fieldset {
  padding: 1rem 0.5rem;
}

.manage-my-ticket .fieldset p {
  padding-bottom: 1rem;
}

.manage-my-ticket .button,
.manage-my-ticket .btn {
  margin: 1.2rem 0;
}

.manage-my-ticket .button:hover {
  background: #000 !important;
}

.manage-my-ticket .btn {
  color: #fff;
  line-height: 1.6;
  padding: 0.7rem 1rem;
  border: 2px solid #9eff33 !important;
}

.manage-my-ticket .btn:hover {
  background: var(--ds-green);
}

.manage-my-ticket .gform_footer {
  text-align: left;
  margin: 0;
}

.manage-my-ticket .gform_footer input {
  margin: 0;
}

.single-product__messagebox {
  background: var(--ds-blue);
  color: #fff;
  border-radius: 5px;
  width: 90% !important;
  max-width: 920px !important;
  padding: 1rem 1rem 2rem 1rem !important;
  margin: 4rem auto !important;
}

.single-product__messagebox a {
  color: #fff;
  font-weight: 800;
}

.single-product__messagebox p {
  padding: 1rem 0 0 0;
  padding-bottom: 0;
}

.single-product__onlineaccess {
  width: 90% !important;
  max-width: 920px !important;
  padding: 1rem 0 2rem 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding: 3rem 0 !important;
  margin: 2rem auto 4rem auto !important;
}

.single-product__onlineaccess p {
  color: #333;
  font-weight: normal;
  text-align: left;
  padding: 1rem 0 2rem 0;
}

.single-product__onlineaccess a {
  margin-right: 0.7rem;
}

.single-product__onlineaccess a button {
  padding: 10px 20px;
  margin-bottom: 10px;
  width: 90%;
  max-width: 290px;
  line-height: 1.5;
}

.passes-background-overlay {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 450px;
  background: #000;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}

.ds_passes_container {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.5rem;
  align-items: flex-start;
  background: #fff;
  padding: 0 0 2rem 1;
  width: calc(100% - 2rem);
  max-width: 920px !important;
  border: 10px solid #fff;
}

.ds_passes_container-full {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1.5rem;
  width: 100%;
  max-width: 1140px !important;
  align-items: flex-start;
}

.ds_passes_table {
  display: table;
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
}

@media (max-width: 740px) {
  .ds_passes_table {
    display: none;
    width: 90% !important;
    margin: 1rem auto 2rem auto !important;
  }

  .ds_passes_table .mobile-only {
    flex-direction: column;
  }
}

.ds_passes_table thead tr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /*height: 80px;*/
  background: rgba(0, 0, 0, 0.05);
  padding: 10px 0.4rem;
}

.ds_passes_table thead tr th {
  position: relative;
  flex: 0 0 140px;
  line-height: 1.3;
  font: 800 18px "Lato", sans-serif;
  text-align: center;
  color: #000;
  padding: 0.5rem 1.5rem;
}

.ds_passes_table thead tr th:first-child {
  flex: 1;
}

@media (max-width: 740px) {
  .ds_passes_table thead tr th {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.ds_passes_table thead tr th:first-child {
  flex: 1 !important;
}

.ds_passes_table tbody tr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
}

.ds_passes_table tbody tr td {
  position: relative;
  flex: 0 0 140px;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  padding: 0.4rem;
  position: relative;
  text-align: center;
  padding-left: 1.4rem;
}

.ds_passes_table tbody tr td:nth-child(2),
.ds_passes_table tbody tr td:nth-child(3) {
  font-weight: 800;
  font-size: 18px;
}

@media (max-width: 740px) {
  .ds_passes_table tbody tr td {
    font-weight: 400;
    width: 100%;
    color: #666666;
  }
}

.ds_passes_table tbody tr td:first-child {
  flex: 1;
  text-align: left;
}

@media (max-width: 740px) {
  .ds_passes_table tbody tr td:first-child {
    text-align: center;
  }
}

.ds_passes_table tbody tr td.value:before {
  font-size: 18px;
}

.ds_passes_table tbody tr td.value[data-value="1"]:before {
  content: "\f00c";
  color: #63bd00;
  font-family: "FontAwesome";
}

.ds_passes_table tbody tr td.value[data-value="0"]:before {
  content: "\f00d";
  font-family: "FontAwesome";
}

.ds_passes_table tbody tr td .tooltip {
  visibility: hidden;
  height: 0;
  overflow: auto;
  font-weight: normal;
  position: absolute;
  transition: all 0.2s ease-in-out;
  position: absolute;
  bottom: 42px;
  left: 10px;
  background: #333;
  color: #fff;
  width: 60%;
  padding: 7px 10px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1.3;
  z-index: 999;
}

.ds_passes_table tbody tr td .tooltip:after {
  content: "";
  position: absolute;
  top: 99%;
  left: 4px;
  margin-left: 0;
  width: 0;
  height: 0;
  border-top: solid 5px #333;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  z-index: 2;
}

.ds_passes_table tbody tr td .question-icon {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  color: rgba(0, 0, 0, 0.2);
  font: normal 8px/7px Helvetica, Verdana, Tahoma;
  height: 10px;
  min-width: 5px;
  padding: 2px 3.5px 0 3.5px;
  text-align: center;
  margin-left: 10px;
  top: -2px;
  position: relative;
}

.ds_passes_table tbody tr td .question-icon:hover ~ .tooltip {
  visibility: visible;
  height: auto;
  overflow: visible;
}

.ds_passes_table tbody tr.price-row td:nth-child(1),
.ds_passes_table tbody tr.price-row-bottom td:nth-child(1) {
  color: var(--ds-blue);
  font-size: 14px;
  font-weight: bold;
  text-align: right !important;
}

.ds_passes_table tbody tr.price-row td:nth-child(2),
.ds_passes_table tbody tr.price-row td:nth-child(3),
.ds_passes_table tbody tr.price-row-bottom td:nth-child(2),
.ds_passes_table tbody tr.price-row-bottom td:nth-child(3) {
  color: var(--ds-green);
  font-size: 18px;
  font-weight: 800;
}

.ds_passes_table tbody tr.price-row-bottom td:nth-child(2),
.ds_passes_table tbody tr.price-row-bottom td:nth-child(3) {
  color: var(--ds-dark-orange);
  font-size: 18px;
  font-weight: normal;
}

.ds_passes_table tbody tr.button-row {
  border: 0px;
}

.ds_passes_table tbody tr:last-child {
  border: 0px;
}

.ds_passes_table tbody tr.buttons .btn {
  padding: 3px 0.5rem !important;
}

.ds_passes_table-dual {
  width: 100%;
  margin: 2rem auto;
  text-align: center;
  background: #fff;
  max-width: 960px;
}

@media (max-width: 740px) {
  .ds_passes_table-dual {
    width: 90%;
  }
}

.ds_passes_table-dual thead {
  background: var(--ds-blue);
  color: #fff;
  display: block !important;
}

.ds_passes_table-dual thead tr th {
  width: calc(100% - 1rem);
  margin: 0.5rem;
}

.ds_passes_table-dual tr {
  display: flex;
  flex-direction: row;
}

@media (max-width: 740px) {
  .ds_passes_table-dual tr {
    flex-direction: column;
  }
}

.ds_passes_table-dual td {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1rem 0 6rem 0;
  border: 1px solid var(--ds-gray);
}

@media (max-width: 740px) {
  .ds_passes_table-dual td {
    padding: 1rem 0.5rem 6rem 0.5rem;
  }
}

.ds_passes_table-dual td span {
  justify-content: center;
}

.ds_passes_table-dual td .buttons {
  position: absolute;
  width: 100%;
  max-width: 100%;
  text-align: center;
  bottom: 25px;
}

.ds_passes_table-dual td .btn {
  width: 275px;
  max-width: 100%;
  margin: 0 auto;
}

.ds_passes_table-dual__headline {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 0.5rem;
  line-height: 1.4;
}

.ds_passes_table-dual__title {
  display: block;
  width: calc(100% - 2rem);
  font-weight: bold;
  font-size: 20px;
  color: #000;
  padding: 0 1rem;
}

.ds_passes_table-dual__subtitle {
  display: block;
  width: calc(100% - 4rem);
  font-size: 14px;
  font-weight: 700;
  color: #676767;
  margin: 1.5rem auto;
  line-height: 1.5;
  padding: 0 1rem;
}

.ds_passes_table-dual__price .price {
  font-weight: bold;
  font-size: 47px !important;
  color: #65bd30;
}

.ds_passes_table-dual__price .price-info {
  font-size: 14px;
  font-weight: 700;
  color: #676767;
  width: 85%;
  margin: 0 auto;
}

.ds_tickets_layout {
  width: 100%;
  max-width: 960px;
  margin: 2rem auto 0 auto;
  padding: 2rem 0 2rem 0;
  text-align: center;
}

@media (max-width: 960px) {
  .ds_tickets_layout {
    width: 85%;
  }
}

.ds_tickets_layout h2 {
  color: #676767;
}

.ds_tickets_layout h3 {
  font-size: 16px;
  font-weight: normal;
  color: #676767;
}

.ds_tickets_layout p {
  padding: 0;
  margin: 0;
}

.ds_tickets_layout .btn {
  background: var(--ds-green);
}

.ds_tickets_layout .buy-passes-only {
  padding: 1rem;
}

.ds_tickets_layout .buy-passes-only .btn {
  padding: 0.5rem !important;
}

.ds_tickets_layout .buy-passes-only a {
  width: 240px;
  margin: 0 auto;
}

.ds_tickets_layout .single-product__buttons-bottom {
  padding: 1rem;
}

.ds_tickets_layout .single-product__buttons-bottom a {
  width: 200px;
}

.ds_tickets_layout .wc-box-office-ticket-form {
  position: relative;
  margin: 0 0 15px 0;
  min-height: 57px;
  max-height: 57px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 1rem 0 2rem 0;
  transition: all 0.7s ease-in-out;
}

.ds_tickets_layout
  .wc-box-office-ticket-form
  .wc-box-office-ticket-fields-title {
  padding-bottom: 1.5rem;
  text-transform: capitalize;
  font-size: 16px;
  color: #555;
}

.ds_tickets_layout
  .wc-box-office-ticket-form
  .wc-box-office-ticket-fields-title
  span {
  text-transform: capitalize;
  color: var(--ds-blue);
  font-size: 16px;
}

.ds_tickets_layout .wc-box-office-ticket-form .price {
  float: right;
  margin-right: 40px;
}

.ds_tickets_layout .wc-box-office-ticket-form .price .sale {
  color: var(--ds-blue);
}

.ds_tickets_layout .wc-box-office-ticket-form .price .regular {
  color: var(--ds-blue);
}

.ds_tickets_layout .wc-box-office-ticket-form .price .regular-strikethru {
  color: var(--ds-gray);
  text-decoration: line-through;
}

@media (max-width: 740px) {
  .ds_tickets_layout .wc-box-office-ticket-form .price {
    display: none;
  }
}

.ds_tickets_layout .wc-box-office-ticket-form .ticket_nav_button {
  position: absolute;
  width: 100%;
  background: transparent;
  top: 1rem;
  right: 10px;
  color: var(--ds-blue);
  border: 0;
}

.ds_tickets_layout .wc-box-office-ticket-form .ticket_nav_button:after {
  float: right;
  content: "\f105";
  font-size: 15px;
  font-family: "fontAwesome";
}

.ds_tickets_layout .wc-box-office-ticket-form .ticket_nav_remove_button {
  position: absolute;
  top: 85px;
  right: 20px;
  padding: 0.3rem 0.5rem;
  color: var(--ds-gray);
  border: 0px solid var(--ds-gray);
  border-radius: 4px;
  background: #fff;
  font-size: 12px;
  text-transform: uppercase;
  display: none;
  opacity: 0;
  transition: all 4s ease-in-out;
  z-index: 999;
}

@media (max-width: 740px) {
  .ds_tickets_layout .wc-box-office-ticket-form .ticket_nav_remove_button {
    padding: 0.3rem 0;
  }
}

.ds_tickets_layout .wc-box-office-ticket-form .ticket_nav_remove_button:hover {
  border-color: var(--ds-red);
  color: var(--ds-red);
}

.ds_tickets_layout .wc-box-office-ticket-form.open {
  height: auto;
  max-height: 960px;
  background: #fff;
}

.ds_tickets_layout .wc-box-office-ticket-form.open .ticket_nav_button:after {
  content: "\f107";
}

.ds_tickets_layout .wc-box-office-ticket-form.open .ticket_nav_remove_button {
  display: block;
  opacity: 1;
  transition: opacity 4s ease-in-out;
}

.ds_tickets_layout .pass_buttons {
  text-align: center;
  color: rgba(0, 0, 0, 0.15);
  padding: 1rem 0 2rem 0;
  margin: 1rem 0 2rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.ds_tickets_layout .pass_buttons p {
  padding-top: 1rem;
}

.ds_tickets_layout #add_pass_button {
  border-radius: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 10px 20px;
  font-size: 30px;
  color: rgba(0, 0, 0, 0.15);
}

.ds_tickets_layout #add_pass_button:hover {
  color: var(--ds-green);
  border-color: var(--ds-green);
}

.ticket-input {
  margin-right: 15px !important;
}

@media (max-width: 770px) {
  .ticket-input {
    margin-right: auto !important;
  }
}

#main_ticket_count,
#full_ticket_count {
  height: 0;
}

.best-value:before {
  content: "";
  width: 90px;
  height: 90px;
  position: absolute;
  left: -70px;
  top: -40px;
  background: url(https://dev-isds.pantheonsite.io/wp-content/uploads/2022/05/best-value.png)
    no-repeat center;
  background-size: contain;
  z-index: 10;
}

@media (max-width: 860px) {
  .best-value:before {
    top: 0;
    width: 60px;
    height: 60px;
    left: auto;
    right: -15px !important;
  }
}

.woocommerce-cart #page > .wp-block-columns {
  padding-top: 10px;
}

.woocommerce-cart .hero-shop {
  height: auto !important;
}

@media (max-width: 770px) {
  .woocommerce-cart thead {
    display: none;
  }

  .woocommerce-cart .wc-block-cart-items__row,
  .woocommerce-cart .wc-block-cart-items__header {
    display: flex;
    flex-direction: column;
  }

  .woocommerce-cart .wc-block-cart-items__row td,
  .woocommerce-cart .wc-block-cart-items__row th,
  .woocommerce-cart .wc-block-cart-items__header td,
  .woocommerce-cart .wc-block-cart-items__header th {
    width: 100%;
  }

  .woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    align-items: flex-start;
  }
}

.wc-block-cart-items__row {
  color: #555;
  padding: 0.7rem 0 0;
  display: table-row;
  border: 0;
}

@media (max-width: 770px) {
  .wc-block-components-main,
  .wc-block-components-sidebar,
  .wc-block-cart__main,
  .wc-block-cart__sidebar {
    padding: 0;
    padding-right: 0 !important;
    margin: 0;
    flex: 0 0 100%;
    width: 100% !important;
  }
}

.wc-block-cart__sidebar {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
}

@media (max-width: 770px) {
  .wc-block-cart__sidebar {
    position: relative;
    top: 0;
  }
}

.wp-block-woocommerce-cart-order-summary-policies-form-block {
  text-align: left;
}

.wp-block-woocommerce-cart-order-summary-policies-form-block
  .cart-totals__policy-agreement__infosharing {
  max-width: 700px;
  width: 100%;
  margin: 1rem auto 40px;
  font-size: 14px;
  line-height: 1.5;
  font-style: italic;
}

table.wc-block-cart-items th,
.wc-block-cart__totals-title {
  font: normal 13px "Lato", sans-serif;
  text-align: left;
}

img.wc-block-components-product-image[alt=""] {
  border: 0px;
}

.wc-block-cart-item__quantity span {
  font-size: 14px;
  color: #555;
}

table .wc-block-cart-items__header-product,
table .wc-block-cart-items__header-total,
table .wc-block-cart-items__header-image {
  background: rgba(0, 0, 0, 0.05) !important;
  visibility: hidden !important;
}

table .wc-block-cart-items__header-image {
  min-width: 150px;
  margin-right: 1rem;
  border-top-left-radius: 3px;
}

table .wc-block-cart-items__header-total {
  border-top-right-radius: 3px;
  visibility: hidden !important;
}

table .wc-block-cart-items__header-product {
  visibility: hidden !important;
}

.wc-block-cart__totals-title {
  visibility: hidden;
}

.wc-block-components-totals-wrapper:after:first-child {
  border: 0;
}

.checkout-button {
  display: inline-block !important;
  margin-top: 1.5rem !important;
}

.wc-block-components-product-image {
  min-height: 90px;
}

.wc-block-cart-item__prices {
  font-size: 15px;
  color: #fff;
}

.wc-block-cart-item__prices del {
  color: #999;
}

.wc-block-cart-item__prices ins {
  color: #fff;
  font-weight: 600;
}

.wc-block-cart-item__prices bdi {
  color: #000;
}

.wc-block-components-product-price__value.is-discounted {
  margin-left: 0.2em;
}

.wc-block-components-sidebar-layout {
  position: relative;
}

@media (max-width: 770px) {
  .wc-block-components-sidebar-layout {
    display: flex;
    flex-direction: column;
  }
}

.wc-block-components-sidebar-layout.fullwidth {
  padding: 0;
  padding-right: 0 !important;
  margin: 0;
  flex: 0 0 100%;
  width: 100% !important;
}

.wc-block-components-sidebar-layout.fullwidth .wc-block-components-main,
.wc-block-components-sidebar-layout.fullwidth .wc-block-components-sidebar,
.wc-block-components-sidebar-layout.fullwidth .wc-block-cart__main,
.wc-block-components-sidebar-layout.fullwidth .wc-block-cart__sidebar {
  padding: 0;
  padding-right: 0 !important;
  margin: 0;
  flex: 0 0 100%;
  width: 100% !important;
}

.wc-block-components-sidebar-layout.fullwidth .wc-block-cart__sidebar {
  position: relative;
  top: 0 !important;
  width: 100%;
  text-align: left;
}

.wc-block-components-sidebar-layout.fullwidth .wc-block-cart__totals-title {
  display: none;
}

.wc-block-components-sidebar-layout.fullwidth .wc-block-components-sidebar {
  width: 100%;
  transition: width 0.3s ease-in-out;
}

@media (max-width: 770px) {
  .wc-block-components-sidebar-layout.fullwidth
    .wp-block-woocommerce-cart-order-summary-policies-form-block {
    text-align: left;
    margin: 1rem 0;
  }
}

.wc-block-components-sidebar-layout.fullwidth
  .wp-block-woocommerce-cart-order-summary-policies-form-block
  .cart-totals__policy-agreement__infosharing {
  max-width: 700px;
  width: 100%;
  margin: 1rem 0;
  font-size: 14px;
  line-height: 1.5;
  font-style: italic;
}

.wc-block-cart__submit-container {
  width: 100%;
  text-align: center;
}

.wc-block-cart__submit-container a {
  display: block;
  margin-top: 2rem !important;
  margin: 0 auto;
  text-align: left;
  line-height: 2.6;
}

@media (max-width: 770px) {
  .wc-block-cart__submit-container a a {
    padding: 1rem !important;
  }
}

.wc-block-components-totals-coupon .coupon_form {
  margin-top: 20px;
  display: none;
}

.wc-block-components-totals-coupon .coupon_form button {
  margin-top: 1rem;
}

.form-checkbox-centered input {
  margin-right: 15px;
}

.cart-tickets {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 1rem 0;
  margin: 0;
  border-radius: 6px;
}

@media (max-width: 770px) {
  .cart-tickets {
    margin: -20px 0 0 0;
  }
}

.cart-ticket {
  width: 100%;
  margin: 0 0 1rem 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.cart-ticket p {
  font-size: 15px;
  line-height: 1.7;
  color: #676767;
}

.cart-ticket p .name {
  color: #333;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
}

.cart-ticket p .pronouns {
  font-size: 13px;
  font-style: italic;
  color: #676767;
}

.cart-ticket__ticket {
  width: 100%;
  margin: 0 auto;
  padding: 1.4rem 0 0 0;
  font-size: 15px;
}

.cart-ticket__ticket p {
  margin-bottom: 0.7rem;
}

.cart-ticket p.cart-ticket__title {
  color: #777;
  font-size: 16px;
  padding: 0.5rem 0;
  border-top: 1px solid var(--ds-gray);
  border-bottom: 1px solid var(--ds-gray);
}

.cart-ticket__addons {
  font-size: 14px;
  margin-top: 0.5rem;
  padding: 0;
  border-radius: 2px;
  color: #676767;
}

.cart-ticket__addons .form-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  vertical-align: top;
  border-bottom: 1px solid var(--ds-gray);
  padding: 0 0.7rem 0.7rem 0.7rem;
  margin: 1rem 0;
}

.cart-ticket__addons .form-row:last-of-type {
  border-bottom: 0px;
}

.cart-ticket__addons input {
  margin-top: 8px;
  margin-right: 15px;
  width: 25px;
  height: 25px;
}

.wc-block-components-product-name {
  text-transform: uppercase;
  font-weight: 900;
  color: var(--ds-blue);
}

.wc-block-cart-item__total-price-and-sale-badge-wrapper
  .wc-block-components-sale-badge {
  border-color: #555;
  color: #555;
}

.wc-block-cart-item__remove-link {
  color: #555555 !important;
  padding-top: 0rem !important;
}

.is-large.wc-block-cart .wc-block-cart-items td {
  padding: 1rem 0;
}

.is-large.wc-block-cart .wc-block-cart-items td:nth-child(2) {
  padding: 0;
}

@media (max-width: 770px) {
  .is-large.wc-block-cart .wc-block-cart-items td:nth-child(2) {
    padding: 1rem 0;
  }
}

@media (max-width: 770px) {
  .is-large.wc-block-cart .wc-block-cart-items td:nth-child(2) {
    padding: 1rem 0 0 0;
  }
}

.is-large.wc-block-cart .wc-block-cart-items td:after {
  border-color: #555;
}

.wc-block-components-totals-wrapper:first-child:after {
  border-top: 0;
}

.wp-block-woocommerce-cart-order-summary-subtotal-block:after {
  border: 0;
}

.is-large.wc-block-cart tr:nth-child(1) td:after {
  border-top: 0px solid #555;
}

.event-pass:after {
  border-width: 0px !important;
}

td.wc-block-cart-item__image {
  padding: 0;
}

td.wc-block-cart-item__image a {
  padding: 0 1rem 0 0.7rem;
  display: block;
}

.is-large .wc-block-components-sidebar .wc-block-components-totals-item,
.is-large .wc-block-components-sidebar .wc-block-components-panel {
  padding-left: 0;
  padding-right: 0;
}

.is-large.wc-block-cart .wc-block-cart-items td:last-child {
  padding-right: 0;
}

.wc-block-cart-item__total {
  padding: 1rem 0 !important;
}

#update_cart {
  margin: 0.7rem 0;
  background: var(--ds-blue);
  background-color: transparent !important;
  color: var(--ds-blue) !important;
  outline: 0px solid var(--ds-gray);
  border: 1px solid var(--ds-blue) !important;
  border-color: var(--ds-blue) !important;
  border-width: 1px !important;
  border-radius: 0px !important;
  width: 100%;
  padding: 1rem;
}

.wc-block-cart-item__remove-link {
  display: block !important;
  margin: 1rem 0;
  color: #aaa7a7 !important;
}

.woocommerce table.my_account_passes,
.ds-order-item-data {
  font-size: 14px;
}

/* @media (max-width: 960px) {
  .wp-block-image {
    text-align: center;
  }
}

@media (max-width: 960px) {
  .wp-block-image img {
    max-width: 100%;
    margin: auto;
  }
} */

@media screen and (max-width: 960px) {
  .ds-data-circles ul {
    flex-direction: wrap;
    align-items: center;
  }

  .ds-data-circles ul li {
    width: 33.3333333333%;
  }
}

@media screen and (max-width: 960px) and (max-width: 680px) {
  .ds-data-circles ul li {
    width: 50%;
  }
}

@media screen and (max-width: 960px) and (max-width: 450px) {
  .ds-data-circles ul li {
    width: 100%;
  }
}

.ds-speaker {
  margin: 1rem;
}

.ds-agenda-main {
  margin-left: 2rem;
}

.ds-session {
  margin-bottom: 1rem;
}

.powered-by img {
  width: auto;
}

/* Marketo popup */
.single-material-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(3px);
  z-index: 99999;
}

.single-material-popup-content {
  background: linear-gradient(75deg, #02024a, #5c0180);
  /* background: #012784; */
  position: relative;
  padding: 35px 35px 20px;
  width: 690px;
  max-width: 90%;
}

.single-material-popup .single-material-popup-close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  border: 1px solid #fff;
  cursor: pointer;
  width: 28px;
  height: 28px;
}

.single-material-popup .single-material-popup-close:before,
.single-material-popup .single-material-popup-close:after {
  content: "";
  display: block;
  width: 22px;
  height: 3px;
  background: #fff;
  position: absolute;
}

.single-material-popup .single-material-popup-close:before {
  transform: rotate(45deg);
}

.single-material-popup .single-material-popup-close:after {
  transform: rotate(-45deg);
}

.single-material-popup h2 {
  text-align: initial;
  text-transform: uppercase;
  font-size: 54px;
  line-height: 1.2;
  margin-bottom: 0;
  font-family: "Poppins", serif;
  color: #fff;
  font-weight: 800;
}

.single-material-popup p {
  color: #fff;
  font-size: 22px;
  line-height: 1.4;

  font-weight: 800;
  letter-spacing: 2px;

  text-transform: uppercase;
  margin: 10px 0 20px;
}

.single-material-popup .mktoForm {
  width: 100% !important;
}

.single-material-popup .mktoForm * {
  font-family: "Lato" !important;
}

.single-material-popup .mktoForm .mktoFieldWrap,
.single-material-popup .mktoForm .mktoFormCol {
  float: none;
  width: 100%;
}

.single-material-popup .mktoForm input[type="email"] {
  width: 371px !important;
  border-radius: 40px;
  padding: 14px 20px !important;
  outline: none;
  font-weight: 500;
  box-shadow: none !important;
  height: auto !important;
  font-size: 16px !important;
  line-height: 1.2em;
  margin: 0;
  color: #555;
  background-color: #fff;
  /* &:placeholder {
      color: #000;
    } */
}

.single-material-popup .mktoForm #LblEmail,
.single-material-popup .mktoForm .mktoGutter {
  display: none;
}

.single-material-popup .mktoForm .mktoRequiredField label.mktoLabel {
  color: #fff;
  display: block;
  width: calc(100% - 24px) !important;
  font-weight: normal;
  font-style: italic;
  font-size: 18px;
  margin-left: 0;
  cursor: unset;
}

.single-material-popup .mktoForm .mktoAsterix {
  display: none !important;
}

.single-material-popup .mktoForm .mktoEmailField + .mktoError {
  right: initial !important;
  bottom: -40px !important;
}

.single-material-popup .mktoLogicalField.mktoCheckboxList + .mktoError {
  right: unset !important;
  bottom: unset !important;
  top: 44px;
}

.single-material-popup .mktoForm .mktoField {
  border: none !important;
  height: 40px;
}

.single-material-popup .mktoForm .mktoButtonWrap {
  margin-left: 25px !important;
}

.single-material-popup .mktoForm .mktoButtonWrap button {
  border-radius: 25px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  text-shadow: none !important;
  min-width: 162px !important;
  height: 46px;
  text-transform: uppercase;
  background: #189ac6;
  background: linear-gradient(45deg, #000000, #000000) padding-box,
    linear-gradient(to right, #ec008c, #189ac6) border-box !important;
  border: 1px solid transparent !important;
  font-weight: 800 !important;
  &:hover {
    background: linear-gradient(45deg, #0e0477, #0e0477) padding-box,
      linear-gradient(to right, #ec008c, #189ac6) border-box !important;
    border-color: transparent !important;
  }
}

.single-material-popup .mktoForm .mktoError .mktoErrorMsg {
  background: #ff3131 !important;
  border-radius: 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  max-width: fit-content !important;
}

.single-material-popup .mktoForm .mktoError .mktoErrorArrow {
  background: #ff3131 !important;
  border: none;
}

.single-material-popup .mktoForm input[name="Marketo_Partition__c_contact"] {
  background: #fff;
  width: 24px;
  height: 24px;
  position: relative;
  margin-top: 20px;
}

.single-material-popup .mktoForm label#LblMarketo_Partition__c_contact {
  padding: 0 0 0 14px !important;
  margin-top: 20px;
}

.single-material-popup .mktoForm .mktoAgreeCheckbox {
  width: 100% !important;
  display: block;
  padding: 0;
}

.single-material-popup .mktoSuccessMessage {
  font-style: italic;
  font-size: 18px;
  font-weight: 700;
  display: block;
  border: 1px solid;
  padding: 5px 10px;
  background: #c1ff72;
  color: #012784;
  margin-bottom: 20px;
}

.single-material-popup .mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
  display: inline;
}

@media (max-width: 767px) {
  .single-material-popup .single-material-popup-close {
    width: 24px;
    height: 24px;
  }
  .single-material-popup .single-material-popup-close:before,
  .single-material-popup .single-material-popup-close:after {
    width: 18px;
  }
  .single-material-popup-content {
    padding: 25px 30px;
  }
  .single-material-popup .mktoFieldDescriptor.mktoFormCol {
    margin-bottom: 0 !important;
  }
  .single-material-popup h2 {
    font-size: 44px !important;
    margin-bottom: 0;
  }
  .single-material-popup h2 span {
    font-size: 47px !important;
  }
  .single-material-popup p {
    font-size: 22px;
    line-height: 1.4;
    margin: 5px 0 15px;
  }

  .single-material-popup .mktoForm .mktoButtonWrap {
    margin-left: 20px !important;
  }
  .single-material-popup .mktoForm input[name="Marketo_Partition__c_contact"] {
    width: 20px;
    height: 20px;
    position: relative;
    margin-top: 21px;
  }
  .single-material-popup .mktoForm .mktoRequiredField label.mktoLabel {
    width: calc(100% - 20px) !important;
    font-size: 16px;
  }
  .single-material-popup .mktoForm input[type="email"] {
    width: 298px !important;
    margin-right: 20px;
  }

  .single-material-popup .mktoForm .mktoButtonWrap {
    margin-left: 0 !important;
  }
  .single-material-popup .mktoFormRow .mktoFieldDescriptor .mktoFormCol {
    margin-bottom: 15px !important;
  }
  .single-material-popup .mktoLogicalField.mktoCheckboxList + .mktoError {
    top: 38px;
  }
  .single-material-popup
    .mktoLogicalField.mktoCheckboxList
    + .mktoError.mktoError
    .mktoErrorArrowWrap {
    left: 2.5px;
  }
}
@media (max-width: 600px) {
  .single-material-popup p br {
    display: none;
  }
  .single-material-popup .mktoForm .mktoButtonRow {
    margin: 20px auto 0;
  }
  .single-material-popup .mktoForm .mktoButtonWrap button {
    min-width: 140px !important;
  }
  .single-material-popup .mktoFieldWrap.mktoRequiredField {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .single-material-popup .mktoForm input[type="email"] {
    width: 100% !important;
    margin: 0;
  }
  .single-material-popup h2 {
    font-size: 40px !important;
    margin-bottom: 0;
  }
  .single-material-popup h2 span {
    font-size: 42px !important;
  }
  .single-material-popup p {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .single-material-popup-content {
    padding: 20px 25px;
    max-width: 92%;
  }
  .single-material-popup .mktoForm {
    padding: 0;
  }
  .single-material-popup h2 {
    font-size: 32px !important;
  }

  .single-material-popup h2 span {
    font-size: 34px !important;
  }
  .single-material-popup p {
    font-size: 20px;
  }
  .single-material-popup .mktoForm input[type="email"] {
    width: 100% !important;
    margin-right: 0;
  }
  .single-material-popup .mktoForm .mktoError .mktoErrorMsg {
    max-width: 16em !important;
  }
  .single-material-popup .mktoForm .mktoEmailField + .mktoError {
    bottom: 30px !important;
  }
  .single-material-popup .mktoForm .mktoButtonWrap button {
    min-width: 100% !important;
    width: 100px !important;
  }
  .single-material-popup p {
    font-size: 16px;
  }
  .single-material-popup .mktoForm input[name="Marketo_Partition__c_contact"] {
    margin-top: 20px;
  }
  .single-material-popup .mktoForm .mktoRequiredField label.mktoLabel {
    font-size: 15px;
  }
  .single-material-popup .mktoForm label#LblMarketo_Partition__c_contact {
    padding: 0 0 0 10px !important;
  }
}

/* .single-material-content .single-material-column-1 p strong {
  font-size: 16px !important;
} */
.single-material-content iframe {
  max-width: 100%;
}

.ds-sponsor-blurb {
  margin-top: 30px;
  p {
    font-style: italic;
  }
}
/** Single Materal Page  */
.single-material-columns.is-layout-flex {
  gap: 0;
  justify-content: space-between;
}

.single-material-column-1 {
  width: 50%;
}

.single-material-column-2 {
  width: 43%;
  padding-left: 0;
}

@media (min-width: 782px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) {
    > .single-material-column-1,
    > .single-material-column-2 {
      flex-basis: unset;
      flex-grow: unset;
    }
  }
}

.single-material-content.ds-older-post-styles {
  justify-content: space-between;
  width: 100%;

  .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
    display: none;
  }
}

.single-material-column-2 {
  h5 {
    margin-bottom: 20px;
  }

  > iframe {
    margin: 20px 0 0 !important;
    width: 100%;
  }

  .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 0;

    iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
      margin: 0;
    }
  }
}

@media (max-width: 781px) {
  .single-material-content.ds-older-post-styles > div {
    flex-basis: 100% !important;
  }
}

/* >> Site Footer */

.ds-footer {
  background: #000;
  padding: 15px 0;
  font-size: 16px;
  li.widget {
    list-style-type: none;
  }
  a {
    border-bottom: none;
    color: #fff !important;
    &:hover {
      text-decoration: underline;
      color: inherit !important;
    }
  }
  .mt-30 {
    margin-top: unset !important;
    > .wp-block-column {
      padding: 0 !important;
    }
  }
  > .primary-sidebar {
    max-width: 1400px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
  }
  #block-4 {
    .wp-block-cover {
      padding: 40px 0 20px;

      span {
        background: unset !important;
      }
      .wp-block-image {
        margin: 10px 0 20px;
        img {
          width: 185px !important;
        }
        ~ div {
          margin-top: 5px !important;
          &:last-of-type {
            margin-top: 30px !important;
          }
        }
      }
      h4.wp-block-heading {
        font-size: 18px;
        margin: 10px 0;

        line-height: 1.1;
        font-family: "Poppins", serif;
        font-weight: 700;
        + ul,
        ~ div ul {
          margin-top: 30px;
        }
      }
      h5.wp-block-heading {
        font-size: 14px !important;

        line-height: 1.1;
        margin: 10px 0;
        font-family: "Poppins", serif;
        font-weight: 700;
      }
    }
  }
  #block-3 {
    span {
      background: unset !important;
    }
    .py-30 {
      padding: 0 !important;
    }
  }
  .ds-copyright {
    margin: 10px 0 20px;
  }
}
.ds-footer .wp-block-columns {
  gap: 0;
  .wp-block-column p {
    color: inherit;
    margin: 0 0 10px;
    line-height: 30px;
  }
}
.ds-footer p {  
  font-size: 16px;
}
.ds-bullets ul li {
  position: relative;
  list-style-type: none;
  padding-left: 20px;
  line-height: 1.5;

  margin-bottom: 7px;
  flex-basis: 100% !important;
  &:before {
    font-size: 20px;
    line-height: 1.2;
    left: -6px;
  }
}
.ds-footer .wp-block-cover__inner-container {
  max-width: 100% !important;
}
.ds-footer .ds-footer-connect ul {
  display: flex;
  padding: 0.7rem 0;
  max-width: 240px;
  align-items: center;
  margin: 0 auto;
  &.footer-s-hashtag {
    color: #f680c5;
    padding: 0;
  }
}

.ds-footer .ds-footer-connect ul li {
  align-items: center;
  list-style-type: none;
  display: block;
  margin: 0 auto 10px auto;
}

.dsmr-filter br {
  display: none;
}

@media (min-width: 768px) {
  .ds-footer
    .wp-block-columns:not(.is-not-stacked-on-mobile)
    > .wp-block-column {
    flex-basis: unset;
    flex-grow: unset;

    padding: 0 15px;

    &:nth-child(1) {
      width: 40%;
    }
    &:nth-child(2) {
      width: 30%;
    }
    &:nth-child(3) {
      width: 30%;
    }
  }
}
@media only screen and (max-width: 991px) {
  .ds-footer #block-4 .wp-block-cover h4.wp-block-heading {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .ds-footer {
    padding: 15px 0;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
  }
  .ds-footer .wp-block-columns {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  #menu-in-person-events li,
  #ds-menu-footer-general li {
    flex-basis: 100%;
  }
}

.pagination a.next, .pagination a.prev {
    display: flex;
}

/* << Site Footer */