@charset "UTF-8";
/* scss/settings/_reset.scss */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}

/* Set a consistent line-height and font-size */
html {
  font-size: 100%; /* 16px default */
  line-height: 1.5;
  -webkit-text-size-adjust: 100%; /* Prevents font scaling in iOS */
  word-break: break-word;
}

/* Remove list styles */
ul, menu {
  list-style: none;
}

/* Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  max-width: 75ch;
  text-wrap: pretty;
}

/* Avoid long headings */
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

/* Remove hr styles */
hr {
  margin: 0;
  border: none;
  border-top: 1px solid #e0e0e0;
}

/* Remove quotes from blockquote and q */
blockquote, q {
  quotes: none;
}

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

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers */
sub,
sup {
  font-size: 50%;
  vertical-align: baseline;
  display: inline-flex;
  justify-content: flex-start;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

main {
  display: block;
}

/* Reset table elements */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

th, td {
  text-align: left;
  vertical-align: top;
  padding: 0;
  font-weight: normal;
}

/* Reset form elements */
input, button, textarea, select {
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  color: inherit;
  background: transparent;
  line-height: inherit;
  cursor: pointer;
  accent-color: var(--color-cta);
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

button {
  cursor: pointer;
  background-color: transparent;
  padding: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

select {
  -moz-appearance: none; /* Firefox */
  -webkit-appearance: none; /* Safari */
  appearance: none;
}

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

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/* Set a uniform appearance for all elements */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Remove text decoration and color inheritance for links */
a {
  text-decoration: none;
  color: inherit;
}

/* Set a basic style for focus states */
a:focus {
  outline: none;
}

/* Ensure media elements fit the container */
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
}

/* Accessible focus states */
/* Hide content from assistive technology (screen readers) */
/* Reset details element */
details {
  display: block;
}

/* Set default cursor for disabled elements */
[disabled] {
  cursor: not-allowed;
}

/* Remove default scrollbar width in Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #888 #fff;
}

/* Custom scrollbar for WebKit browsers */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-track {
  background-color: #fff;
}

/* Reset flex and grid gaps to be consistent */
:where(:not(:defined)) {
  display: block;
}

.debug {
  border: var(--border-size-1) dashed var(--color-debug);
}

/*--------------------------------------------------------------
## Headings
--------------------------------------------------------------*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-7);
  margin-bottom: var(--space-vertical);
  display: block;
}

h1, .h1 {
  font-size: var(--font-size-4);
  line-height: var(--font-lineheight-0);
  letter-spacing: -0.05rem;
  margin-top: var(--space-vertical);
}

h2, .h2 {
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-7);
  line-height: var(--font-lineheight-1);
  letter-spacing: -0.05rem;
  text-wrap: balance;
}

h3, .h3 {
  font-size: var(--font-size-2);
  line-height: var(--font-lineheight-0);
}

h4, .h4 {
  font-size: var(--font-size-1);
  font-weight: var(--font-weight-6);
  line-height: var(--font-lineheight-1);
}

h5, .h5 {
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-6);
  line-height: var(--font-lineheight-3);
}

h6, .h6 {
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-6);
  text-transform: uppercase;
  letter-spacing: var(--font-letterspacing-3);
}

/*--------------------------------------------------------------
## Text
--------------------------------------------------------------*/
html, body {
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-4);
  line-height: var(--font-lineheight-2);
  background-color: var(--color-section-bg);
  color: var(--color-base-text);
  height: 100%;
}

p {
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-4);
  margin: var(--space-vertical) 0 var(--space-vertical) 0;
  max-width: 40rem;
}

em {
  font-style: normal;
}

mark {
  background-color: var(--color-cta-tint);
  padding: 0 0.25rem;
}

hr {
  width: 100%;
  margin: var(--space-m) 0;
  border-top: 1px solid var(--color-primary-tint-2);
}

br {
  line-height: 0.5;
}

small {
  display: block;
  font-size: var(--font-size--2);
  line-height: var(--font-lineheight-1);
  color: var(--color-primary-tint-7);
  margin: 0 0 var(--space-vertical) 0;
}

s {
  opacity: 0.8;
}

.pc_subtitle {
  display: block;
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-6);
  text-transform: uppercase;
  letter-spacing: var(--font-letterspacing-3);
  color: var(--color-primary-tint-7);
  margin-bottom: var(--space-2xs);
}

h2 span,
h3 span,
h4 span {
  color: var(--color-primary-tint-6);
  font-weight: var(--font-weight-4);
  font-size: 85%;
  display: block;
}

h5 span {
  color: var(--color-primary-tint-6);
  font-weight: var(--font-weight-4);
  font-size: 85%;
  display: block;
}

.pc_text-tint {
  color: var(--color-primary-tint-6);
}

.pc_text--small {
  font-size: var(--font-size--1);
}

/*--------------------------------------------------------------
## Link
--------------------------------------------------------------*/
a {
  text-decoration: none;
  color: var(--color-cta);
  border-bottom-color: var(--color-cta);
  border-bottom-style: solid;
  border-bottom-width: var(--border-size-2);
  cursor: pointer;
  height: max-content;
}

a.pc_logo {
  border: 0;
}

a:active,
a:hover {
  outline: 0;
  color: inherit;
  text-decoration: none;
  opacity: 0.8;
}

:focus {
  outline: none;
}

a[href^="tel:"] {
  text-decoration: none;
}

/*--------------------------------------------------------------
## List
--------------------------------------------------------------*/
ul, ol {
  margin-block: var(--space-vertical);
  line-height: var(--line-height-1);
  list-style-position: outside;
  padding: 0;
}
ul ul {
  margin-top: 0;
  margin-left: var(--space-m);
}

