.handler-marquee {
  position: relative;
  overflow: hidden;
  --offset: 20vw;
  --move-initial: 0%;
  --move-final: -100%;
  border-top: 1px solid #D6A74B;
  border-bottom: 1px solid #D6A74B;
  margin-bottom: 2rem; }
  .handler-marquee .marquee-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-animation: marquee 28s linear infinite;
    animation: marquee 28s linear infinite; }
  .handler-marquee h2 {
    margin: 0;
    padding: 2rem 1.75rem;
    white-space: nowrap; }
    @media (min-width: 55em) {
      .handler-marquee h2 {
        padding: 4rem 1.75rem; } }

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0; }
  3% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; } }

@keyframes marquee {
  0% {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0; }
  3% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; } }

/*# sourceMappingURL=maps/handler-marquee.css.map */