@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700;800&display=swap);
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

:focus {
  outline: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none;
  padding: 0; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

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

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type='search'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type='search'] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

html,
button,
input,
select,
textarea {
  color: #222; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  vertical-align: middle; }

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

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

@-ms-viewport {
  width: device-width; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

.u-border-all {
  border: 0.0625rem solid #e5e6e6; }

.u-border-top {
  border-top: 0.0625rem solid #e5e6e6; }

.u-border-right {
  border-right: 0.0625rem solid #e5e6e6; }

.u-border-bottom {
  border-bottom: 0.0625rem solid #e5e6e6; }

.u-border-left {
  border-left: 0.0625rem solid #e5e6e6; }

.u-width-8 {
  width: 8%; }

.u-width-16 {
  width: 16%; }

.u-width-25 {
  width: 25%; }

.u-width-33 {
  width: 33%; }

.u-width-41 {
  width: 41%; }

.u-width-50 {
  width: 50%; }

.u-width-58 {
  width: 58%; }

.u-width-66 {
  width: 66%; }

.u-width-75 {
  width: 75%; }

.u-width-83 {
  width: 83%; }

.u-width-91 {
  width: 91%; }

.u-width-100 {
  width: 100%; }

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

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

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

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

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

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

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

.u-pl-0 {
  padding-left: 0px !important; }

.u-mr-0 {
  margin-right: 0px !important; }

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

.u-m-2 {
  margin: 2px !important; }

.u-p-2 {
  padding: 2px !important; }

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

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

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

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

.u-ml-2 {
  margin-left: 2px !important; }

.u-pl-2 {
  padding-left: 2px !important; }

.u-mr-2 {
  margin-right: 2px !important; }

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

.u-m-4 {
  margin: 4px !important; }

.u-p-4 {
  padding: 4px !important; }

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

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

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

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

.u-ml-4 {
  margin-left: 4px !important; }

.u-pl-4 {
  padding-left: 4px !important; }

.u-mr-4 {
  margin-right: 4px !important; }

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

.u-m-6 {
  margin: 6px !important; }

.u-p-6 {
  padding: 6px !important; }

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

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

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

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

.u-ml-6 {
  margin-left: 6px !important; }

.u-pl-6 {
  padding-left: 6px !important; }

.u-mr-6 {
  margin-right: 6px !important; }

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

.u-m-8 {
  margin: 8px !important; }

.u-p-8 {
  padding: 8px !important; }

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

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

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

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

.u-ml-8 {
  margin-left: 8px !important; }

.u-pl-8 {
  padding-left: 8px !important; }

.u-mr-8 {
  margin-right: 8px !important; }

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

.u-m-10 {
  margin: 10px !important; }

.u-p-10 {
  padding: 10px !important; }

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

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

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

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

.u-ml-10 {
  margin-left: 10px !important; }

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

.u-mr-10 {
  margin-right: 10px !important; }

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

.u-m-12 {
  margin: 12px !important; }

.u-p-12 {
  padding: 12px !important; }

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

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

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

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

.u-ml-12 {
  margin-left: 12px !important; }

.u-pl-12 {
  padding-left: 12px !important; }

.u-mr-12 {
  margin-right: 12px !important; }

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

.u-m-14 {
  margin: 14px !important; }

.u-p-14 {
  padding: 14px !important; }

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

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

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

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

.u-ml-14 {
  margin-left: 14px !important; }

.u-pl-14 {
  padding-left: 14px !important; }

.u-mr-14 {
  margin-right: 14px !important; }

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

.u-m-16 {
  margin: 16px !important; }

.u-p-16 {
  padding: 16px !important; }

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

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

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

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

.u-ml-16 {
  margin-left: 16px !important; }

.u-pl-16 {
  padding-left: 16px !important; }

.u-mr-16 {
  margin-right: 16px !important; }

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

.u-m-18 {
  margin: 18px !important; }

.u-p-18 {
  padding: 18px !important; }

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

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

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

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

.u-ml-18 {
  margin-left: 18px !important; }

.u-pl-18 {
  padding-left: 18px !important; }

.u-mr-18 {
  margin-right: 18px !important; }

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

.u-m-20 {
  margin: 20px !important; }

.u-p-20 {
  padding: 20px !important; }

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

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

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

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

.u-ml-20 {
  margin-left: 20px !important; }

.u-pl-20 {
  padding-left: 20px !important; }

.u-mr-20 {
  margin-right: 20px !important; }

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

.u-m-22 {
  margin: 22px !important; }

.u-p-22 {
  padding: 22px !important; }

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

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

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

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

.u-ml-22 {
  margin-left: 22px !important; }

.u-pl-22 {
  padding-left: 22px !important; }

.u-mr-22 {
  margin-right: 22px !important; }

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

.u-m-24 {
  margin: 24px !important; }

.u-p-24 {
  padding: 24px !important; }

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

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

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

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

.u-ml-24 {
  margin-left: 24px !important; }

.u-pl-24 {
  padding-left: 24px !important; }

.u-mr-24 {
  margin-right: 24px !important; }

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

.u-m-26 {
  margin: 26px !important; }

.u-p-26 {
  padding: 26px !important; }

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

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

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

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

.u-ml-26 {
  margin-left: 26px !important; }

.u-pl-26 {
  padding-left: 26px !important; }

.u-mr-26 {
  margin-right: 26px !important; }

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

.u-m-28 {
  margin: 28px !important; }

.u-p-28 {
  padding: 28px !important; }

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

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

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

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

.u-ml-28 {
  margin-left: 28px !important; }

.u-pl-28 {
  padding-left: 28px !important; }

.u-mr-28 {
  margin-right: 28px !important; }

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

.u-m-30 {
  margin: 30px !important; }

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

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

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

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

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

.u-ml-30 {
  margin-left: 30px !important; }

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

.u-mr-30 {
  margin-right: 30px !important; }

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

.u-m-32 {
  margin: 32px !important; }

.u-p-32 {
  padding: 32px !important; }

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

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

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

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

.u-ml-32 {
  margin-left: 32px !important; }

.u-pl-32 {
  padding-left: 32px !important; }

.u-mr-32 {
  margin-right: 32px !important; }

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

.u-m-34 {
  margin: 34px !important; }

.u-p-34 {
  padding: 34px !important; }

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

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

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

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

.u-ml-34 {
  margin-left: 34px !important; }

.u-pl-34 {
  padding-left: 34px !important; }

.u-mr-34 {
  margin-right: 34px !important; }

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

.u-m-36 {
  margin: 36px !important; }

.u-p-36 {
  padding: 36px !important; }

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

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

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

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

.u-ml-36 {
  margin-left: 36px !important; }

.u-pl-36 {
  padding-left: 36px !important; }

.u-mr-36 {
  margin-right: 36px !important; }

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

.u-m-38 {
  margin: 38px !important; }

.u-p-38 {
  padding: 38px !important; }

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

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

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

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

.u-ml-38 {
  margin-left: 38px !important; }

.u-pl-38 {
  padding-left: 38px !important; }

.u-mr-38 {
  margin-right: 38px !important; }

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

.u-m-40 {
  margin: 40px !important; }

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

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

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

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

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

.u-ml-40 {
  margin-left: 40px !important; }

.u-pl-40 {
  padding-left: 40px !important; }

.u-mr-40 {
  margin-right: 40px !important; }

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

.u-textalign-left {
  text-align: left !important; }

.u-textalign-right {
  text-align: right !important; }

.u-textalign-center {
  text-align: center !important; }

.u-textalign-justify {
  text-align: justify !important; }

.u-text-right {
  text-align: right; }

.u-whitespace-nowrap,
.no-wrap,
.u-nowrap,
.u-text-nowrap {
  white-space: nowrap; }

.u-noscroll {
  overflow-y: hidden; }

.u-text-bold {
  font-weight: bold; }

.u-text-italic {
  font-style: italic; }

@media all and (min-width: 1101px) and (max-width: 4000px) {
  .u-hide-desktop {
    display: none !important; } }

@media all and (min-width: 577px) and (max-width: 4000px) {
  .u-hide-desktop-and-tablet {
    display: none !important; } }

@media all and (min-width: 577px) and (max-width: 1100px) {
  .u-hide-tablet-only {
    display: none !important; } }

@media all and (min-width: 0px) and (max-width: 1100px) {
  .u-hide-tablet-and-mobile {
    display: none !important; } }

@media all and (max-width: 576px) {
  .u-hide-mobile-only {
    display: none !important; } }

.u-float-left {
  float: left !important; }

.u-float-right {
  float: right !important; }

.u-float-none {
  float: none !important; }

br {
  display: block;
  width: 0rem;
  height: 1rem;
  content: ' '; }

.u-divider-100 {
  border-width: 0 0 0.0625rem 0;
  border-bottom: 0.0625rem solid #e5e6e6;
  margin: 1rem auto;
  padding: 0 0rem;
  width: 100vw;
  max-width: 100vw; }

hr.u-divider-flex {
  border-width: 0 0 0.0625rem 0;
  border-bottom: 0.0625rem solid #e5e6e6;
  width: 100%;
  max-width: 73.81rem;
  margin: 1rem auto;
  padding: 0; }

hr.u-basic-hr {
  border: none;
  height: 0.0625rem;
  color: #e5e6e6;
  background-color: #e5e6e6;
  margin: 1rem 0;
  padding: 0; }

body {
  font-family: 'Nunito Sans', sans-serif;
  font-style: normal;
  color: #646768;
  line-height: 1.5em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #0c0d0d; }

h1 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 800;
  margin: 0 0 1rem 0; }
  h1.headline {
    font-size: 30px;
    line-height: 36px;
    word-spacing: -0.02em;
    letter-spacing: -0.01em; }

h2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  margin: 0 0 1rem 0; }

h3 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 800;
  margin: 0 0 1rem 0; }

h4 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 800;
  margin: 0 0 1rem 0; }

p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
  word-break: break-word;
  color: #646768; }
  p a {
    color: #544b91;
    text-decoration: underline;
    font-weight: 700; }
    p a:hover {
      text-decoration: underline; }
  p.lead {
    font-size: 18px;
    line-height: 24px; }
  p.small {
    font-size: 14px;
    line-height: 20px; }
  p.xsmall {
    font-size: 12px;
    line-height: 18px; }
    p.xsmall.subtitle {
      text-transform: uppercase;
      font-size: 11px;
      line-height: 14px;
      word-spacing: -0.02em;
      letter-spacing: 0.15em;
      font-weight: 700;
      color: #979a9b; }

.bold,
strong {
  font-weight: 700; }

.xbold,
strong.xbold {
  font-weight: 800; }

button {
  font-family: 'Nunito Sans', sans-serif; }

html {
  height: 100%;
  width: 100%; }
  html #product-info,
  html #overview,
  html #top-recommended,
  html #user-rating,
  html #best-value,
  html #product-catalog,
  html #frontrunners,
  html #buyers-guide {
    scroll-margin-top: 112px; }
  @media (max-width: 768px) {
    html #product-info,
    html #overview,
    html #top-recommended,
    html #user-rating,
    html #best-value,
    html #product-catalog,
    html #frontrunners,
    html #buyers-guide {
      scroll-margin-top: 76px; } }

body {
  background: #f7f7f7;
  color: #7d8182;
  position: relative;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal; }
  body section#main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    body section#main main {
      width: 100%;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      padding: 2.5rem; }
      @media (max-width: 768px) {
        body section#main main {
          padding: 1rem;
          overflow: hidden; } }

section#product-catalog {
  padding-bottom: 6rem; }
  section#product-catalog .product-catalog__title {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto; }
  section#product-catalog .filters,
  section#product-catalog .products {
    width: 100%;
    margin: 0 auto; }