.pc_list {
  list-style: none;
  padding-left: 0;
}
.pc_list li {
  display: flex;
  margin-left: 0;
  padding-left: 0;
  margin-block: var(--space-vertical);
  gap: 0;
}
.pc_list li a {
  display: inline-block;
  width: auto;
}
.pc_list li p {
  margin: 0;
  padding-block: 0;
}
.pc_list li:before {
  content: "";
  display: block;
  margin-right: var(--space-horizontal);
  width: var(--font-size-2);
  min-width: var(--font-size-2);
  height: var(--font-size-2);
  background-size: var(--font-size-2);
}
.pc_list .pc_notick:before {
  background-image: none;
}

.pc_list--small {
  font-size: var(--font-size--1);
}
.pc_list--small li {
  margin-block: var(--space-2xs);
}
.pc_list--small li:before {
  width: var(--font-size-1);
  min-width: var(--font-size-1);
  height: var(--font-size-1);
  background-size: var(--font-size-1);
}

.pc_list--tick li:before,
.pc_list--usps li:before {
  background-image: var(--icon-circle-tick);
  background-repeat: no-repeat;
}

.pc_list--cross li:before {
  background-image: var(--icon-circle-cross);
  background-repeat: no-repeat;
}

.pc_list--bullet li:before {
  content: "•";
  font-size: var(--font-size-1);
  color: var(--color-tertiary);
}

.pc_list--lines li {
  border-bottom: solid var(--color-primary-tint-15) var(--border-size-1);
  padding-bottom: var(--space-xs);
}
.pc_list--lines li:before {
  display: none;
}

.pc_list--usps li:before {
  background-image: var(--icon-circle-tick-solid);
  background-repeat: no-repeat;
}
.pc_list--usps strong {
  display: block;
  font-size: var(--font-size-1);
}
.pc_list--usps li + li {
  padding-block: var(--space-vertical);
  margin: 0;
  border-top: solid var(--border-size-1) var(--color-primary-tint-15);
}

.pc_list--steps {
  display: block;
}
.pc_list--steps strong {
  display: block;
  font-size: var(--font-size-1);
}
.pc_list--steps li + li {
  padding-block: var(--space-vertical);
  margin: 0;
  border-top: solid var(--border-size-1) var(--color-primary-tint-15);
}

ol {
  list-style: none;
  counter-reset: numbers;
  padding-left: var(--space-m);
  font-size: var(--font-size--1);
  max-width: 35rem;
}

ol li + li {
  padding-block: var(--space-vertical);
  margin: 0;
  border-top: solid var(--border-size-1) var(--color-primary-tint-15);
}

ol li {
  counter-increment: numbers;
  margin-bottom: var(--space-3xs);
  padding-left: var(--space-xs);
}

ol li li li {
  padding-left: var(--space-l);
}

ol > li {
  position: relative;
}

ol li:before {
  content: counters(numbers, ".") " ";
  margin-right: var(--space-m);
  position: absolute;
  left: -1.5em;
  font-weight: var(--font-weight-6);
}

dl {
  width: 100%;
}
dl div {
  align-self: flex-start;
  display: flex;
  flex-wrap: wrap;
  border-bottom: var(--border-size-1) var(--color-primary-tint-15) solid;
  padding-bottom: var(--space-vertical);
  margin-block: var(--space-vertical);
}
dl div:last-child {
  border-bottom: none;
}
dl dt {
  margin-right: var(--space-l);
  flex: 1;
}
dl dt i {
  color: var(--color-primary);
  font-size: var(--font-size-3);
}
dl dd {
  flex: 1;
  font-weight: var(--font-weight-6);
}
dl i {
  color: var(--color-primary-tint-6);
  display: block;
}

/*--------------------------------------------------------------
## Custom
--------------------------------------------------------------*/
h1 + p {
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
  margin-bottom: var(--space-m);
  opacity: 1;
}

.pc_intro {
  font-size: var(--font-size-1);
  line-height: var(--line-height-1);
}

.pc_align--center > * {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.pc_price {
  font-size: var(--font-size-4);
  line-height: 1;
  font-weight: var(--font-weight-7);
  color: var(--color-cta);
}
.pc_price i {
  display: block;
  font-size: var(--font-size-0);
}

.pc_terms-doc > * {
  font-size: var(--font-size--1);
}

.pc_terms-doc .pc_list li {
  display: block;
}
.pc_terms-doc ul {
  list-style-type: disc;
}

code {
  font-size: var(--font-size-1);
  letter-spacing: 0.1rem;
  border: 1px dashed rgba(255, 255, 255, 0.4);
  width: max-content;
  padding: var(--space-vertical);
}
code i {
  opacity: 0.4;
}

/*--------------------------------------------------------------
## Button
--------------------------------------------------------------*/
button,
input[type=submit],
input[type=reset],
input[type=button],
a[role=button] {
  --font-weight: 600;
}

.pc_button,
a.pc_button {
  padding: var(--space-s) var(--space-m) var(--space-s) var(--space-m);
  margin: 0 0 var(--space-vertical) 0;
  border-radius: var(--border-radius-secondary);
  box-shadow: var(--shadow-big);
  line-height: 1;
  display: inline-flex;
  text-decoration: none;
  text-wrap: balance;
  -webkit-appearance: none;
  cursor: pointer;
  border-width: 0;
  -webkit-transition: background-color 0.35s, border-color 0.35s, color 0.35s;
  transition: background-color 0.35s, border-color 0.35s, color 0.35s;
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-6);
  justify-content: center;
}

