@tailwind base;
@tailwind components;
@tailwind utilities;

.rating {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  flex-direction: row-reverse;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: 0;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27126.729%27 height=%27126.73%27 fill=%27none%27 stroke=%27%23AEA3F5%27 stroke-width=%274%27%3e%3cpath d=%27M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z%27/%3e%3c/svg%3e');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27126.729%27 height=%27126.73%27%3e%3cpath fill=%27%23AEA3F5%27 d=%27M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z%27/%3e%3c/svg%3e');
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27126.729%27 height=%27126.73%27%3e%3cpath fill=%27%23AEA3F5%27 d=%27M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z%27/%3e%3c/svg%3e');
}

.matched-excellence-icon.rotate-left {
  rotate: calc(15deg * -1);
}

.matched-excellence-icon.rotate-right {
  rotate: 15deg;
}
.bg-account-store {
  min-height: 350px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/assets/accounts/banner-store-cb9996173bb39cfae1a8a479100c2be8892e7ccc7d39818ee06e6abf540cf506.jpg);
  background-image: -webkit-image-set(
    url(/assets/accounts/banner-store-cb9996173bb39cfae1a8a479100c2be8892e7ccc7d39818ee06e6abf540cf506.jpg) 1x,
    url(/assets/accounts/banner-store@2x-1212cfd7594feb7d5cfea7230f5b1758dbfd67af140a5855674dd2278213de0f.jpg) 2x);
  background-image: image-set(
    url(/assets/accounts/banner-store-cb9996173bb39cfae1a8a479100c2be8892e7ccc7d39818ee06e6abf540cf506.jpg) 1x,
    url(/assets/accounts/banner-store@2x-1212cfd7594feb7d5cfea7230f5b1758dbfd67af140a5855674dd2278213de0f.jpg) 2x);
}

.bg-account-search {
  min-height: 350px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/assets/accounts/banner-search-297d514fbabbf9fe1227e7396377194a19c57dc0f0387055ad3eb19c5f06a427.jpg);
  background-image: -webkit-image-set(
    url(/assets/accounts/banner-search-297d514fbabbf9fe1227e7396377194a19c57dc0f0387055ad3eb19c5f06a427.jpg) 1x,
    url(/assets/accounts/banner-search@2x-618fac4db875341fdb89eb5781ac5c40e5cbf9a78fc62311a538c85081fca78c.jpg) 2x);
  background-image: image-set(
    url(/assets/accounts/banner-search-297d514fbabbf9fe1227e7396377194a19c57dc0f0387055ad3eb19c5f06a427.jpg) 1x,
    url(/assets/accounts/banner-search@2x-618fac4db875341fdb89eb5781ac5c40e5cbf9a78fc62311a538c85081fca78c.jpg) 2x);
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

html {
  scroll-behavior: smooth;
}

body {
  user-select: none;
}

html, body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
}

 * {
  font-family: 'articulat-cf';
 }

a {
  color: inherit;
  text-decoration: none;
}

.font-obviously {
  font-family: obviously, 'Arial Black';
}

.blog-content p,
.blog-content ul,
.blog-content ol {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 480px) {
  .blog-content p,
  .blog-content ul,
  .blog-content ol {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 32px;
  }
}

.blog-content ul {
  list-style: disc;
  margin-left: 3rem;
}

.blog-content ol {
  list-style: decimal;
  margin-left: 3rem;
}

.blog-content ul > li,
.blog-content ol > li {
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
}

.blog-content h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.blog-content h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
}

.blog-content h4 {
  color: #c10020 !important;
  font-weight: 500;
  margin-bottom: 1rem;
  font-size: 20px;
  line-height: 32px;
}

.blog-content a {
  color: #7160DC;
  font-weight: 500;
  text-decoration: underline;
}

.blog-content em {
  font-weight: 300;
}

.blog-content .block-img {
  display: flex;
  justify-content: center;
  align-content: center;
}

.legal-content p,
.guidelines-content p {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 1rem;
}

@media screen and (min-width: 480px) {
  .legal-content p,
  .guidelines-content p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 1.5rem;
  }
}

.legal-content h2,
.guidelines-content h2 {
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
}