.filters {
  background: white;
  border-bottom: 1px solid #dee7e7;
  padding: 1.5rem; }
  .filters span.filters-title {
    color: #4b4d4e; }
  .filters .wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
            flex-flow: nowrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .filters .wrapper > .column {
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }

.overview__breadcrumbs {
  margin-bottom: 1.5rem; }
  .overview__breadcrumbs .wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-flow: nowrap;
        -ms-flex-flow: nowrap;
            flex-flow: nowrap;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    margin: 0; }
    .overview__breadcrumbs .wrapper > .column {
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    .overview__breadcrumbs .wrapper > * {
      padding: 0; }
    .overview__breadcrumbs .wrapper .overview__breadcrumbs--crumb {
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      position: relative; }
      .overview__breadcrumbs .wrapper .overview__breadcrumbs--crumb::after {
        content: '';
        width: .75rem;
        height: .75rem;
        display: block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ctitle%3Eicon%3C/title%3E%3Crect width='16' height='16' fill='%23fff' opacity='0'/%3E%3Crect x='0.5' y='7.25' width='15' height='1.5' transform='translate(-2.93 10.93) rotate(-60)' fill='%23595458'/%3E%3C/svg%3E");
        background-size: contain;
        position: absolute;
        right: 4px;
        top: 3px; }
      .overview__breadcrumbs .wrapper .overview__breadcrumbs--crumb:last-child::after {
        display: none; }
      .overview__breadcrumbs .wrapper .overview__breadcrumbs--crumb p {
        padding-right: 1.25rem; }
        .overview__breadcrumbs .wrapper .overview__breadcrumbs--crumb p a {
          color: #7d8182;
          text-decoration: none;
          font-weight: 400; }
          .overview__breadcrumbs .wrapper .overview__breadcrumbs--crumb p a:hover {
            color: #323434; }

.button {
  background-color: #6b61ae;
  border: 1px solid #6b61ae;
  color: white;
  border-radius: 24px;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  display: inline-block; }
  .button:hover {
    background-color: #544b91;
    border-color: #544b91;
    cursor: pointer; }
  .button.lr {
    padding: 10px 28px;
    font-size: 16px;
    line-height: 24px; }
  .button.md {
    padding: 8px 24px;
    font-size: 14px;
    line-height: 20px; }
  .button.sm {
    padding: 5px 16px;
    font-size: 12px;
    line-height: 18px; }
  .button.secondary {
    background-color: white;
    border: 1px solid #544b91;
    color: #544b91; }
    .button.secondary input.checkbox {
      margin-right: 8px; }
    .button.secondary:hover {
      background-color: #f2f2f3;
      border-color: #40396f;
      cursor: pointer; }
  .button.disabled {
    background-color: #e5e6e6;
    border-color: #e5e6e6; }
    .button.disabled:hover {
      background-color: #e5e6e6;
      border-color: #e5e6e6;
      cursor: not-allowed; }

.content-card {
  background-color: white;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 2px 4px rgba(102, 102, 102, 0.15);
          box-shadow: 0 2px 4px rgba(102, 102, 102, 0.15);
  padding: 1rem;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms;
  color: #7d8182;
  border: 1px solid #e5e6e6; }
  .content-card:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    -webkit-box-shadow: 0 4px 12px rgba(102, 102, 102, 0.15);
            box-shadow: 0 4px 12px rgba(102, 102, 102, 0.15);
    cursor: pointer; }

.content-card .product-logo {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 68px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-bottom: 1px solid #e5e6e6; }
  .content-card .product-logo img {
    height: 48px;
    width: auto;
    max-width: 180px; }

.content-card .product-name {
  margin: 1rem 0 0.25rem 0;
  color: #191a1a; }

div.chip {
  background-color: white;
  border-radius: 24px;
  border: 1px solid #b1b3b4;
  color: #191a1a;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: .5rem .25rem 0 0;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  white-space: nowrap; }
  div.chip:hover {
    background-color: #f2f2f3;
    cursor: pointer; }

html {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100%; }
  @media (max-width: 576px) {
    html {
      height: -webkit-fill-available; } }
  html > body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    width: 100%; }
    html > body > div#__next {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 1 1;
          -ms-flex: 1 1;
              flex: 1 1;
      width: 100%; }
      html > body > div#__next > div {
        -webkit-flex: 1 1;
            -ms-flex: 1 1;
                flex: 1 1; }