.pc_button + .pc_button,
a.pc_button + a.pc_button {
  margin-left: var(--space-s);
}

.pc_button:hover,
a.pc_button:hover {
  color: inherit;
  opacity: 1;
}

.pc_button:focus,
a.pc_button:focus {
  border-width: 0;
  outline: 0;
}

.pc_button:active,
a.pc_button:active {
  opacity: 0.8;
}

a.pc_button--small {
  font-size: var(--font-size--1) !important;
  padding: var(--space-xs) var(--space-s) var(--space-xs) var(--space-s);
}

.pc_button--full {
  min-width: 100%;
  justify-content: center;
}

/*--------------------------------------------------------------
## Button - Primary
--------------------------------------------------------------*/
.pc_button--primary,
a.pc_button--primary {
  background-color: var(--color-cta);
  outline: solid var(--color-cta) var(--border-size-2);
  border: 0;
  font-size: var(--font-size-1);
  font-weight: var(--font-weight-7);
}

.pc_button--primary:hover,
a.pc_button--primary:hover {
  background-color: var(--color-primary);
  outline-color: var(--color-primary);
  color: #fff;
}

.pc_button--primary:focus,
a.pc_button--primary:focus {
  outline-width: 0;
  outline-style: none;
}

/*--------------------------------------------------------------
## Button - Secondary
--------------------------------------------------------------*/
.pc_button--secondary,
a.pc_button--secondary {
  background-color: var(--color-primary);
  color: #fff;
}

.pc_button--secondary:hover,
a.pc_button--secondary:hover {
  opacity: 0.9;
  color: #fff;
}

.pc_button--secondary:focus,
a.pc_button--secondary:focus {
  outline-width: 0;
  outline-style: none;
}

/*--------------------------------------------------------------
## Button - Contrast
--------------------------------------------------------------*/
.pc_button--contrast,
a.pc_button--contrast {
  font-size: var(--font-size-0);
  outline: solid var(--color-cta) var(--border-size-2);
  color: var(--color-cta);
}

.pc_button--contrast:hover,
a.pc_button--contrast:hover {
  opacity: 0.9;
  outline-color: var(--color-primary);
  color: inherit;
}

.pc_button--contrast:focus,
a.pc_button--contrast:focus {
  outline-width: 0;
  outline-style: none;
}

/*--------------------------------------------------------------
## Sections
--------------------------------------------------------------*/
.pc_section {
  background-color: var(--color-section-bg);
}

.pc_container {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: var(--space-xl);
  padding: var(--space-horizontal);
}
.pc_column {
  flex: 1;
}

/*--------------------------------------------------------------
## Grid
--------------------------------------------------------------*/
.pc_new-row {
  flex-basis: 100%;
  height: 0;
}

/*
  AUTO GRID
  Set the minimum item size with `minmax(var(--min)` gives you
  a fully responsive grid with no media queries. Largest Screen base column widths:
*/
.pc_autogrid {
  --gutter: 0;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  grid-auto-flow: dense;
}