@media screen and (min-width: 480px) {
  .legal-content h2,
  .guidelines-content h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.legal-content h3,
.guidelines-content h3 {
  margin-bottom: 1rem;
}

.legal-content a,
.guidelines-content a {
  color: #7160DC;
  font-weight: 500;
  text-decoration: underline;
}

.faqs-content .faq-answers p,
.faqs-content .faq-answers ul,
.faqs-content .faq-answers ol {
  font-size: 16px;
  line-height: 25px;
  margin-top: 1rem;
}

@media screen and (min-width: 480px) {
  .faqs-content .faq-answers p,
  .faqs-content .faq-answers ul,
  .faqs-content .faq-answers ol {
    font-size: 20px;
    line-height: 32px;
    margin-top: 1.5rem;
  }
}

.faqs-content .faq-answers ul {
  list-style: disc;
  margin-left: 3rem;
}

.faqs-content .faq-answers ul > li,
.faqs-content .faq-answers ol > li {
  padding-left: 0.5rem;
  margin-bottom: 1rem;
}

.faq.faqs-content a {
  color: #7160DC;
  font-weight: 500;
  text-decoration: underline;
}

.search-container.active:before {
  background-color: rgba(0, 0, 0, .4);
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
}

.search-container.header.active:before {
  z-index: 25;
}

@media (max-width: 712px) {
  #scrollButton {
    padding: 7.5px 10px;
    right: 1rem;
  }
}

.partner-logo path {
  fill: #FFF;
}

.left-arrow.disabled svg,
.right-arrow.disabled svg {
  stroke:  #A6A7A9;
}

.hero-full {
  background-image: url(/assets/hero/full-mobile-b4ace465e885f155d72b57e0dedef9544dc380134b92996feeb572a7b21d84a1.jpg);
  background-image: image-set(url(/assets/hero/full-mobile-768w-2e724470accebd50fc3b722256f165d596ce29d8c22df5006d5cbdd3f56c32ba.jpg) 1x, url(/assets/hero/full-mobile-768w@2x-b4ace465e885f155d72b57e0dedef9544dc380134b92996feeb572a7b21d84a1.jpg) 2x);
}

@media (min-width: 768px) {
  .hero-full {
    background-image: url(/assets/hero/full-94981bc951a5e5a6eea4618dbf229e7d4bad973179a6fdc27fc871bce5caf36e.jpg);
    background-image: image-set(url(/assets/hero/full-840w-e20358c56993fc5e813cbb1d18543ce9592f5cb169341b703125132436bd0b51.jpg) 1x, url(/assets/hero/full-840w@2x-94981bc951a5e5a6eea4618dbf229e7d4bad973179a6fdc27fc871bce5caf36e.jpg) 2x);
    background-size: auto 100%;
    background-color: #90774C;
  }
}

.hero-mini {
  background-image: url(/assets/hero/mini-a9e40f5866decef3c964b14eed9da492f047bc4a421ceb2d8a2a33187403adba.jpg);
}

@media (max-width: 1536px) {
  .hero-mini {
    background-image: url(/assets/hero/mini-1536w-e51649e2941a30f294e109178f7f3b4f82997f1dc5f4d017107463a1f64becd1.jpg);
    background-image: image-set(url(/assets/hero/mini-1536w-e51649e2941a30f294e109178f7f3b4f82997f1dc5f4d017107463a1f64becd1.jpg) 1x, url(/assets/hero/mini-1536w@2x-bb527c31146851569d370505d9b23c9a820ea248ee3c18f24fbdbfbead730d1d.jpg) 2x);
    background-image: -webkit-image-set(url(/assets/hero/mini-1536w-e51649e2941a30f294e109178f7f3b4f82997f1dc5f4d017107463a1f64becd1.jpg) 1x, url(/assets/hero/mini-1536w@2x-bb527c31146851569d370505d9b23c9a820ea248ee3c18f24fbdbfbead730d1d.jpg) 2x);
  }
}

@media (max-width: 1280px) {
  .hero-mini {
    background-image: url(/assets/hero/mini-1280w-8be7f8018e5622ba3805401dcb883f01e78f8008c1df5c177b75da0dcda2e7f5.jpg);
    background-image: image-set(url(/assets/hero/mini-1280w-8be7f8018e5622ba3805401dcb883f01e78f8008c1df5c177b75da0dcda2e7f5.jpg) 1x, url(/assets/hero/mini-1280w@2x-6e4c3b3264a53cb68373112f045c1c29a916cf602390df8878431ee3bcd0ad9a.jpg) 2x);
    background-image: -webkit-image-set(url(/assets/hero/mini-1280w-8be7f8018e5622ba3805401dcb883f01e78f8008c1df5c177b75da0dcda2e7f5.jpg) 1x, url(/assets/hero/mini-1280w@2x-6e4c3b3264a53cb68373112f045c1c29a916cf602390df8878431ee3bcd0ad9a.jpg) 2x);
  }
}