@media (min-width: 768px) {
  .pc_autogrid {
    --gutter: var(--space-l);
  }
  .pc_columns--4 {
    --min: 10rem;
  }
  .pc_columns--3 {
    --min: 18rem;
  }
  .pc_columns--2 {
    --min: 20rem;
    flex-direction: column;
  }
}
/*--------------------------------------------------------------
## Hero
--------------------------------------------------------------*/
.pc_hero {
  margin-bottom: 0;
}
.pc_hero .pc_container {
  background-color: var(--color-primary);
  color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.pc_hero .pc_column {
  background-color: transparent;
}
.pc_hero .pc_imagebgtext {
  margin-bottom: 0 !important;
}
.pc_hero img {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.pc_subhero .pc_container {
  -webkit-box-shadow: inset 0px 10px 10px -5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 10px 10px -5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 10px 10px -5px rgba(0, 0, 0, 0.3);
  background-color: var(--color-primary-tint-3);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: var(--color-primary);
}
.pc_subhero .pc_column {
  background-color: transparent;
  margin-bottom: 0;
}
.pc_subhero h2 {
  display: flex;
}
.pc_subhero h2 i {
  margin: auto var(--space-s) auto 0;
}

.pc_hero--repair .pc_container {
  margin-bottom: var(--space-m);
  border-radius: var(--border-radius-primary) !important;
}

/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/
img {
  box-sizing: border-box;
  max-width: 100%;
}

figcaption {
  padding: var(--space-2xs) 0;
  display: inline-flex;
  font-size: var(--font-size--1);
  font-weight: var(--font-weight-6);
}

figcaption:before {
  content: "";
  align-items: center;
  min-width: var(--font-size-1);
  height: var(--font-size-1);
  background-size: var(--font-size-1);
  background-image: url(/assets/img/icons/tick.svg);
  margin-right: var(--space-s);
}

.pc_gradient {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  background-image: linear-gradient(0deg, rgb(15, 22, 48) 0%, rgba(15, 22, 48, 0) 85%), url(/assets/img/manonsofa.jpg);
  background-repeat: no-repeat;
  background-position: center;
  min-height: 600px;
}

.dd_logo {
  max-width: 150px;
  margin-bottom: var(--space-s);
}

/*--------------------------------------------------------------
## Details (FAQ)
--------------------------------------------------------------*/
details {
  transition: 0.2s background linear;
  margin: var(--space-vertical) 0;
  padding: var(--space-s);
  background-color: var(--details-bg-color);
  border-radius: var(--border-radius-tertairy);
  box-shadow: var(--shadow);
}
details details {
  border-color: var(--color-primary-tint-2);
  border-top-style: solid;
  border-width: var(--border-size-1);
  box-shadow: none;
  padding: 0;
}
details details .pc_details__content {
  padding-inline: var(--space-horizontal);
}
details details .pc_nav__content {
  margin: 0;
  padding: var(--space-m);
}
details details summary {
  margin: var(--space-s);
}
details details[open] {
  border-color: var(--color-primary-tint-2);
  border-style: solid;
  border-width: var(--border-size-1);
}
details details[open] summary {
  font-weight: var(--font-weight-4);
}

details[open] {
  box-shadow: none;
}

details summary {
  list-style-type: none;
} /* Firefox */
details summary::-webkit-details-marker {
  display: none;
} /* Chrome */
details summary::marker {
  display: none;
}

summary {
  cursor: pointer;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 0 2px;
  position: relative;
  font-family: var(--font-family-primary);
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-6);
  line-height: 1.2;
  color: var(--details-summary-color);
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

summary:after {
  content: "";
  width: 1rem;
  height: 1rem;
  transition: all 0.3s ease-out;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
  background-size: 1rem;
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-image: var(--icon-down-arrow);
  filter: brightness(0) saturate(100%) invert(12%) sepia(49%) saturate(682%) hue-rotate(182deg) brightness(97%) contrast(96%);
}

summary i {
  color: var(--color-primary-tint-8);
  font-size: var(--font-size-1);
}

details[disabled] summary {
  pointer-events: none; /* prevents click events */
  user-select: none; /* prevents text selection */
}

details[open] > summary:after {
  background-position: 0 0;
  transform: rotate(-180deg);
}

details[open] details summary {
  font-weight: var(--font-weight-4);
}

summary:focus {
  outline: 0;
}

summary span {
  flex-grow: 1;
}

summary a {
  margin-right: var(--space-l);
}

.pc_details__content {
  padding: var(--space-vertical) 0;
}
.pc_details__content:has(> ul) {
  padding: 0 0 var(--space-vertical) 0;
}

.pc_nav__content {
  margin: var(--space-vertical) 0 0 0;
  border-bottom-left-radius: var(--border-radius-tertairy);
  border-bottom-right-radius: var(--border-radius-tertairy);
  background-color: #fff;
}

.pc_next-step {
  opacity: 0.5;
}
.pc_next-step summary {
  cursor: default;
}

.pc_completed-step summary span {
  font-weight: var(--font-weight-4);
  opacity: 0.5;
}
.pc_completed-step i {
  color: var(--color-cta);
}

details[open].pc_nav--success,
.pc_nav--success {
  background-color: var(--color-status-success-tint);
  border-color: var(--color-status-success);
}
details[open].pc_nav--success i,
.pc_nav--success i {
  color: var(--color-status-success);
}

details[open].pc_nav--warning,
.pc_nav--warning {
  background-color: var(--color-status-warning-tint);
  border-color: var(--color-status-warning);
}
details[open].pc_nav--warning i,
.pc_nav--warning i {
  color: var(--color-status-warning);
}
details[open].pc_nav--warning a,
.pc_nav--warning a {
  color: var(--color-status-warning);
  outline-color: var(--color-status-warning);
  border-color: var(--color-status-warning);
}
details[open].pc_nav--warning .pc_button--primary,
.pc_nav--warning .pc_button--primary {
  background-color: var(--color-status-warning);
  color: #fff;
}

details[open].pc_nav--action,
.pc_nav--action {
  background-color: var(--color-status-action-tint);
  border-color: var(--color-status-action);
}
details[open].pc_nav--action i,
.pc_nav--action i {
  color: var(--color-status-action);
}
details[open].pc_nav--action a,
.pc_nav--action a {
  color: var(--color-status-action);
  outline-color: var(--color-status-action);
  border-color: var(--color-status-action);
}
details[open].pc_nav--action .pc_button--primary,
.pc_nav--action .pc_button--primary {
  background-color: var(--color-status-action);
  color: #fff;
}

details[open][name=form] summary i {
  color: var(--color-primary);
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.pc_header .pc_container.pc_header__image {
  border: 0;
  outline: 0;
}

.pc_header {
  background-color: var(--color-primary);
  padding: var(--space-xs) 0 0 0;
}
.pc_header .pc_header__top {
  display: flex;
  flex: 1;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: var(--space-s);
}

.pc_header__user {
  display: flex;
  padding-bottom: 0;
  flex-direction: column;
  flex: 1;
  gap: var(--space-s);
  border-radius: var(--border-radius-tertairy);
  box-shadow: var(--shadow);
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-6);
  line-height: 1;
  color: #fff;
}
@media (min-width: 1000px) {
  .pc_header__user {
    flex-direction: row;
  }
}
.pc_header__user .pc_logout {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.pc_header__user a.pc_button {
  margin-bottom: 0;
}
.pc_header__user .pc_user {
  display: flex;
  width: 100%;
  margin: var(--space-xs) 0 0 0;
  text-wrap: nowrap;
  padding-bottom: var(--space-xs);
}
.pc_header__user .pc_user span {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pc_header__user .ph-light {
  font-size: 48px;
  color: var(--color-status-success);
  opacity: 0.75;
}
.pc_header__user small {
  margin: 0;
  color: #fff;
  opacity: 0.4;
}
.pc_header__user a {
  text-transform: uppercase;
  font-size: var(--font-size--1);
}
.pc_header__user a:hover {
  border-bottom: 0;
}

@media (min-width: 1000px) {
  .pc_header-user {
    gap: var(--space-xl);
  }
}
.pc_tabs {
  display: flex;
  gap: var(--space-s);
  list-style: none;
  margin: var(--space-xs) 0 0 0;
  font-weight: var(--font-weight-6);
}
@media (min-width: 1000px) {
  .pc_tabs {
    gap: 0;
  }
}
.pc_tabs li {
  font-size: var(--font-size-3);
  background-color: #495063;
  border-radius: var(--border-radius-tertairy);
}
@media (min-width: 1000px) {
  .pc_tabs li {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--border-radius-tertairy);
    border-top-right-radius: var(--border-radius-tertairy);
  }
}
.pc_tabs a {
  display: block;
  text-wrap: nowrap;
  padding: var(--space-s) var(--space-l);
  color: #c3c5cc;
  border: 0;
}
.pc_tabs a:hover {
  border-radius: inherit;
  opacity: 0.5;
}
.pc_tabs li.pc_tabs--active {
  background-color: var(--color-section-bg);
}
.pc_tabs li.pc_tabs--active a {
  color: var(--color-primary);
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.pc_footer {
  color: var(--color-page-text);
  font-size: var(--font-size--1);
  line-height: var(--font-lineheight-5);
}
.pc_footer .pc_section {
  border-radius: 0;
}

.pc_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--space-vertical);
}
.pc_group .pc_button {
  min-width: max-content;
}
.pc_group-stack {
  flex-wrap: wrap;
  padding-top: var(--space-vertical);
}
.pc_group-stack .pc_button {
  display: flex;
  margin-bottom: var(--space-m);
}
.pc_group-stack .pc_button + .pc_button {
  margin-left: 0;
}

/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
form {
  display: flow-root;
}

.pc_page--login .pc_box {
  margin: var(--space-3xl) auto;
}
@media (min-width: 1000px) {
  .pc_page--login .pc_box {
    width: 50%;
  }
}

.pc_form__fields-group {
  display: grid;
}
@media (width > 768px) {
  .pc_form__fields-group {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}

.pc_form__field-group {
  display: grid;
  gap: 0.5cap;
}
input::placeholder {
  color: var(--color-primary-tint-4);
}

fieldset {
  background-color: var(--color-primary-tint-1);
  border-radius: var(--border-radius-tertairy);
  padding: var(--space-s);
  margin-bottom: var(--space-xs);
}
fieldset ul {
  margin: 0;
}

legend {
  padding: 0;
  margin-bottom: var(--space-s);
  font-weight: bold;
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
}
legend img {
  margin-right: 1rem;
  height: 100%;
}

label {
  font-weight: var(--font-weight-5);
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 var(--space-2xs) 0;
}

label small {
  flex-basis: 100%;
  margin: 0;
  color: var(--color-primary-tint-7);
}

label i {
  font-size: var(--size--1);
  color: var(--color-primary-tint-7);
}

label em {
  color: var(--color-status-action);
}

.pc_form__labelsmall {
  font-size: var(--font-size--1);
  line-height: var(--font-lineheight-3);
}

label textarea, label select, label input[type=text], label input[type=email], label input[type=search], label input[type=tel], label input[type=url], label input[type=password], label input[type=color], label input[type=file], label input[type=color], label input[type=number], label input[type=range], label input[type=date], label input[type=month], label input[type=week], label input[type=time], label input[type=datetime], label input[type=datetime-local] {
  display: block;
  width: 100%;
}

textarea, select, input[type=text], input[type=email], input[type=search], input[type=tel], input[type=url], input[type=password], input[type=color], input[type=file], input[type=color], input[type=number], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local] {
  margin: 0 0 var(--space-vertical-gap) 0;
  padding: var(--space-xs) var(--space-s);
  border: 1px solid var(--color-primary-tint-2);
  border-radius: var(--border-radius-tertairy);
  width: 100%;
  background-color: #fff;
  font-size: var(--size-0);
}

textarea {
  field-sizing: content;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, select:focus, textarea:focus {
  border-color: var(--color-primary);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type=search] {
  box-sizing: border-box;
}

input[type=file] {
  border-width: 0;
  padding: 0;
}

input[type=image] {
  vertical-align: bottom;
}

input.pc_uppercase {
  text-transform: uppercase;
}

input[type=text]:not(:placeholder-shown):user-valid,
input[type=tel]:not(:placeholder-shown):user-valid,
input[type=email]:not(:placeholder-shown):user-valid,
input[type=date]:not(:placeholder-shown):user-valid,
textarea:not(:placeholder-shown):user-valid,
select:not(:placeholder-shown):user-valid,
.pc_status--success {
  border: 1px solid var(--color-status-success);
  background-color: var(--color-status-success-tint);
  font-weight: 700;
}

input[type=text]:not(:placeholder-shown):user-invalid,
input[type=tel]:not(:placeholder-shown):user-invalid,
input[type=email]:not(:placeholder-shown):user-invalid,
input[type=date]:not(:placeholder-shown):user-invalid,
textarea:not(:placeholder-shown):user-invalid,
select:not(:placeholder-shown):user-invalid,
.pc_status--action {
  border: 1px solid var(--color-status-action);
  background-color: var(--color-status-action-tint);
}

input:focus:user-invalid,
input[type=text]:focus:user-invalid,
input[type=tel]:focus:user-invalid,
input[type=email]:focus:user-invalid,
input[type=date]:focus:user-invalid,
textarea:focus:user-invalid,
select:focus:user-invalid,
.pc_status--warning {
  border: 1px solid var(--color-status-warning);
  background-color: var(--color-status-warning-tint);
}

input[id=postcode] {
  text-transform: uppercase;
}

select {
  background-color: #fff;
  color: var(--color-primary);
}

input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  min-width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: inline-grid;
  place-content: center;
  margin-right: 1rem;
}

input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
  background-color: var(--color-status-success);
}

input[type=checkbox]:checked::before {
  transform: scale(1);
}

input[type=checkbox]:focus {
  outline-offset: max(2px, 0.15em);
}

input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

label:has(input[type=checkbox]) {
  flex-wrap: nowrap;
}

.pc_progress {
  background-color: #fff;
  border-radius: var(--border-radius-tertairy);
  margin-top: var(--space-vertical);
}

.pc_progress__items {
  background-color: #fff;
  border-radius: var(--border-radius-primary);
  padding: var(--space-2xs) var(--space-2xs);
  margin-top: 0;
  display: flex;
}
.pc_progress__items li:first-child {
  border-top-left-radius: var(--border-radius-primary);
  border-bottom-left-radius: var(--border-radius-primary);
}
.pc_progress__items li:last-child {
  border-top-right-radius: var(--border-radius-primary);
  border-bottom-right-radius: var(--border-radius-primary);
}
.pc_progress__items li {
  background-color: var(--color-primary-tint-15);
  padding: var(--space-3xs);
  flex: 1;
}
.pc_progress__items li + li {
  border-left: var(--border-size-3) solid #fff;
}

li.pc_progress__complete {
  background-color: var(--color-secondary);
}

li.pc_progress__active {
  background-color: var(--color-primary);
}

.pc_progress__title {
  display: block;
  padding-top: var(--space-vertical);
  padding-left: var(--space-vertical);
  margin: 0;
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-6);
}