@media (max-width: 1024px) {
  .hero-mini {
    background-image: url(/assets/hero/mini-1024w-885c8ba68cb09e483cc002a24aa4719ba7935ca5cf43811b7a635dea235fe482.jpg);
    background-image: image-set(url(/assets/hero/mini-1024w-885c8ba68cb09e483cc002a24aa4719ba7935ca5cf43811b7a635dea235fe482.jpg) 1x, url(/assets/hero/mini-1024w@2x-7126e8428fe38aa0e86ca34ccce520644a2edbe1385f6766530f237cf4ac5d7d.jpg) 2x);
    background-image: -webkit-image-set(url(/assets/hero/mini-1024w-885c8ba68cb09e483cc002a24aa4719ba7935ca5cf43811b7a635dea235fe482.jpg) 1x, url(/assets/hero/mini-1024w@2x-7126e8428fe38aa0e86ca34ccce520644a2edbe1385f6766530f237cf4ac5d7d.jpg) 2x);
  }
}

@media (max-width: 768px) {
  .hero-mini {
    background-image: url(/assets/hero/mini-768w-3f16c738dce8f441ba04d4ca90a76a7154e08363e41fd4829e5f66f893202976.jpg);
    background-image: image-set(url(/assets/hero/mini-768w-3f16c738dce8f441ba04d4ca90a76a7154e08363e41fd4829e5f66f893202976.jpg) 1x, url(/assets/hero/mini-768w@2x-1af64b7f4b6f5cc4e6be432f28194c6a84bb8977fc402a1b7727d3c82ad3e6a8.jpg) 2x);
    background-image: -webkit-image-set(url(/assets/hero/mini-768w-3f16c738dce8f441ba04d4ca90a76a7154e08363e41fd4829e5f66f893202976.jpg) 1x, url(/assets/hero/mini-768w@2x-1af64b7f4b6f5cc4e6be432f28194c6a84bb8977fc402a1b7727d3c82ad3e6a8.jpg) 2x);
  }
}

@media (max-width: 640px) {
  .hero-mini {
    background-image: url(/assets/hero/mini-640w-39828df10dc4cba5505aea53bff505a4a7529465e131f338bf83d06205253978.jpg);
    background-image: image-set(url(/assets/hero/mini-640w-39828df10dc4cba5505aea53bff505a4a7529465e131f338bf83d06205253978.jpg) 1x, url(/assets/hero/mini-640w@2x-ba9447da9abb8e3a73ff0bc1e18e2dc7d28e0e6afe2863191bd3ac9c5e62f1c0.jpg) 2x);
    background-image: -webkit-image-set(url(/assets/hero/mini-640w-39828df10dc4cba5505aea53bff505a4a7529465e131f338bf83d06205253978.jpg) 1x, url(/assets/hero/mini-640w@2x-ba9447da9abb8e3a73ff0bc1e18e2dc7d28e0e6afe2863191bd3ac9c5e62f1c0.jpg) 2x);
  }
}

@media (max-height: 800px) {
  .modal-wrapper {
    max-width: 600px;
  }
}

.a2a_kit a:hover svg {
  fill: #AEA3F5;
}

.decorated-link {
  display: inline-block;
  position: relative;
  padding: 0.3em 0;
  overflow: hidden;
}

.decorated-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2em;
  background-color: #AEA3F5;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
  transform: translate3d(-100%, 0, 0);
}

.decorated-link:hover::after,
.decorated-link:focus::after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.hide-scrollbars::-webkit-scrollbar {
  display: none;
}

.hide-scrollbars {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.right-arrow,
.left-arrow {
  display: none;
}

@media (hover: hover) {
  .right-arrow,
  .left-arrow {
    display: block;
  }
}

[data-oembed] iframe {
  width: 100%;
  height:unset;
  aspect-ratio: 16 / 9;
}


.guidelines-content ul {
  list-style: disc;
  margin-left: 3rem;
}

.guidelines-content ol {
  list-style: decimal;
  margin-left: 3rem;
}

.guidelines-content ul > li,
.guidelines-content ol > li {
  font-size: 20px;
  line-height: 32px;
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
}

.matched-excellence .small {
  width: 4rem;

  .matched--tooltip {
    top: 3.5rem;
  }
}

.matched-excellence .medium {
  width: 7rem;

  .matched--tooltip {
    top: 6.5rem;
  }
}

.matched-excellence .large {
  width: 9rem;

  .matched--tooltip {
    top: 8.5rem;
  }
}

.dropdown-button {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  width: 200px;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.dropdown-menu {
  position: absolute;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: none;
  margin-top: 5px;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-menu-item {
  padding: 10px;
  cursor: pointer;
}

.dropdown-menu-item:hover {
  background-color: #f9f9f9;
}