.pc_progress__subtitle {
  display: block;
  padding-top: var(--space-vertical);
  padding-left: var(--space-vertical);
}

.pc_switch {
  position: relative;
  display: inline-flex;
  padding: var(--space-3xs);
  border: var(--border-size-3) solid #fff;
  border-radius: var(--border-radius-primary);
  background: #fff;
}

.pc_switch [type=radio] {
  position: absolute;
  left: -9999px;
}

.pc_switch [type=radio]:checked#monthly ~ label[for=monthly],
.pc_switch [type=radio]:checked#yearly ~ label[for=yearly] {
  color: #fff;
}

.pc_switch [type=radio]:checked#monthly ~ label[for=monthly]:hover,
.pc_switch [type=radio]:checked#yearly ~ label[for=yearly]:hover {
  background: transparent;
}

.pc_switch [type=radio]:checked#monthly + label[for=yearly] ~ .pc_switch__highlighter {
  transform: none;
}

.pc_switch [type=radio]:checked#yearly + label[for=monthly] ~ .pc_switch__highlighter {
  transform: translateX(100%);
}

.pc_switch label {
  z-index: 1;
  min-width: min-content;
  padding: 0 var(--space-l);
  margin: 0;
  cursor: pointer;
  border-radius: var(--border-radius-primary);
  justify-content: center;
  text-align: center;
  font-weight: var(--font-weight-6);
  line-height: var(--font-lineheight-4);
  transition: color 0.25s ease-in-out;
}

.pc_switch label:hover {
  background: var(--color-primary-tint-1);
}

.pc_switch .pc_switch__highlighter {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(50% - 0px);
  height: calc(100% - 0px);
  border-radius: 30px;
  background: var(--color-primary);
  transition: transform 0.25s ease-in-out;
}

input:not(:placeholder-shown) {
  background-color: var(--color-status-success-tint);
  font-weight: var(--font-weight-6);
}

input[type=checkbox]:not(:placeholder-shown),
input[type=date]:not(:placeholder-shown) {
  background-color: #fff;
}

/*--------------------------------------------------------------
## Icons and Layouts
--------------------------------------------------------------*/
.pc_icon {
  font-size: var(--font-size-5);
  margin-bottom: var(--space-s);
}

.ph-user-sound {
  font-size: var(--font-size-6) !important;
}

.pc_icongroup {
  max-width: 400px;
}

i[class^=ph] {
  font-size: var(--font-size-2);
  margin-right: var(--space-xs);
}

.ph-eye,
.ph-check-circle {
  color: var(--color-secondary);
}

.ph-x-circle,
.ph-eye-slash,
.ph-trash {
  color: var(--color-tertiary);
}

.pc_box__title {
  display: block;
  margin: 0 0 var(--space-m) 0;
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-6);
  line-height: var(--font-lineheight-0);
  text-wrap: balance;
}

.pc_banner {
  display: flex;
  padding: var(--space-s);
  gap: var(--space-2xs);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-0);
  border-radius: var(--border-radius-tertairy);
  margin-bottom: var(--space-s);
}
.pc_banner p {
  margin-bottom: 0;
}

.pc_banner__heading,
.pc_banner__subtitle {
  display: block;
  margin-bottom: var(--space-2xs);
}

.pc_banner__subtitle {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  opacity: 0.7;
}

.pc_banner__heading {
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-6);
}

.pc_banner--important {
  background-color: var(--color-primary);
  color: #fff;
  border: 0;
}

.pc_banner--offer {
  background-color: var(--color-highlight);
  color: #fff;
  border: 0;
}

.pc_banner--offer-tint {
  background-color: var(--color-tertiary-tint-1);
  flex-direction: column;
  color: var(--color-tertiary);
}
.pc_banner--offer-tint img {
  max-width: 280px;
}

.pc_banner--promo {
  background-color: var(--color-highlight);
  color: #fff;
  font-weight: var(--font-weight-6);
}

.pc_message {
  display: flex;
  align-items: center;
  padding: var(--space-s);
  margin-bottom: var(--space-vertical);
  gap: var(--space-2xs);
  border-radius: var(--border-radius-tertairy);
  font-family: var(--font-family-secondary);
  font-weight: var(--font-weight-6);
  line-height: var(--font-lineheight-1);
}
.pc_message p {
  margin: 0;
  text-wrap: balance;
  align-self: baseline;
}
.pc_message ul {
  margin: 0;
}
.pc_message a {
  border-bottom-color: inherit;
}
.pc_message h4 {
  margin: 0;
}

a.pc_message {
  border-bottom: 0;
}

a:hover.pc_message {
  color: var(--color-offer-text);
}

.pc_message__title {
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-7);
  line-height: var(--font-lineheight-0);
  margin-bottom: var(--space-vertical);
  text-wrap: balance;
}

.pc_message:has(.pc_message__title) p {
  color: var(--color-primary-tint-9);
}

.pc_message__subtitle {
  text-transform: uppercase;
  color: var(--color-primary-tint-8);
  letter-spacing: var(--font-letterspacing-1);
  font-weight: var(--font-weight-7);
  line-height: var(--font-lineheight-0);
  margin-bottom: var(--space-vertical);
  text-wrap: balance;
}

.pc_message--stack {
  flex-direction: column;
}

.pc_message--action {
  background-color: var(--color-status-action-tint);
  color: var(--color-status-action-text);
  border: 0;
}
.pc_message--action i {
  color: var(--color-status-action-text);
}

.pc_message--action--solid {
  background-color: var(--color-status-action);
  color: #fff;
}
.pc_message--action--solid i, .pc_message--action--solid strong {
  color: #fff;
}

.pc_message--warning {
  background-color: var(--color-status-warning-tint);
  color: var(--color-status-warning-text);
}
.pc_message--warning i, .pc_message--warning strong {
  color: var(--color-status-warning-text);
}
.pc_message--warning .pc_button--primary {
  color: #fff;
  background-color: var(--color-status-warning);
  outline-color: var(--color-status-warning);
}
.pc_message--warning .pc_button--contrast {
  outline-color: var(--color-status-warning);
  color: var(--color-status-warning);
}

.pc_message--warning--solid {
  background-color: var(--color-status-warning);
  color: #fff;
}
.pc_message--warning--solid i, .pc_message--warning--solid strong {
  color: #fff;
}

.pc_message--action {
  background-color: var(--color-status-action-tint);
  color: var(--color-status-action-text);
}
.pc_message--action i, .pc_message--action strong {
  color: var(--color-status-action-text);
}
.pc_message--action .pc_button--primary {
  color: #fff;
  background-color: var(--color-status-action);
  outline-color: var(--color-status-action);
}
.pc_message--action .pc_button--contrast {
  outline-color: var(--color-status-action);
  color: var(--color-status-action);
}

.pc_message--success {
  background-color: var(--color-status-success-tint);
  color: var(--color-status-success-text);
}
.pc_message--success i {
  color: var(--color-status-success-text);
}

.pc_message--success--solid {
  background-color: var(--color-status-success);
  color: #fff;
}
.pc_message--success--solid i, .pc_message--success--solid strong {
  color: #fff;
}

.pc_message--highlight {
  background-color: var(--color-primary-tint-15);
  color: var(--color-primary);
}
.pc_message--highlight i {
  color: var(--color-primary);
}

.pc_message--highlight--solid {
  background-color: var(--color-primary);
  color: #fff;
}
.pc_message--highlight--solid i, .pc_message--highlight--solid strong {
  color: #fff;
}

.pc_message--outline {
  border: var(--border-size-2) solid var(--color-primary-tint-15);
  color: var(--color-primary);
}
.pc_message--outline i {
  color: var(--color-primary);
}

.pc_message--important {
  background-color: var(--color-primary);
  color: #fff;
}

.pc_message--offer--solid {
  background-color: var(--color-offer);
  color: var(--color-offer-text);
}
.pc_message--offer--solid i, .pc_message--offer--solid strong {
  color: var(--color-offer-text);
}

.pc_readout {
  text-align: center;
  margin-bottom: var(--space-s);
}
.pc_readout:before {
  padding: 0.1rem;
  color: #fff;
  background-color: var(--color-status-action);
  border-top-left-radius: var(--border-radius-tertairy);
  border-top-right-radius: var(--border-radius-tertairy);
  content: "Read to customer";
  width: 100%;
  display: block;
}

/*--------------------------------------------------------------
## Details (FAQ)
--------------------------------------------------------------*/
.pc_basket {
  margin-block: var(--space-vertical);
  border-radius: var(--border-radius-tertairy);
  line-height: var(--font-lineheight-1);
}
.pc_basket h4 {
  color: var(--color-cta);
}
.pc_basket h5 {
  color: var(--color-status-action);
}
.pc_basket details[open] {
  border-color: transparent;
}
.pc_basket details {
  background-color: transparent;
  border-color: transparent;
  margin: 0;
  border-bottom: var(--border-size-1) solid var(--color-primary-tint-15);
  border-radius: 0;
}
.pc_basket details ul {
  margin: 0;
}
.pc_basket__header {
  display: flex;
  justify-content: space-between;
  padding: var(--space-s);
  background-color: var(--color-primary);
  border-top-right-radius: var(--border-radius-tertairy);
  border-top-left-radius: var(--border-radius-tertairy);
  color: #fff;
  font-weight: var(--font-weight-6);
  font-size: var(--font-size-0);
}
.pc_basket__header i {
  margin-right: var(--space-2xs);
}

.pc_basket__items {
  border-left: var(--border-size-1) solid var(--color-primary-tint-15);
  border-right: var(--border-size-1) solid var(--color-primary-tint-15);
  margin: 0;
}
.pc_basket__items ul {
  margin: 0;
}
.pc_basket__items a:not(.pc_button) {
  font-weight: var(--font-weight-6);
  border-color: inherit;
  border-style: solid;
  border-bottom-width: var(--border-size-1);
}
.pc_basket__items li {
  display: flex;
  gap: var(--space-xs);
  padding: var(--space-horizontal);
  border-bottom: var(--border-size-1) solid var(--color-primary-tint-15);
  margin-bottom: 0;
}
.pc_basket__items s, .pc_basket__items em {
  color: var(--color-primary-tint-4);
}
.pc_basket__items i {
  color: var(--color-primary-tint-5);
  display: inline-block;
  height: 100%;
  line-height: inherit;
  font-size: var(--font-size-1);
}
.pc_basket__items select {
  margin: 0;
}
.pc_basket__items .pc_box {
  margin: 0;
}

.pc_basket__item {
  flex-grow: 1;
}

.pc_basket__price {
  min-width: max-content;
  font-weight: var(--font-weight-6);
}

.pc_basket__highlight {
  background-color: var(--color--basket--highlight);
}

.pc_basket__total {
  background-color: var(--color--basket--highlight);
  font-weight: var(--font-weight-6);
  border-top-width: var(--border-size-1) !important;
  border-top-color: var(--color-primary-tint-6) !important;
}

.pc_basket__footer {
  background-color: var(--color--basket--footer);
  border-radius: 0 0 var(--border-radius-tertairy) var(--border-radius-tertairy);
  border-left: var(--border-size-1) solid var(--color-primary-tint-15);
  border-right: var(--border-size-1) solid var(--color-primary-tint-15);
  padding: 0 var(--space-horizontal) var(--space-vertical) var(--space-horizontal);
  border-bottom: var(--border-size-1) solid var(--color-primary-tint-15);
}
.pc_basket__footer details {
  padding: 0;
  margin-top: var(--space-vertical);
  border: 0;
}
.pc_basket__footer details .pc_details__content {
  margin-top: var(--space-vertical);
  background-color: transparent;
}

.pc_table {
  overflow: auto;
  width: 100%;
  margin: var(--space-l) 0;
  font-size: var(--font-size--1);
}

@media (min-width: 1000px) {
  .pc_table {
    font-size: var(--font-size-0);
  }
}
.pc_table table {
  border: 1px solid #dededf;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 1px;
  text-align: left;
}

.pc_table caption {
  border-top: 1px solid var(--color-primary);
  padding: var(--space-s) 0;
  caption-side: top;
  text-align: left;
  text-transform: uppercase;
  font-weight: var(--font-weight-6);
}

.pc_table caption div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pc_table th {
  border: 1px solid #dededf;
  background-color: var(--color-primary);
  color: #fff;
  padding: var(--space-2xs);
}

.pc_table td {
  border: 1px solid #dededf;
  padding: var(--space-2xs);
  font-weight: var(--font-weight-6);
}

.pc_table tr:nth-child(even) td {
  background-color: #ffffff;
  color: #000000;
}

.pc_table tr:nth-child(odd) td {
  background-color: #f2f2f2;
  color: #000000;
}

.pc_dialog {
  min-width: 95%;
  max-width: 95%;
  padding: var(--space-m);
  border-radius: var(--border-radius-tertairy);
  margin: auto;
  box-shadow: 0px 6px 6px 0px rgba(25, 38, 65, 0.5);
  background-color: #fff;
  color: var(--color-primary);
  z-index: 20001;
}
.pc_dialog .pc_dialog__title {
  display: block;
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-7);
  margin-bottom: var(--space-m);
}
.pc_dialog .pc_dialog__title a {
  float: right;
  border-bottom: 0;
}
.pc_dialog .pc_group:last-child {
  margin-top: var(--space-l);
}

.pc_dialog--dark {
  background-color: var(--color-primary);
  color: #fff;
}
.pc_dialog--dark .pc_button--contrast,
.pc_dialog--dark a.pc_button--contrast {
  color: #fff;
}
.pc_dialog--dark .pc_button--contrast,
.pc_dialog--dark a.pc_button--contrast {
  color: var(--color-cta);
}

dialog::backdrop {
  background: rgba(25, 38, 65, 0.1882352941);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.pc_terms-doc {
  overflow: scroll;
  align-content: flex-start;
  align-items: flex-start;
}

.pc_pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-s);
  margin: 0;
}
.pc_pagination li:first-child {
  border: 0;
  flex-grow: 1;
}
.pc_pagination li {
  border: 1px solid;
  border-color: var(--color-primary-tint-5);
  border-radius: var(--border-radius-secondary);
}
.pc_pagination a {
  padding: 0 var(--space-3xs);
  border: 0;
}
.pc_pagination a:hover {
  color: var(--color-primary);
}
@media (min-width: 1000px) {
  .pc_pagination a {
    padding: 0 var(--space-xs);
  }
}
.pc_pagination .pc_pagination__skipToFirst,
.pc_pagination .pc_pagination__skipToPrevious,
.pc_pagination .pc_pagination__skipToNext,
.pc_pagination .pc_pagination__skipToLast {
  border-color: var(--color-status-success);
  line-height: 1.5;
  justify-items: center;
}
.pc_pagination .pc_pagination__disabled {
  border-color: var(--color-primary-tint-2);
}
.pc_pagination .pc_pagination__disabled a {
  cursor: default;
  color: var(--color-primary-tint-3);
}
.pc_pagination .pc_pagination__active {
  border: 0;
  font-weight: var(--font-weight-6);
  color: var(--color-primary);
}