*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

/* Variables */

:root {
  /* Grid */
  --grid-max-width: 1214px;
  --grid-gap: 40px;

  --container-padding: 10px;
  --navbar-height: 61px;

  --cart-banner-height: 60px;

  /* Layers */
}

@media (min-width: 1025px) {

:root {
    --container-padding: 40px;
    --navbar-height: 67px;
}
  }

:root{
  --layer-navbar: 11;
  --layer-modal: 0;
  --layer-modal-visible: 50;
}

/* Allumi */

@font-face {
  font-family: "AllumiSpe";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://typofonderie.com/assets/AllumiSpe-Regular-4c6ff7591b541bb50dbb03179a6a536748cf57d42c2214ddec11ecfb20558522.woff2) format("woff2");
}

@font-face {
  font-family: "AllumiSpe";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://typofonderie.com/assets/AllumiSpe-Italic-98655ffe9db48d83148383c1fc9696abd5e878d06794f573872ef019e2025418.woff2) format("woff2");
}

/* Mencken Head */

@font-face {
  font-family: "MenckenSpeHead";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://typofonderie.com/assets/MenckenSpeHead-Bold-8f11ac3a26b55025fb2418165765e3765e9501e1b247274cf3f7bbc4f7507f8a.woff2) format("woff2");
}

/* Mencken Head Compressed */

@font-face {
  font-family: "MenckenSpeHeadCompress";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://typofonderie.com/assets/MenckenSpeHeadCompress-Bold-4060d189b01710430eebf1e77ce9dce89d77b8c4330da3286d602c52e5a65f21.woff2) format("woff2");
}

/* Mencken Text */

@font-face {
  font-family: "MenckenSpeText";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://typofonderie.com/assets/MenckenSpeText-Regular-408acccf97290be0e54b2f863b6d770ddc66f0ce09e27a805ba0b98ca8fcf4d5.woff2) format("woff2");
}

@font-face {
  font-family: "MenckenSpeText";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://typofonderie.com/assets/MenckenSpeText-Italic-330410638c6250831613c2342f31a6eb885ebc51f1579037fcfd4822c8cd5a39.woff2) format("woff2");
}

@font-face {
  font-family: "MenckenSpeText";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://typofonderie.com/assets/MenckenSpeText-Bold-cb155d30b2fe4ef1991e4320614ba5ce90c57fc5deeb720eb60bb5374858ef08.woff2) format("woff2");
}

@font-face {
  font-family: "MenckenSpeText";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://typofonderie.com/assets/MenckenSpeText-BoldItalic-7b4cce0362ef73fa9ec5fd6c431e8d6f7b971ba4e7795ed89460d998ba4f90f3.woff2) format("woff2");
}

/* Ysans */

@font-face {
  font-family: "YsansSpeDemi";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://typofonderie.com/assets/YsansSpe-Demi-acf80e63ce5d3415b45a6c48284935941a20832524f60f49b2cf722daa9ac480.woff2) format("woff2");
}

/* Adobe Not Def */

@font-face {
  font-family: "Adobe NotDef";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://typofonderie.com/assets/AND-Regular-d73ddabd0a5857e83ebf1373b2bf2634da1ac391211c16b2ed276230608fe716.otf) format("opentype");
}

a {
  transition: color 0.2s ease-in;
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

a:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

/* General  */

.text{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.35px;
}

@media (min-width: 1025px) {

.text {
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.45px
}
  }

.title{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 19px;
  line-height: 22px;
}

@media (min-width: 1025px) {

.title {
    font-size: 28px;
    line-height: 28px;
    letter-spacing: -0.5px
}
  }

.subtitle{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 15px;
  line-height: 19px;
}

@media (min-width: 1025px) {

.subtitle {
    font-size: 18px;
    line-height: 22px
}
  }

.section-subtitle{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.2px;
}

@media (min-width: 1025px) {

.section-subtitle {
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0
}
  }

/* UI */

.ui-text{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

@media (min-width: 1025px) {

.ui-text {
    font-size: 16px;
    line-height: 27px
}
  }

.ui-small-text{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.5px;
  font-feature-settings:
    "lnum" 1,
    "case" 1;
}

@media (min-width: 1025px) {

.ui-small-text {
    font-size: 12px;
    line-height: 15px
}
  }

/* Main */

.main-title{
  font-family: 'MenckenSpeHeadCompress', Georgia, serif;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

@media (min-width: 1025px) {

.main-title {
    font-size: 100px;
    line-height: 92px;
    letter-spacing: 0
}
  }

.main-title-alt{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 22px;
  line-height: 22px;
}

@media (min-width: 1025px) {

.main-title-alt {
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -0.5px
}
  }

/* Subtitles */

.subtitle-1{
  font-family: 'MenckenSpeHead', Georgia, serif;
  font-size: 22px;
  line-height: 22px;
  padding-top: 10px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

@media (min-width: 1025px) {

.subtitle-1 {
    font-size: 32px;
    line-height: 32px
}
  }

.subtitle-2{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

@media (min-width: 1025px) {

.subtitle-2 {
    font-size: 25px;
    line-height: 30px
}
  }

.subtitle-3{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 15px;
  line-height: 20px;
}

@media (min-width: 1025px) {

.subtitle-3 {
    font-size: 18px
}
  }

.subtitle-4{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

@media (min-width: 1025px) {

.subtitle-4 {
    font-size: 14px
}
  }

.caption{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.2px;
  font-style: italic;
}

@media (min-width: 1025px) {

.caption {
    font-size: 14px
}
  }

/* Headlines */

.headline-a{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-feature-settings:
    "onum" 1,
    "pnum" 1;
  font-size: 22px;
  line-height: 26px;
  margin-top: 20px;
  margin-bottom: 14px;
}

.headline-b{
  font-family: 'MenckenSpeHead', Georgia, serif;
  font-feature-settings: "pnum" 1;
  font-size: 20px;
  line-height: 22px;
  margin-top: 10px;
  margin-bottom: 6px;
  padding-top: 10px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.headline-c{
  font-family: 'MenckenSpeHead', Georgia, serif;
  font-feature-settings: "pnum" 1;
  font-size: 20px;
  line-height: 22px;
  margin-top: 10px;
  margin-bottom: 6px;
  padding-top: 4px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.headline-d{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-feature-settings:
    "onum" 1,
    "pnum" 1;
  font-size: 18px;
  line-height: 22px;
  margin-top: 20px;
  margin-bottom: 6px;
}

.headline-e{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-feature-settings:
    "onum" 1,
    "pnum" 1;
  font-size: 1.5rem;
  line-height: 2rem;
  margin-top: 2rem;
  margin-bottom: 0.6rem;
}

@media (min-width: 1025px) {

.headline-e {
    font-size: 2.1rem;
    line-height: 2.4rem;
    margin-top: 3rem;
    margin-bottom: 1.4rem
}
  }

.form fieldset{
  margin-bottom: 1rem;
}

.form .form-input,
  .form .form-text-area{
  margin-left: 0px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(242, 242, 242, var(--tw-bg-opacity, 1));
  font-family: 'MenckenSpeText', Georgia, serif;
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    outline: 0;
    font-size: 1.2rem;
    letter-spacing: 0.034rem;
    line-height: 2.7rem;
    padding: 0.8rem 1.6rem;
}

@media (min-width: 1025px) {

.form .form-input,
  .form .form-text-area {
      font-size: 1.4rem;
      letter-spacing: 0.04rem
  }
    }

.form .form-input:focus, .form .form-text-area:focus{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgba(60, 58, 54, var(--tw-border-opacity, 1));
      padding-left: 1.2rem;
}

.form .form-input::-moz-placeholder, .form .form-text-area::-moz-placeholder{
  color: rgba(115, 115, 115, 0.7);
}

.form .form-input::placeholder, .form .form-text-area::placeholder{
  color: rgba(115, 115, 115, 0.7);
}

.form .form-input.field-with-errors, .form .form-text-area.field-with-errors{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgba(201, 58, 51, var(--tw-border-opacity, 1));
      padding-left: 1.2rem;
}

.form input.form-input {
    min-height: 3.2rem;
    max-height: 3.2rem;
  }

@media (min-width: 1025px) {

.form input.form-input {
      min-height: 3.6rem;
      max-height: 3.6rem
  }
    }

.form textarea.form-text-area {
    height: 12rem;
    min-height: 10rem;
    resize: vertical;
    font-kerning: normal;

    font-feature-settings:
      "kern" 1,
      "liga" 1,
      "onum" 1, "kern";
  }

.form input,
  .form textarea {
    border-radius: 0;
  }

.form input[type="checkbox"],
  .form input[type="radio"] {
    width: auto;
  }

.form .form-group label{
  display: none;
}

.offers-container.form .form-group label {
      display: none;
    }

.form .inline-flex .form-group + .form-group {
    margin-top: 0;
  }

.form .inline-flex .form-group {
    flex: 1 1 50%;
  }

.form .form-group.select-group{
  --tw-bg-opacity: 1;
  background-color: rgba(242, 242, 242, var(--tw-bg-opacity, 1));
    padding: 0.8rem 1.6rem;
}

.form select.form-select{
  width: 100%;
}

.form select.form-select.field-with-errors{
  --tw-border-opacity: 1;
  border-color: rgba(201, 58, 51, var(--tw-border-opacity, 1));
}

.button{
  --tw-bg-opacity: 1;
  background-color: rgba(201, 58, 51, var(--tw-bg-opacity, 1));
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
  border-radius: 0.8rem !important;
  padding: 0.8rem 2.5rem;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1rem;
  min-height: 2.4rem;
  letter-spacing: 0.083rem;
  text-align: center;
  min-width: 9.5rem;
  cursor: pointer;
  transition:
    transform 0.1s ease-in, background-color 0.1s ease-in;
  transform: perspective(1px) translateZ(0);
}

.button:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(163, 46, 40, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
    transform: scale3d(0.975, 0.975, 0.975) perspective(1px) translateZ(0);
}

.button[disabled]{
  --tw-bg-opacity: 1;
  background-color: rgba(192, 192, 192, var(--tw-bg-opacity, 1));
}

.button[disabled]:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
}

select {
  font-size: 1.2rem;
  letter-spacing: 0.1rem;
  line-height: 1.2rem;
  height: 2.7rem;
  margin-right: 1rem;
  text-transform: uppercase;
  padding: 0 2.4rem 0 1.2rem;
  border-radius: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDUiPgogIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjM0MzQTM2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS4yNSIgZD0iTTEgMWwzIDMgMy0zIi8+Cjwvc3ZnPgo=);
  background-size: 0.8rem 0.6rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(192, 192, 192, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
}

.main {
  padding-top: var(--navbar-height);
}

.container{
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

@media (min-width: 769px){

  .container{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

@media (min-width: 1025px){

  .container{
    margin-left: auto;
    margin-right: auto;
  }
}

.container {
  max-width: calc(var(--grid-max-width) + var(--grid-gap) * 2);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

.tf-grid {
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
}

.wrapper {
  display: grid;
  grid-template-rows: auto 1fr auto auto;
}

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.visible{
  visibility: visible;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.left-0{
  left: 0px;
}

.right-0{
  right: 0px;
}

.top-\[var\(--navbar-height\)\]{
  top: var(--navbar-height);
}

.z-20{
  z-index: 20;
}

.order-2{
  order: 2;
}

.col-span-2{
  grid-column: span 2 / span 2;
}

.col-span-3{
  grid-column: span 3 / span 3;
}

.float-right{
  float: right;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-32{
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.\!ml-2{
  margin-left: 0.5rem !important;
}

.-mb-4{
  margin-bottom: -1rem;
}

.-mr-1{
  margin-right: -0.25rem;
}

.-mt-8{
  margin-top: -2rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.mb-16{
  margin-bottom: 4rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-20{
  margin-bottom: 5rem;
}

.mb-32{
  margin-bottom: 8rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-64{
  margin-bottom: 16rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-6{
  margin-left: 1.5rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-4{
  margin-right: 1rem;
}

.mr-auto{
  margin-right: auto;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-16{
  margin-top: 4rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-20{
  margin-top: 5rem;
}

.mt-24{
  margin-top: 6rem;
}

.mt-32{
  margin-top: 8rem;
}

.mt-36{
  margin-top: 9rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.box-content{
  box-sizing: content-box;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.list-item{
  display: list-item;
}

.\!hidden{
  display: none !important;
}

.hidden{
  display: none;
}

.h-3{
  height: 0.75rem;
}

.h-4{
  height: 1rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-full{
  height: 100%;
}

.max-h-80{
  max-height: 20rem;
}

.\!min-h-0{
  min-height: 0px !important;
}

.w-0{
  width: 0px;
}

.w-3{
  width: 0.75rem;
}

.w-4{
  width: 1rem;
}

.w-5{
  width: 1.25rem;
}

.w-6{
  width: 1.5rem;
}

.w-8{
  width: 2rem;
}

.w-full{
  width: 100%;
}

.max-w-2xl{
  max-width: 42rem;
}

.max-w-7xl{
  max-width: 80rem;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-none{
  flex: none;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer{
  cursor: pointer;
}

.list-inside{
  list-style-position: inside;
}

.list-disc{
  list-style-type: disc;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.items-start{
  align-items: flex-start;
}

.items-center{
  align-items: center;
}

.items-baseline{
  align-items: baseline;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.gap-10{
  gap: 2.5rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-8{
  gap: 2rem;
}

.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-y-0{
  row-gap: 0px;
}

.gap-y-10{
  row-gap: 2.5rem;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-y-scroll{
  overflow-y: scroll;
}

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

.whitespace-nowrap{
  white-space: nowrap;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.border{
  border-width: 1px;
}

.border-l-8{
  border-left-width: 8px;
}

.border-t{
  border-top-width: 1px;
}

.border-t-2{
  border-top-width: 2px;
}

.border-grey-light{
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.border-l-green-500{
  --tw-border-opacity: 1;
  border-left-color: rgba(16, 185, 129, var(--tw-border-opacity, 1));
}

.border-l-yellow-400{
  --tw-border-opacity: 1;
  border-left-color: rgba(251, 191, 36, var(--tw-border-opacity, 1));
}

.bg-brown{
  --tw-bg-opacity: 1;
  background-color: rgba(60, 58, 54, var(--tw-bg-opacity, 1));
}

.bg-green-500{
  --tw-bg-opacity: 1;
  background-color: rgba(16, 185, 129, var(--tw-bg-opacity, 1));
}

.bg-grey{
  --tw-bg-opacity: 1;
  background-color: rgba(192, 192, 192, var(--tw-bg-opacity, 1));
}

.bg-grey-dark{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
}

.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgba(245, 158, 11, var(--tw-bg-opacity, 1));
}

.p-2{
  padding: 0.5rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-20{
  padding-top: 5rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.text-center{
  text-align: center;
}

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

.font-allumi{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
}

.font-arial{
  font-family: Arial;
}

.font-big-caslon{
  font-family: Big Caslon;
}

.font-century-gothic{
  font-family: Century Gothic;
}

.font-constantia{
  font-family: Constantia;
}

.font-didot{
  font-family: Didot;
}

.font-futura{
  font-family: Futura;
}

.font-georiga{
  font-family: Georgia;
}

.font-gill-sans{
  font-family: Gill Sans;
}

.font-gill-sans-nova{
  font-family: Gill Sans Nova;
}

.font-helvetica-neue{
  font-family: Helvetica Neue;
}

.font-hoefler-text{
  font-family: Hoefler Text;
}

.font-mencken-head{
  font-family: 'MenckenSpeHead', Georgia, serif;
}

.font-mencken-text{
  font-family: 'MenckenSpeText', Georgia, serif;
}

.font-palatino-linotype{
  font-family: Palatino Linotype;
}

.font-times{
  font-family: Times;
}

.font-times-new-roman{
  font-family: Times New Roman;
}

.font-verdana{
  font-family: Verdana;
}

.font-ysans-demi{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-\[1\.2rem\]{
  font-size: 1.2rem;
}

.text-\[14px\]{
  font-size: 14px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

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

.font-medium{
  font-weight: 500;
}

.font-semibold{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

.not-italic{
  font-style: normal;
}

.leading-5{
  line-height: 1.25rem;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-8{
  line-height: 2rem;
}

.leading-\[18px\]{
  line-height: 18px;
}

.leading-\[2\.7rem\]{
  line-height: 2.7rem;
}

.leading-none{
  line-height: 1;
}

.leading-normal{
  line-height: 1.5;
}

.text-black{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}

.text-brown{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.text-grey{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

.text-grey-dark{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.text-red{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.underline{
  text-decoration-line: underline;
}

.line-through{
  text-decoration-line: line-through;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}

.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.placeholder {
  width: 100%;
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(192, 192, 192, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: italic;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 1.5rem;
}

.transition-rotate {
  transition: transform ease-in 0.25s;
}

.transition-rotate-0 {
  transform: rotate(0);
}

.transition-rotate-90 {
  transform: rotate(90deg);
}

.transition-rotate-180 {
  transform: rotate(180deg);
}

.transition-rotate-270 {
  transform: rotate(270deg);
}

.link-opacity {
  transition: opacity 0.2s ease-in;
}

.link-opacity:hover {
  opacity: 0.8;
}

.link-scale {
  transition: transform 0.2s ease-in;
  transform: scale3d(1, 1, 1) perspective(1px) translateZ(0);
}

.link-scale:hover {
  transform: scale3d(1.05, 1.05, 1.05) perspective(1px) translateZ(0);
}

@media print {
  * {
    margin: 0;
    padding: 0;
  }

  @page {
    size: A4;
    margin: 2cm;
  }

  html {
    width: 1100px;
  }

  body {
    font: 13pt;
  }

  .main,
  .container{
    width: 100%;
    margin: 0;
    float: none;
  }

  h1 {
    font-size: 24pt;
  }

  h2,
  h3,
  h4 {
    font-size: 14pt;
  }
    a[href^="http"]:after {
      content: " <" attr(href) "> ";
    }

  :not(:local-link):after {
    content: " <" attr(href) "> ";
  }

  blockquote {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }

  img {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    display: block;
  }

  table,
  pre {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }

  ul,
  ol,
  dl {
    page-break-before: avoid;
    -moz-column-break-before: avoid;
         break-before: avoid;
  }

  li {
    line-height: 1.6em;
  }

  header,
  footer,
  .prefooter,
  .cart-banner,
  .admin-edit-button,
  .admin-show-translation-keys-button,
  .cart-element-header,
  .cart-element-footer,
  .cart-element-extras,
  .help-button,
  .account-user-menu,
  .segment-tabs,
  .help-header__container {
    display: none !important;
  }

  .main {
    margin-top: 4rem;
  }

  .logo-print-container{
    display: block !important;
    position: absolute;
  }

    .logo-print-container svg {
      width: 200px;
      height: 60px;
    }

  /* Checkout */
  .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .payment .your-order,
  .checkout .your-order,
  .account-carts-show .your-order {
    grid-column: span 2 / span 2;
  }

  .print-informations{
    margin-top: 8rem !important;
    display: block !important;
  }

  /* Account Content */
    .account_content .content-block{
    width: 100%;
  }
}

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}

html {
  vertical-align: baseline;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-size: 62.5%;
}

body{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
  min-height: 100%;
  font-family: 'MenckenSpeText', Georgia, serif;
  font-size: 16px;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.turbo-progress-bar {
  height: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(201, 58, 51, var(--tw-bg-opacity, 1));
}

/* Reset */

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}

@media (min-width: 769px){

  .account-user-menu{
    margin-bottom: 8rem;
  }
}

@media (min-width: 1025px){

  .account-user-menu{
    margin-right: 2rem;
    width: 33.333333%;
  }
}

.account-user-menu .menu-button{
  position: absolute;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-bottom: 1.5rem;
}

@media (min-width: 1025px){

  .account-user-menu .menu-button{
    display: none;
  }
}

.account-user-menu .menu-button {

    top: 8.6rem;
    right: 1rem;
    left: 1rem;
  }

.account-user-menu .menu-button svg.icon-dropdown-arrow {
      width: 0.8rem;
      height: 0.5rem;
      margin-top: 0.8rem;
      margin-left: 1.2rem;
    }

.account-user-menu .menu{
  display: none;
}

.offers-container.account-user-menu .menu {
      display: none;
    }

@media (min-width: 1025px){

  .account-user-menu .menu{
    display: block;
      padding-right: 1.85rem;
  }
}

.account-user-menu .menu ul{
  flex: none;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  text-transform: uppercase;
}

@media (min-width: 769px){

  .account-user-menu .menu ul{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}

.account-user-menu .menu ul {

      font-size: 1rem;
      line-height: 1.8rem;
      letter-spacing: 0.08rem;
    }

.account-user-menu .menu ul:last-child{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

@media (min-width: 769px) {

.account-user-menu .menu ul {
        font-size: 1.2rem;
        line-height: 2rem;
        letter-spacing: 0.1rem
    }
      }

.account-user-menu .menu li{
  margin-left: 1rem;
}

@media (min-width: 769px){

  .account-user-menu .menu li{
    margin-left: 2rem;
  }
}

.account-user-menu .menu li a{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.account-user-menu .menu li.active a,
      .account-user-menu .menu li a:hover{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}

.account-user-menu.is-opened .menu-button .icon {
      transform: rotate(180deg);
    }

.account-user-menu.is-opened .menu {
      display: block;
      position: absolute;
      top: 12.1rem;
      left: 0;
      right: 0;
      width: 100%;
      height: 100vh;
      background-color: rgba(255, 255, 255, 0.95);
      z-index: 10;
    }

.admin-edit-button {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 0.5rem 2rem;
  --tw-bg-opacity: 1;
  background-color: rgba(60, 58, 54, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
  border-top-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1));
  z-index: 10;
}

.admin-edit-button.with-cart-banner {
    margin-bottom: var(--cart-banner-height);
  }

.admin-show-translation-keys-button {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0.5rem 2rem;
  --tw-bg-opacity: 1;
  background-color: rgba(60, 58, 54, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
  border-top-width: 1px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity, 1));
  z-index: 10;
}

.admin-show-translation-keys-button.with-cart-banner {
    margin-bottom: var(--cart-banner-height);
  }

.articles-header {
  min-height: 9.2rem;
  width: 100%;
}

.articles-header__container{
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
}

.form .articles-header__container .form-group + .form-group {
    margin-top: 0;
  }

.form .articles-header__container .form-group {
    flex: 1 1 50%;
  }

.articles-header__container{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.articles-header__search,
  .articles-header__kind {
    flex: 1 1 auto;
  }

@media (min-width: 1025px) {

.articles-header__search,
  .articles-header__kind {
      height: 10.2rem
  }
    }

.articles-header__kind {
    padding: 1.5rem 1rem;
    position: relative;
    height: 6.3rem;
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-right-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  }

.articles-header__kind label,
    .articles-header__kind a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }

.articles-header__kind label:hover,
    .articles-header__kind a:hover{
  cursor: pointer;
}

.articles-header__kind span,
    .articles-header__kind input {
      display: none;
    }

.articles-header__kind svg{
  margin: auto;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));

      height: 3.3rem;
      width: 6rem;
      padding: 0.7rem 0;
}

@media (min-width: 769px) {

.articles-header__kind {
      height: auto
  }

      .articles-header__kind svg {
        padding: 0;
      }

.articles-header__kind--all {
        max-width: 12.1rem
    }

        .articles-header__kind--all svg {
          width: 4rem;
          height: 4rem;
        }
    }

.articles-header__kind--all svg.icon-filter_all{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.articles-header__kind--clear svg {
        height: 3rem;
      }

@media (min-width: 769px) {

.articles-header__kind--clear {
        max-width: 12.1rem
    }

        .articles-header__kind--clear svg {
          width: 6.5rem;
          height: 4rem;
        }

.articles-header__kind--gazette {
        max-width: 15.8rem
    }

        .articles-header__kind--gazette svg {
          width: 9.2rem;
          height: 4rem;
        }
      }

.articles-header__kind--news{
  border-right-width: 0px;
}

.articles-header__kind--news svg {
        height: 3.1rem;
      }

@media (min-width: 769px) {

.articles-header__kind--news {
        max-width: 13.4rem
    }

        .articles-header__kind--news svg {
          width: 6.2rem;
          height: 4rem;
        }
      }

.articles-header__kind:not(.articles-header__kind--active) svg:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.articles-header__kind--active{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
}

.articles-header__kind--active svg.icon{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.articles-header__kind--active:after {
        position: absolute;
        bottom: -4px;
        left: 0;
        right: 0;
        margin: auto;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #737373;
      }

.articles-header__search{
  width: 100%;
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto;
    padding: 0 2rem;
    min-height: 4.6rem;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

@media (min-width: 769px){

  .articles-header__search{
    border-top-width: 0px;
    border-left-width: 1px;
  }
}

.articles-header__search:focus-within{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-left-color: rgba(115, 115, 115, var(--tw-border-opacity, 1));
}

@media (min-width: 769px){

  .articles-header__search:focus-within{
    border-left-width: 8px;
  }
}

.articles-header__search:focus-within {
      padding-left: 1.6rem;
    }

@media (min-width: 769px) {

.articles-header__search:focus-within {
        padding-left: 1.3rem
    }
      }

.articles-header__search input {
      width: 100%;
      line-height: 2rem;
      padding: 0.5rem;

      outline: none;
    }

@media (min-width: 769px) {

.articles-header__search {
      flex: 1 1
  }
    }

.articles-header__tags {
    min-height: 51px;
    display: none;
  }

.offers-container.articles-header__tags {
      display: none;
    }

@media (min-width: 769px){

  .articles-header__tags{
    display: flex;
  }
}

.articles-header__tags{
  align-items: center;
  border-top-width: 1px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    margin-left: auto;
}

@media (min-width: 769px) {

.articles-header__tags {
      width: 100%
  }
    }

.articles-header__tags .tags {
      overflow: hidden;
      padding: 1rem 1.5rem;
      display: block;
      width: 100%;
      max-height: 4.6rem;
    }

.articles-header__tags .tags .tag {
        display: inline-block;
        margin-bottom: 1rem;
        padding: 0;
        margin-right: 0.5rem;
      }

.articles-header__tags .tags .tag span {
          display: block;
          padding: 0 1rem;
        }

.articles-header__tags .tags .tag input:checked + span{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(242, 242, 242, var(--tw-text-opacity, 1));
}

.articles-header__tags .tags .tag:hover {
          cursor: pointer;
        }

.articles-header__actions{
  width: 100%;
}

.articles-header__actions__more{
  display: none;
}

.offers-container.articles-header__actions__more {
      display: none;
    }

@media (min-width: 769px){

  .articles-header__actions__more{
    display: block;
  }
}

.articles-header__actions__more {
      position: relative;
      text-align: right;
      margin: 0.5rem 0;
    }

.articles-header__actions__more button{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.articles-header__actions__more button:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.articles-header__actions__more button{
  display: inline-flex;
  align-items: center;
}

.form .articles-header__actions__more button .form-group + .form-group {
    margin-top: 0;
  }

.form .articles-header__actions__more button .form-group {
    flex: 1 1 50%;
  }

.articles-header__actions__more button {
        font-size: 1.2rem;
        line-height: 2rem;
        letter-spacing: 0.3px;
        cursor: pointer;
      }

.articles-header__actions__more button:last-of-type {
          display: none;
        }

.articles-header__actions__more svg {
        margin-left: 1rem;
        width: 0.8rem;
        height: 0.5rem;
      }

/* States */

.articles-header.has-tags-open .tags {
      max-height: 18.4rem;
      overflow-y: scroll;
    }

.articles-header.has-tags-open .articles-header__actions__more button:first-of-type {
        display: none;
      }

.articles-header.has-tags-open .articles-header__actions__more button:last-of-type {
        display: inline-flex;
      }

.articles-header.has-tags-open .articles-header__actions__more svg {
        transform: rotate(180deg);
      }

.articles-item{
  list-style-type: none;
  grid-column: span 1 / span 1;
}

.articles-item > a,
  .articles-item > div{
  display: grid;
}

@media print {
  .articles-item > a,
  .articles-item > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.prefooter .articles-item > a,.prefooter 
  .articles-item > div {
    grid-template-columns: 1fr;
  }

@media (min-width: 525px) {

.prefooter .articles-item > a,.prefooter 
  .articles-item > div {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
  }
    }

@media (min-width: 769px) {

.prefooter .articles-item > a,.prefooter 
  .articles-item > div {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

@media (min-width: 1025px) {

.prefooter .articles-item > a,.prefooter 
  .articles-item > div {
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr))
  }
    }

@media (min-width: 1440px) {

.prefooter .articles-item > a,.prefooter 
  .articles-item > div {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

.articles-index ul.articles-item > a,.articles-index ul
  .articles-item > div {
    grid-row-gap: 5.5rem;
  }

@media (min-width: 1025px) {

.articles-index ul.articles-item > a,.articles-index ul
  .articles-item > div {
      grid-row-gap: 7rem
  }
    }

.about-designers-index ul.articles-item > a,.about-designers-index ul
  .articles-item > div{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 525px){

  .about-designers-index ul.articles-item > a,.about-designers-index ul
  .articles-item > div{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1025px){

  .about-designers-index ul.articles-item > a,.about-designers-index ul
  .articles-item > div{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 9rem;
  }
}

.about-designers-index ul.articles-item > a,.about-designers-index ul
  .articles-item > div {

    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

@media (min-width: 1025px) {

.about-designers-index ul.articles-item > a,.about-designers-index ul
  .articles-item > div {
      margin-top: 0
  }
    }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3) {
          display: none;
        }

@media (min-width: 769px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2),.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4),.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4),.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3),
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 7), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 7), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 7), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 7), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 7), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 7), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 7), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 7),.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 7), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 7), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 7), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 7), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 7), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 7), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 7), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 7) {
            display: none;
          }
      }

.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2),.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2) {
          display: none;
        }

@media (min-width: 525px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 2),.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 3),.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 3) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .articles-item > a li:nth-child(n + 4),.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] 
  .articles-item > div li:nth-child(n + 4) {
            display: none;
          }
      }

.typeface-family-case-studies-index .articles-item > a,.typeface-family-case-studies-index 
  .articles-item > div {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-family-case-studies-index .articles-item > a,.typeface-family-case-studies-index 
  .articles-item > div {
      margin-left: auto;
      margin-right: auto
  }
    }

.typeface-segments-index .articles-item > a,.typeface-segments-index 
  .articles-item > div {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-segments-index .articles-item > a,.typeface-segments-index 
  .articles-item > div {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0
  }
    }

.articles-item > a,
  .articles-item > div {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    color: inherit;
  }

.articles-item > a:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.articles-item__title{
  word-wrap: break-word;

    grid-column: inherit;

    padding-left: 25px;
}

@media (min-width: 769px) {

.articles-item__title {
      padding-left: 0
  }
    }

.articles-item__image{
  display: block;
    grid-column: inherit;
    margin-bottom: 2rem;

    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    width: 100vw;
}

@media (min-width: 525px) {

.articles-item__image {
      max-width: 100%;
      width: 100%;
      position: static;
      margin-left: 0;
      margin-right: 0;

      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
      transition: box-shadow 0.2s ease-in
  }
    }

@media (min-width: 1025px) {

.articles-item__image {
      margin-bottom: 4rem
  }
    }

.articles-item__excerpt {
    font-size: 1.4rem;
    line-height: 1.78;
    letter-spacing: 0.04rem;
    margin-bottom: 2rem;
    grid-column: inherit;
  }

@media (min-width: 1025px) {

.articles-item__excerpt {
      font-size: 1.8rem;
      line-height: 2.9rem;
      letter-spacing: 0.045rem;
      margin-bottom: 5rem
  }
    }

.articles-item__excerpt::first-letter {
      float: left;
      margin-right: 10px;
      margin-bottom: 5px;
      font-size: 87px;
      line-height: 52px;
    }

@media (min-width: 1025px) {

.articles-item__excerpt::first-letter {
        font-size: 103px;
        line-height: 64px
    }
      }

.articles-item__excerpt{

    padding-left: 25px;
}

@media (min-width: 769px) {

.articles-item__excerpt {
      padding-left: 0
  }
    }

.articles-item__date{
  display: block;
}

.articles-item__categories > span {
      display: none;
    }

@media (min-width: 769px) {

.articles-item__categories {

      margin-left: 4px
  }
      .articles-item__categories > span {
        display: inline-block;
      }
    }

.articles-item footer{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    padding-top: 7px;

    margin-left: 35px;
}

@media (min-width: 769px) {

.articles-item footer {
      margin-left: 0;
      display: inline-flex
  }
    }

.articles-item footer .articles-item__date{
  flex-shrink: 0;
}

/* Variants */

@media (min-width: 769px){

  .articles-item.is-focus{
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 1025px){

  .articles-item.is-focus{
    grid-column: span 3 / span 3;
  }
}

@media (min-width: 769px) {

.articles-item.is-focus > a,
    .articles-item.is-focus > div {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
      }

@media (min-width: 1025px) {

.articles-item.is-focus > a,
    .articles-item.is-focus > div {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
      }

@media (min-width: 769px){

  .articles-item.is-focus .articles-item__title{
    grid-column: span 2 / span 2;
    grid-column-start: 2;
  }

  .articles-item.is-focus .articles-item__image{
    grid-column: span 3 / span 3;
  }

  .articles-item.is-focus .articles-item__excerpt{
    grid-column: span 2 / span 2;
    grid-column-start: 2;
  }

  .articles-item.is-focus footer{
    grid-column: span 2 / span 2;
    grid-column-start: 2;
  }
}

.articles-item--gazette .articles-item__title{
  font-family: 'MenckenSpeHeadCompress', Georgia, serif;
  text-transform: uppercase;
      font-size: 4.3rem;
      line-height: 0.93;
      margin-bottom: 3rem;
}

@media (min-width: 1025px) {

.articles-item--gazette .articles-item__title {
        margin-top: -7px; /* To align title with news one */
        font-size: 10rem;
        margin-bottom: 4.5rem
    }
      }

.articles-item--gazette .articles-item__excerpt::first-letter{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
}

@media (min-width: 769px){

  .articles-item--gazette{
    grid-column: span 2 / span 2;
  }
}

.articles-item--news .articles-item__title{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
      font-size: 2.2rem;
      line-height: 1.09;
      margin-bottom: 2rem;
}

@media (min-width: 1025px) {

.articles-item--news .articles-item__title {
        font-size: 5rem;
        margin-bottom: 4rem
    }
      }

.articles-item--news .articles-item__excerpt::first-letter{
  font-family: 'MenckenSpeHeadCompress', Georgia, serif;
      font-size: 88px;
      line-height: 54px;
}

@media (min-width: 1025px) {

.articles-item--news .articles-item__excerpt::first-letter {
        font-size: 108px;
        line-height: 65px
    }
      }

/* States */

@media (min-width: 525px) {

.articles-item:hover .articles-item__image {
        box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.6)
    }
      }

@-moz-document url-prefix() {
      .articles-item .articles-item__excerpt::first-letter {
        margin-top: 7px;
      }

        @media (min-width: 1025px) {
      .articles-item .articles-item__excerpt::first-letter {
          font-size: 104px !important
      }
        }
        .articles-item--news .articles-item__excerpt::first-letter {
          margin-top: 8px;
        }

          @media (min-width: 1025px) {
        .articles-item--news .articles-item__excerpt::first-letter {
            font-size: 105px !important
        }
          }
}

.carousel {
  overflow: hidden;
  width: 100%;
}

.carousel .swiper-slide {
    width: 100% !important;
  }

.carousel .swiper-slide img {
      max-width: var(--grid-max-width);
      margin-left: auto;
      margin-right: auto;
      height: auto;
    }

.carousel .slider-button{
  position: absolute;
  bottom: 1rem;
}

@media (min-width: 1025px){

  .carousel .slider-button{
    bottom: 5rem;
  }
}

.carousel .slider-button{
  width: 100%;
  text-align: center;
    z-index: 11;
}

.carousel .slider-button a.button{
  display: inline-block;
      font-size: 1rem;
      letter-spacing: 0.83px;
      line-height: 1rem;
      padding: 0.6rem 0.8rem;
      min-width: 6.4rem;
      min-height: 2.4rem;
      box-shadow: 4px 6px 8px 0 rgba(0, 0, 0, 0.1);
}

@media (min-width: 1025px) {

.carousel .slider-button a.button {
        font-size: 1.6rem;
        line-height: 1.6rem;
        min-height: 2.2rem;
        padding: 1rem 1.4rem
    }
      }

.carousel-btn-prev,
.carousel-btn-next{
  display: flex;
  background-color: rgba(192, 192, 192, 0.4);
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
  opacity: 0.5;
  width: 4rem;
  height: 4rem;
  border-radius: 25px;
}

@media (min-width: 1025px) {

.carousel-btn-prev,
.carousel-btn-next {
    width: 5rem;
    height: 5rem
}
  }

.carousel-btn-prev:hover,
.carousel-btn-next:hover {
  opacity: 1;
}

.carousel-btn-prev:after,
.carousel-btn-next:after {
  content: none;
}

.carousel-btn-prev svg,
.carousel-btn-next svg {
  width: 1.4rem;
}

@media (min-width: 1025px) {

.carousel-btn-prev svg,
.carousel-btn-next svg {
    width: 1.8rem
}
  }

.carousel-btn-prev svg {
  transform: rotate(180deg);
}

.carousel .swiper-pagination{
  display: none;
}

.offers-container.carousel .swiper-pagination {
      display: none;
    }

@media (min-width: 1025px){

  .carousel .swiper-pagination{
    display: block;
  }
}

.carousel .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border: 4px solid white;
  --tw-bg-opacity: 1;
  background-color: rgba(201, 58, 51, var(--tw-bg-opacity, 1));
}

.cart-banner{
  position: fixed;
  z-index: 10;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgba(192, 192, 192, var(--tw-bg-opacity, 1));
  left: 0;
  height: var(--cart-banner-height);
}

.cart-banner.cart-open {
    top: 0;
  }

.cart-banner .cart-banner__content{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-end;
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.cart-banner .cart-banner__content:hover{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}

.cart-banner .cart-banner__content {
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    display: flex;
    width: 100%;
  }

.cart-banner .cart-banner__content span.logo {
      height: auto;
    }

.cart-banner .cart-banner__content span.logo svg {
        width: 5.2rem;
        height: 3.4rem;
      }

.cart-banner .cart-banner__content .right-content{
  display: flex;
  align-items: center;
}

.cart-banner .cart-banner__content .icons{
  margin-left: 2rem;
  display: flex;
  align-items: center;
}

.cart-banner .cart-banner__content .icons svg.icon-cart {
        width: 2rem;
        height: 2rem;
      }

.cart-banner .cart-banner__content .icons svg.icon-dropdown-arrow{
  margin-left: 0.5rem;

        width: 1.2rem;
        height: 0.68rem;
        transform: rotate(180deg);
}

.cart-banner .cart-banner__content .icons svg.icon-close {
        width: 1.8rem;
        height: 1.8rem;
        padding: 0.8rem;
        box-sizing: content-box;
      }

.cart-banner .cart-banner__content .subtitle{
  margin-left: 1.5rem;
      line-height: 2rem;
}

.cart-banner .cart-banner__content a.button{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
      flex: none;
}

/* States */

.cart-banner.cart-open {
    height: var(--navbar-height);
    top: 0;
  }

.cart-banner.cart-open .cart-banner__content{
  align-items: center;
  justify-content: space-between;
}

.cart-banner.cart-open .cart-banner__content .subtitle {
        margin-bottom: 0.5rem;
      }

.cart-banner.cart-open .cart-banner__content .icons svg.icon-dropdown-arrow {
          transform: rotate(0deg);
        }

.cart-banner.cart-open .cart-banner__content .icons svg.icon-cart,
        .cart-banner.cart-open .cart-banner__content .icons svg.icon-dropdown-arrow{
  display: none;
}

.offers-container.cart-banner.cart-open .cart-banner__content .icons svg.icon-cart,.offers-container
        .cart-banner.cart-open .cart-banner__content .icons svg.icon-dropdown-arrow {
      display: none;
    }

.cart-banner.cart-open .cart-banner__content .icons svg.icon-close{
  display: block;
}

.cart-banner:not(.cart-open) {
    bottom: 0;
  }

.cart-banner:not(.cart-open) .cart-banner__content{
  flex-direction: row-reverse;
}

.cart-banner:not(.cart-open) .cart-banner__content span.logo{
  display: none;
}

.offers-container.cart-banner:not(.cart-open) .cart-banner__content span.logo {
      display: none;
    }

.cart-banner:not(.cart-open) .cart-banner__content .icons{
  flex-direction: row-reverse;
}

.cart-banner:not(.cart-open) .cart-banner__content .icons svg.icon-cart,
        .cart-banner:not(.cart-open) .cart-banner__content .icons svg.icon-dropdown-arrow{
  display: block;
}

.cart-banner:not(.cart-open) .cart-banner__content .icons svg.icon-close{
  display: none;
}

.offers-container.cart-banner:not(.cart-open) .cart-banner__content .icons svg.icon-close {
      display: none;
    }

.cart-element-extras header {
    margin-top: 4.6rem;
    line-height: 2.5rem;
  }

.cart-element-extras header h2 {
      font-size: 1.5rem;
      line-height: 2rem;
      font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
    }

.cart-element-extras header p {
      font-size: 1.4rem;
      line-height: 2.5rem;
      letter-spacing: 0.35px;
    }

@media (min-width: 1025px) {
    .cart-element-extras header {
      width: 100%;
      max-width: 75%;
      line-height: 2rem;
      margin-top: 8.6rem;
    }

      .cart-element-extras header h2 {
        font-size: 1.8rem;
      }

      .cart-element-extras header p {
        font-size: 1.6rem;
        letter-spacing: 0.4px;
      }
  }

.cart-element-extras .faq-blocks {
    margin-top: 7rem;
  }

@media (min-width: 525px) {

.cart-element-extras .faq-blocks {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 2rem
  }
    }

@media (min-width: 1025px) {

.cart-element-extras .faq-blocks {
      grid-column-gap: 3.8rem
  }
    }

.cart-element-header{
  margin-top: 1.5rem;
  margin-bottom: 4rem;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 1025px){

  .cart-element-header{
    margin-top: 6rem;
  }
}

.cart-element-header h1{
  width: 100%;
}

.cart-element-payment{
  padding-bottom: 2rem;
}

.cart-element-payment header {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

@media (min-width: 1025px) {

.cart-element-payment header h2 {
        font-size: 1.5rem;
        line-height: 2.7rem
    }
      }

.cart-element-payment header p {
      font-size: 1.2rem;
      line-height: 1.9rem;
      display: inline-flex;
      align-items: flex-end;
    }

.form .cart-element-payment header p .form-group + .form-group {
    margin-top: 0;
  }

.form .cart-element-payment header p .form-group {
    flex: 1 1 50%;
  }

.cart-element-payment header p{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.cart-element-payment .kr-smart-form,
  .cart-element-payment .kr-smart-form[krvue]{
  width: 100%;
}

.cart-element-payment .kr-smart-form .kr-smart-form-embedded-header, .cart-element-payment .kr-smart-form[krvue] .kr-smart-form-embedded-header {
      display: none;
    }

.cart-element-payment .kr-smart-form .kr-methods-list-row:first-child, .cart-element-payment .kr-smart-form[krvue] .kr-methods-list-row:first-child{
  margin-bottom: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
        padding-bottom: 5.5rem;
}

.cart-element-payment .kr-smart-form .kr-methods-list-row:not(:first-child) .kr-smart-form-list-section-name, .cart-element-payment .kr-smart-form[krvue] .kr-methods-list-row:not(:first-child) .kr-smart-form-list-section-name {
          display: none;
        }

.cart-element-payment .kr-smart-form .kr-methods-list-row .kr-smart-form-list-section-name, .cart-element-payment .kr-smart-form[krvue] .kr-methods-list-row .kr-smart-form-list-section-name{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  padding-bottom: 1rem;

        font-size: 1.5rem;
        line-height: 1.9rem;

        margin-bottom: 1.5rem;
}

@media (min-width: 1025px) {

.cart-element-payment .kr-smart-form .kr-methods-list-row .kr-smart-form-list-section-name, .cart-element-payment .kr-smart-form[krvue] .kr-methods-list-row .kr-smart-form-list-section-name {
          font-size: 1.5rem;
          line-height: 2.7rem
      }
        }

.cart-element-payment .kr-smart-form .kr-smart-form-wallet-card, .cart-element-payment .kr-smart-form[krvue] .kr-smart-form-wallet-card{
  width: 100%;
  margin-left: auto;
      border-radius: 8px !important;
      padding: 0 1rem !important;
      min-height: 36px !important;
      height: auto !important;
      text-align: center !important;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif !important;
      font-size: 1.4rem !important;
      line-height: 1.4 !important;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.cart-element-payment .kr-smart-form .kr-smart-form-wallet-card .kr-brand-icon, .cart-element-payment .kr-smart-form[krvue] .kr-smart-form-wallet-card .kr-brand-icon{
  margin-right: 1rem;
}

.cart-element-payment .kr-smart-form .kr-smart-form-wallet-card .kr-wallet-method-label, .cart-element-payment .kr-smart-form[krvue] .kr-smart-form-wallet-card .kr-wallet-method-label{
  margin-right: 0.5rem;
}

.cart-element-payment .kr-smart-form .kr-smart-form-wallet-card .kr-delete-button-wrapper, .cart-element-payment .kr-smart-form[krvue] .kr-smart-form-wallet-card .kr-delete-button-wrapper{
  margin-left: auto;
}

.cart-element-payment .kr-smart-form .kr-smart-form-wallet-card .kr-delete-button-wrapper svg, .cart-element-payment .kr-smart-form[krvue] .kr-smart-form-wallet-card .kr-delete-button-wrapper svg{
  fill: currentColor;
          height: 1.4rem;
          width: 1.4rem;
}

.cart-element-payment .kr-smart-form .kr-smart-form-wallet-card .kr-delete-button-wrapper:hover, .cart-element-payment .kr-smart-form[krvue] .kr-smart-form-wallet-card .kr-delete-button-wrapper:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.cart-element-payment .kr-smart-form .kr-wallet-tabs, .cart-element-payment .kr-smart-form[krvue] .kr-wallet-tabs{
  margin-bottom: 1rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.cart-element-payment .kr-smart-form .kr-wallet-tabs .kr-my-cards,
      .cart-element-payment .kr-smart-form .kr-wallet-tabs .kr-new-card,
      .cart-element-payment .kr-smart-form[krvue] .kr-wallet-tabs .kr-my-cards,
      .cart-element-payment .kr-smart-form[krvue] .kr-wallet-tabs .kr-new-card{
  align-items: flex-start;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
        font-size: 1.5rem;
}

.cart-element-payment .kr-smart-form .kr-wallet-tabs .kr-my-cards.kr-selected, .cart-element-payment .kr-smart-form .kr-wallet-tabs .kr-new-card.kr-selected, .cart-element-payment .kr-smart-form[krvue] .kr-wallet-tabs .kr-my-cards.kr-selected, .cart-element-payment .kr-smart-form[krvue] .kr-wallet-tabs .kr-new-card.kr-selected{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.cart-element-payment .kr-smart-form .kr-wallet-tabs .kr-my-cards.kr-selected:hover, .cart-element-payment .kr-smart-form .kr-wallet-tabs .kr-new-card.kr-selected:hover, .cart-element-payment .kr-smart-form[krvue] .kr-wallet-tabs .kr-my-cards.kr-selected:hover, .cart-element-payment .kr-smart-form[krvue] .kr-wallet-tabs .kr-new-card.kr-selected:hover{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}

.cart-element-payment .kr-smart-form .kr-wallet-tabs .kr-my-cards:hover, .cart-element-payment .kr-smart-form .kr-wallet-tabs .kr-new-card:hover, .cart-element-payment .kr-smart-form[krvue] .kr-wallet-tabs .kr-my-cards:hover, .cart-element-payment .kr-smart-form[krvue] .kr-wallet-tabs .kr-new-card:hover{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.cart-element-payment .kr-smart-form .kr-card-list-wrapper, .cart-element-payment .kr-smart-form[krvue] .kr-card-list-wrapper{
  margin-bottom: 1rem;
}

.cart-element-payment .kr-smart-form .kr-card-list-wrapper .kr-card-element, .cart-element-payment .kr-smart-form[krvue] .kr-card-list-wrapper .kr-card-element{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.cart-element-payment .kr-smart-form .kr-card-list-wrapper .kr-card-element .kr-card-label input[type="radio"], .cart-element-payment .kr-smart-form[krvue] .kr-card-list-wrapper .kr-card-element .kr-card-label input[type="radio"]{
  margin-right: 0.5rem;
}

.cart-element-payment .kr-smart-form .kr-card-list-wrapper .kr-card-element .kr-card-label label, .cart-element-payment .kr-smart-form[krvue] .kr-card-list-wrapper .kr-card-element .kr-card-label label{
  margin-top: -0.5rem;
}

.cart-element-payment .kr-smart-form .kr-card-holder-name,
    .cart-element-payment .kr-smart-form .kr-pan,
    .cart-element-payment .kr-smart-form .kr-expiry,
    .cart-element-payment .kr-smart-form .kr-security-code,
    .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name,
    .cart-element-payment .kr-smart-form[krvue] .kr-pan,
    .cart-element-payment .kr-smart-form[krvue] .kr-expiry,
    .cart-element-payment .kr-smart-form[krvue] .kr-security-code {
      font-size: 1.4rem;
      letter-spacing: 0.034rem;
      line-height: 2.7rem;
      padding: 0.8rem 1.6rem;
      min-height: 3.6rem;
      max-height: 3.6rem;
      margin-left: 0px;
      width: 100%;
      --tw-bg-opacity: 1;
      background-color: rgba(242, 242, 242, var(--tw-bg-opacity, 1));
      font-family: 'MenckenSpeText', Georgia, serif;
      --tw-text-opacity: 1;
      color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    }

.cart-element-payment .kr-smart-form .kr-card-holder-name .kr-icon-wrapper-root,
      .cart-element-payment .kr-smart-form .kr-card-holder-name .kr-field-component,
      .cart-element-payment .kr-smart-form .kr-pan .kr-icon-wrapper-root,
      .cart-element-payment .kr-smart-form .kr-pan .kr-field-component,
      .cart-element-payment .kr-smart-form .kr-expiry .kr-icon-wrapper-root,
      .cart-element-payment .kr-smart-form .kr-expiry .kr-field-component,
      .cart-element-payment .kr-smart-form .kr-security-code .kr-icon-wrapper-root,
      .cart-element-payment .kr-smart-form .kr-security-code .kr-field-component,
      .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name .kr-icon-wrapper-root,
      .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name .kr-field-component,
      .cart-element-payment .kr-smart-form[krvue] .kr-pan .kr-icon-wrapper-root,
      .cart-element-payment .kr-smart-form[krvue] .kr-pan .kr-field-component,
      .cart-element-payment .kr-smart-form[krvue] .kr-expiry .kr-icon-wrapper-root,
      .cart-element-payment .kr-smart-form[krvue] .kr-expiry .kr-field-component,
      .cart-element-payment .kr-smart-form[krvue] .kr-security-code .kr-icon-wrapper-root,
      .cart-element-payment .kr-smart-form[krvue] .kr-security-code .kr-field-component {
        background-color: transparent !important;
        height: 100%;
      }

.cart-element-payment .kr-smart-form .kr-card-holder-name .kr-iframe-wrapper, .cart-element-payment .kr-smart-form .kr-pan .kr-iframe-wrapper, .cart-element-payment .kr-smart-form .kr-expiry .kr-iframe-wrapper, .cart-element-payment .kr-smart-form .kr-security-code .kr-iframe-wrapper, .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name .kr-iframe-wrapper, .cart-element-payment .kr-smart-form[krvue] .kr-pan .kr-iframe-wrapper, .cart-element-payment .kr-smart-form[krvue] .kr-expiry .kr-iframe-wrapper, .cart-element-payment .kr-smart-form[krvue] .kr-security-code .kr-iframe-wrapper {
        height: 100%;
      }

.cart-element-payment .kr-smart-form .kr-card-holder-name .kr-field-wrapper,
      .cart-element-payment .kr-smart-form .kr-card-holder-name .kr-outer-wrapper,
      .cart-element-payment .kr-smart-form .kr-pan .kr-field-wrapper,
      .cart-element-payment .kr-smart-form .kr-pan .kr-outer-wrapper,
      .cart-element-payment .kr-smart-form .kr-expiry .kr-field-wrapper,
      .cart-element-payment .kr-smart-form .kr-expiry .kr-outer-wrapper,
      .cart-element-payment .kr-smart-form .kr-security-code .kr-field-wrapper,
      .cart-element-payment .kr-smart-form .kr-security-code .kr-outer-wrapper,
      .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name .kr-field-wrapper,
      .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name .kr-outer-wrapper,
      .cart-element-payment .kr-smart-form[krvue] .kr-pan .kr-field-wrapper,
      .cart-element-payment .kr-smart-form[krvue] .kr-pan .kr-outer-wrapper,
      .cart-element-payment .kr-smart-form[krvue] .kr-expiry .kr-field-wrapper,
      .cart-element-payment .kr-smart-form[krvue] .kr-expiry .kr-outer-wrapper,
      .cart-element-payment .kr-smart-form[krvue] .kr-security-code .kr-field-wrapper,
      .cart-element-payment .kr-smart-form[krvue] .kr-security-code .kr-outer-wrapper {
      }

.cart-element-payment .kr-smart-form .kr-card-holder-name .kr-input-field, .cart-element-payment .kr-smart-form .kr-pan .kr-input-field, .cart-element-payment .kr-smart-form .kr-expiry .kr-input-field, .cart-element-payment .kr-smart-form .kr-security-code .kr-input-field, .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name .kr-input-field, .cart-element-payment .kr-smart-form[krvue] .kr-pan .kr-input-field, .cart-element-payment .kr-smart-form[krvue] .kr-expiry .kr-input-field, .cart-element-payment .kr-smart-form[krvue] .kr-security-code .kr-input-field {
        border: none;
        background-color: transparent !important;
        outline: 0;
      }

.cart-element-payment .kr-smart-form .kr-card-holder-name .kr-input-field::-moz-placeholder, .cart-element-payment .kr-smart-form .kr-pan .kr-input-field::-moz-placeholder, .cart-element-payment .kr-smart-form .kr-expiry .kr-input-field::-moz-placeholder, .cart-element-payment .kr-smart-form .kr-security-code .kr-input-field::-moz-placeholder, .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name .kr-input-field::-moz-placeholder, .cart-element-payment .kr-smart-form[krvue] .kr-pan .kr-input-field::-moz-placeholder, .cart-element-payment .kr-smart-form[krvue] .kr-expiry .kr-input-field::-moz-placeholder, .cart-element-payment .kr-smart-form[krvue] .kr-security-code .kr-input-field::-moz-placeholder{
  color: rgba(115, 115, 115, 0.7);
}

.cart-element-payment .kr-smart-form .kr-card-holder-name .kr-input-field::placeholder, .cart-element-payment .kr-smart-form .kr-pan .kr-input-field::placeholder, .cart-element-payment .kr-smart-form .kr-expiry .kr-input-field::placeholder, .cart-element-payment .kr-smart-form .kr-security-code .kr-input-field::placeholder, .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name .kr-input-field::placeholder, .cart-element-payment .kr-smart-form[krvue] .kr-pan .kr-input-field::placeholder, .cart-element-payment .kr-smart-form[krvue] .kr-expiry .kr-input-field::placeholder, .cart-element-payment .kr-smart-form[krvue] .kr-security-code .kr-input-field::placeholder{
  color: rgba(115, 115, 115, 0.7);
}

.cart-element-payment .kr-smart-form .kr-card-holder-name.kr-error, .cart-element-payment .kr-smart-form .kr-pan.kr-error, .cart-element-payment .kr-smart-form .kr-expiry.kr-error, .cart-element-payment .kr-smart-form .kr-security-code.kr-error, .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name.kr-error, .cart-element-payment .kr-smart-form[krvue] .kr-pan.kr-error, .cart-element-payment .kr-smart-form[krvue] .kr-expiry.kr-error, .cart-element-payment .kr-smart-form[krvue] .kr-security-code.kr-error{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgba(201, 58, 51, var(--tw-border-opacity, 1));
        padding-left: 1.2rem;
}

.cart-element-payment .kr-smart-form .kr-card-holder-name .kr-field-component, .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name .kr-field-component {
        display: flex;
      }

.cart-element-payment .kr-smart-form .kr-card-holder-name input.kr-input-field, .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name input.kr-input-field {
        line-height: inherit;
        font-style: normal;
        font-weight: 400;

        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto;
        text-rendering: auto;
      }

.cart-element-payment .kr-smart-form input, .cart-element-payment .kr-smart-form[krvue] input {
      height: auto !important;
      font-family: Georgia, serif;
      font-size: 1.4rem !important;
    }

.cart-element-payment .kr-smart-form .kr-security-code .kr-help-button, .cart-element-payment .kr-smart-form[krvue] .kr-security-code .kr-help-button {
        display: flex !important;
      }

.cart-element-payment .kr-smart-form .kr-security-code .kr-field-wrapper-securityCode .kr-visibility-button, .cart-element-payment .kr-smart-form[krvue] .kr-security-code .kr-field-wrapper-securityCode .kr-visibility-button{
  margin-right: 0.5rem;
  height: 100%;
}

.cart-element-payment .kr-smart-form .kr-card-holder-name, .cart-element-payment .kr-smart-form[krvue] .kr-card-holder-name{
  margin-bottom: 1rem;
}

.cart-element-payment .kr-smart-form .kr-payment-button-wrapper, .cart-element-payment .kr-smart-form[krvue] .kr-payment-button-wrapper{
  display: inline-flex !important;
  width: 100% !important;
  justify-content: flex-end !important;
}

.form .cart-element-payment .kr-smart-form .kr-payment-button-wrapper .form-group + .form-group,.form  .cart-element-payment .kr-smart-form[krvue] .kr-payment-button-wrapper .form-group + .form-group {
    margin-top: 0 !important;
  }

.form .cart-element-payment .kr-smart-form .kr-payment-button-wrapper .form-group,.form  .cart-element-payment .kr-smart-form[krvue] .kr-payment-button-wrapper .form-group {
    flex: 1 1 50% !important;
  }

.cart-element-payment .kr-smart-form .kr-payment-button-wrapper, .cart-element-payment .kr-smart-form[krvue] .kr-payment-button-wrapper{
  margin-top: 3rem;
}

.cart-element-payment .kr-smart-form .kr-payment-button, .cart-element-payment .kr-smart-form[krvue] .kr-payment-button {
      width: auto !important;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
      --tw-bg-opacity: 1 !important;
      background-color: rgba(201, 58, 51, var(--tw-bg-opacity, 1)) !important;
      border-radius: 8px !important;
      padding: 0 2rem !important;
      text-transform: uppercase !important;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif !important;
      font-size: 10px !important;
      line-height: 1 !important;
      min-height: 36px !important;
      height: auto !important;
      letter-spacing: 0.83px !important;
      text-align: center !important;
      min-width: 95px !important;
      margin-top: 0.5rem;
      z-index: 10;
    }

@media (min-width: 1440px) {

.cart-element-payment .kr-smart-form .kr-payment-button, .cart-element-payment .kr-smart-form[krvue] .kr-payment-button {
        font-size: 1.2rem !important
    }
      }

.cart-element-payment .kr-smart-form .kr-payment-button span, .cart-element-payment .kr-smart-form[krvue] .kr-payment-button span {
        font-family: inherit !important;
        font-size: inherit;
        line-height: 1 !important;
      }

.cart-element-payment .kr-smart-form .kr-payment-button:hover, .cart-element-payment .kr-smart-form[krvue] .kr-payment-button:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(163, 46, 40, var(--tw-bg-opacity, 1)) !important;
}

.cart-element-payment .kr-smart-form .kr-form-error, .cart-element-payment .kr-smart-form[krvue] .kr-form-error {
      width: 100% !important;
    }

.cart-element-payment .kr-smart-form .kr-form-error span, .cart-element-payment .kr-smart-form[krvue] .kr-form-error span{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
        font-size: 1.2rem;
}

.cart-element-payment .kr-smart-form .kr-field-wrapper .kr-help-button-wrapper, .cart-element-payment .kr-smart-form[krvue] .kr-field-wrapper .kr-help-button-wrapper {
      display: block;
    }

.cart-element-payment .kr-smart-form .kr-field-wrapper .kr-help-button-wrapper .kr-help-button, .cart-element-payment .kr-smart-form[krvue] .kr-field-wrapper .kr-help-button-wrapper .kr-help-button {
        width: 30px;
        height: 30px;
        display: none;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        margin-top: -4px;
        margin-right: -4px;
      }

.cart-element-payment .kr-smart-form .kr-field-wrapper .kr-help-button-wrapper .kr-help-button .kr-help-icon-wrapper, .cart-element-payment .kr-smart-form[krvue] .kr-field-wrapper .kr-help-button-wrapper .kr-help-button .kr-help-icon-wrapper {
          width: 15px;
          height: 15px;
          border-radius: 50%;
          background-color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: row;
          box-shadow: 0px 0px 0px 1px #717171;
          cursor: pointer;
        }

.cart-element-payment .kr-smart-form .kr-field-wrapper .kr-help-button-wrapper .kr-help-button .kr-help-icon-wrapper .kr-help-icon, .cart-element-payment .kr-smart-form[krvue] .kr-field-wrapper .kr-help-button-wrapper .kr-help-button .kr-help-icon-wrapper .kr-help-icon {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
          }

.cart-element-payment .kr-smart-form .kr-field-wrapper .kr-help-button-wrapper .kr-help-button .kr-help-icon-wrapper .kr-help-icon svg, .cart-element-payment .kr-smart-form[krvue] .kr-field-wrapper .kr-help-button-wrapper .kr-help-button .kr-help-icon-wrapper .kr-help-icon svg {
              width: 7px;
              height: 7px;
            }

.cart-element-payment .kr-smart-form .kr-field-wrapper .kr-help-button-wrapper .kr-help-button .kr-help-icon-wrapper .kr-help-icon svg path, .cart-element-payment .kr-smart-form[krvue] .kr-field-wrapper .kr-help-button-wrapper .kr-help-button .kr-help-icon-wrapper .kr-help-icon svg path {
                fill: #717171;
              }

.cart-element-payment .kr-smart-form .kr-do-register, .cart-element-payment .kr-smart-form[krvue] .kr-do-register {
      font-size: 1.2rem;
      margin-bottom: -6.5rem;
      margin-top: 3rem;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    }

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox input.kr-theme, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox input.kr-theme {
        opacity: 0;
        width: 0;
        height: 0;
      }

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator {
        position: relative;
        cursor: pointer;
        width: 32px;
        height: 19px;
        background-color: #ddd;
        transition: 0.3s;
        border-radius: 34px;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 2px;
        margin-right: 5px;
        border: none;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border-color: transparent;
      }

@media (min-width: 1025px) {

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator {
          width: 24px;
          height: 14px;
          border-radius: 26px
      }
        }

@media (min-width: 1440px) {

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator {
          width: 32px;
          height: 19px;
          border-radius: 34px
      }
        }

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator:focus, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator:focus {
        border: none;
        outline: none;
        border-color: transparent;
      }

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator:before, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 2px;
        bottom: 2px;
        background-color: #fff;
        transition: 0.3s;
        border-radius: 50%;
      }

@media (min-width: 1025px) {

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator:before, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator:before {
          height: 10px;
          width: 10px
      }
        }

@media (min-width: 1440px) {

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator:before, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox .kr-checkbox-control-indicator:before {
          height: 15px;
          width: 15px
      }
        }

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox input:checked + .kr-checkbox-control-indicator, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox input:checked + .kr-checkbox-control-indicator {
        background-color: #c93a33;
      }

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox input:checked + .kr-checkbox-control-indicator:before, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox input:checked + .kr-checkbox-control-indicator:before {
        transform: translateX(13px);
      }

@media (min-width: 1025px) {

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox input:checked + .kr-checkbox-control-indicator:before, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox input:checked + .kr-checkbox-control-indicator:before {
          transform: translateX(10px)
      }
        }

@media (min-width: 1440px) {

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox input:checked + .kr-checkbox-control-indicator:before, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox.kr-checkbox-type-switch .kr-checkbox-input-wrapper .kr-field-control.kr-checkbox input:checked + .kr-checkbox-control-indicator:before {
          transform: translateX(13px)
      }
        }

.cart-element-payment .kr-smart-form .kr-field.kr-checkbox .kr-label, .cart-element-payment .kr-smart-form[krvue] .kr-field.kr-checkbox .kr-label{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.cart-element-payment .paypal-zone,
  .cart-element-payment .apple-pay-zone {
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity));
  }

.cart-element-payment .paypal-zone__content, .cart-element-payment .apple-pay-zone__content{
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: space-between;
}

.cart-element-payment .paypal-zone__content span, .cart-element-payment .apple-pay-zone__content span {
        font-size: 1.2rem;
        line-height: 1.9rem;
        margin-bottom: -3rem;
        display: inline-flex;
        align-items: flex-end;
      }

.form .cart-element-payment .paypal-zone__content span .form-group + .form-group,.form  .cart-element-payment .apple-pay-zone__content span .form-group + .form-group {
    margin-top: 0;
  }

.form .cart-element-payment .paypal-zone__content span .form-group,.form  .cart-element-payment .apple-pay-zone__content span .form-group {
    flex: 1 1 50%;
  }

.cart-element-payment .paypal-zone__content span, .cart-element-payment .apple-pay-zone__content span{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.cart-element-payment .paypal-zone__content .kr-smart-button-wrapper, .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper{
  display: flex !important;
  flex-direction: column;
  width: 100%;

        margin: 0;
}

.cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error), .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error){
  max-width: -moz-max-content;
  max-width: max-content;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
  margin-left: auto;
  --tw-bg-opacity: 1 !important;
  background-color: rgba(201, 58, 51, var(--tw-bg-opacity, 1)) !important;
          border-radius: 8px !important;
          padding: 0 2rem !important;
          text-transform: uppercase !important;
          min-height: 36px !important;
          height: auto !important;
          letter-spacing: 0.83px !important;
          text-align: center !important;
          min-width: 95px !important;
          border: none !important;
}

.cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error):hover, .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error):hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgba(163, 46, 40, var(--tw-bg-opacity, 1)) !important;
}

.cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label, .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label{
  display: inline-flex;
}

.form .cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label .form-group + .form-group,.form  .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label .form-group + .form-group {
    margin-top: 0;
  }

.form .cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label .form-group,.form  .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label .form-group {
    flex: 1 1 50%;
  }

.cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label, .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label{
  margin-left: auto;
  margin-right: auto;
}

.cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label label, .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label label{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif !important;
                font-size: 1rem !important;
                line-height: 1 !important;
}

@media (min-width: 1440px) {

.cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label label, .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label label {
                  font-size: 1.2rem !important
              }
                }

.cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label label.kr-amount-label, .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-smart-button:not(.kr-form-error) .kr-method-info .kr-label label.kr-amount-label {
                  display: none;
                }

.cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-form-error, .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-form-error{
  width: auto;
  display: inline-block;
}

.cart-element-payment .paypal-zone__content .kr-smart-button-wrapper .kr-form-error span, .cart-element-payment .apple-pay-zone__content .kr-smart-button-wrapper .kr-form-error span{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
            font-size: 1.2rem;
}

.cart-element-payment .paypal-zone {
    margin: 5.5rem 0 5rem;
    padding-top: 1rem;
    border-top-width: 1px;
  }

.cart-element-payment .apple-pay-zone {
    padding-bottom: 5.5rem;
    border-bottom-width: 1px;
    margin: 0 0 1rem;
  }

.kr-layer-manager{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
}

.kr-layer-manager .kr-help-button-wrapper .kr-help-modal-wrapper .kr-help-modal{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
      border-radius: 5px;
}

.kr-layer-manager .kr-help-button-wrapper .kr-help-modal-wrapper .kr-help-modal .kr-help-modal-header{
  --tw-bg-opacity: 1;
  background-color: rgba(242, 242, 242, var(--tw-bg-opacity, 1));
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: 1px solid gray;
}

.kr-layer-manager .kr-help-button-wrapper .kr-help-modal-wrapper .kr-help-modal .kr-help-modal-content{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));

        font-size: 14px;
        margin: 10px 0;
}

.kr-layer-manager .kr-help-button-wrapper .kr-help-modal-wrapper .kr-help-modal .kr-help-modal-content .kr-help-image {
          margin-top: 2.5rem;
        }

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
}

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-header {
        padding: 10px;
      }

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-header-title {
          margin: 0;
          font-size: 17px !important;
          font-style: normal;
          font-weight: bold;
        }

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-content-main p{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));

            font-size: 14px;
            font-style: normal;
            line-height: 20px;
            padding: 6px 10px;
}

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-footer {
        align-items: flex-end !important;
      }

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-footer--vertical button {
            width: -moz-fit-content;
            width: fit-content;
          }

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-footer button {
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          --tw-text-opacity: 1;
          color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
          --tw-bg-opacity: 1;
          background-color: rgba(201, 58, 51, var(--tw-bg-opacity, 1));
          border-radius: 8px;
          padding: 0 2rem;
          text-transform: uppercase;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
          font-size: 1.2rem;
          line-height: 1;
          min-height: 36px;
          letter-spacing: 0.83px;
          text-align: center;
        }

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-footer button:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(163, 46, 40, var(--tw-bg-opacity, 1));
}

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-footer button.kr-btn-secondary{
  padding: 0px;
            background-color: transparent;
}

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-footer button.kr-btn-secondary span{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-footer button.kr-btn-secondary:hover {
              background-color: transparent;
            }

.kr-layer-manager .kr-simple-modal-wrapper .kr-simple-modal-footer button.kr-btn-secondary:hover span{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.kr-smart-form-modal-wrapper {
  padding: 0 !important;
  justify-content: center !important;
}

.kr-smart-form-modal-wrapper .kr-smart-form-modal{
  width: 100%;
    max-width: 400px;
    padding-bottom: 2rem !important;
    padding-top: 3.3rem !important;
}

.kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-popin-modal-header {
      height: auto !important;
    }

.kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-popin-modal-header,
      .kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-popin-modal-header .kr-popin-modal-header-background {
        background-color: transparent !important;
      }

.kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-popin-modal-header .kr-popin-shop-name,
      .kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-popin-modal-header .kr-popin-modal-header-image,
      .kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-popin-modal-header .kr-popin-order-id,
      .kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-popin-modal-header .kr-popin-amount {
        display: none;
      }

.kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-popin-modal-header .fi-x-circle.icon-close-popup {
        height: 1.8rem !important;
        width: 1.8rem !important;
        top: 1rem !important;
        right: 1rem !important;
        margin: 0 !important;
      }

.kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-smart-form-modal-views-container{
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;

      transition: none;
}

.kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-smart-form-modal-views-container button.kr-payment-button {
        width: -moz-fit-content !important;
        width: fit-content !important;
        margin-left: auto;
        font-size: 1.2rem !important;
      }

.kr-smart-form-modal-wrapper .kr-smart-form-modal .kr-popin-modal-footer {
      display: none;
    }

.cart-element-user-details{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.cart-element-user-details h2 {
    padding-top: 1rem;
  }

.cart-element-user-details .form-group {
    display: inline-flex;
    align-items: center;
    justify-items: center;
    place-items: center;
  }

.cart-element-user-details label {
    display: block;
    font-size: 1.2rem;
    line-height: 2.7rem;
    margin-left: 1rem;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  }

.cart-element-user-details p {
    line-height: 2.7rem;
  }

.cart-element-user-details svg.icon-dropdown-arrow {
    width: 0.8rem;
    height: 0.5rem;
    margin-top: 0.8rem;
    margin-left: 1.2rem;
    transform: rotate(180deg);
  }

.cart-element-user-details.has-revealed h2 svg {
      transform: rotate(0deg);
    }

.exclusive-goody{
  margin-top: 1.5rem;
}

.exclusive-goody-img-container {
    max-height: 100%;
    position: relative;
    overflow: hidden;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  }

@media (min-width: 1025px) {

.exclusive-goody-img-container {
      max-height: 26.4rem
  }
    }

.exclusive-goody-img{
  --tw-bg-opacity: 1;
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity, 1));
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.exclusive-goody-caption{
  font-family: 'MenckenSpeText', Georgia, serif;
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
  margin-top: 1.5rem;
    font-size: 1.4rem;
    line-height: 2.7rem;
}

.exclusive-goody:hover .push-item-caption {
      /* TODO: Add the sexy animation */
      --tw-text-opacity: 1;
      color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
    }

.designer-item-name{
  margin-top: 0.5rem;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));

    font-size: 1.2rem;
}

@media (min-width: 769px) {

.designer-item-name {
      font-size: 1.4rem
  }
    }

@media (min-width: 1025px) {

.designer-item-name {
      font-size: 1.6rem
  }
    }

.designer-item:hover .designer-item-name{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.designers-list-item-img-container {
    max-height: 100%;
    position: relative;
    overflow: hidden;
  }

.designers-list-item-img-container:hover .product-item-img {
      opacity: 0;
    }

@media (min-width: 1025px) {

.designers-list-item-img-container {
      max-height: 26.4rem
  }
    }

.designers-list-item-img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;

    aspect-ratio: 249/183;
  }

.designers-list-item-infos-name{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.designers-list-item-infos-role{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      font-size: 1.2rem;
}

@media (min-width: 1025px) {

.designers-list-item-infos-role {
        text-align: right
    }
      }

.designers-list-item-projects {
    width: 100%;
  }

.designers-list-item-projects p.designers-projects-block-name{
  display: none;
}

.offers-container.designers-list-item-projects p.designers-projects-block-name {
      display: none;
    }

@media (min-width: 1025px){

  .designers-list-item-projects p.designers-projects-block-name{
    display: inline-block;
  }
}

.designers-list-item-projects .designers-projects-block {
      width: calc(50% - 0.5rem);
      height: 100%;
    }

@media (min-width: 1025px) {

.designers-list-item-projects .designers-projects-block {
        width: calc(50% - 1.5rem)
    }
      }

.designers-list-item a:hover .designers-list-item-infos-name,
    .designers-list-item a:hover .designers-list-item-infos-role{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.designers-projects-block {
    aspect-ratio: 121/84;
  }

@media (min-width: 1025px) {

.designers-projects-block {
      aspect-ratio: 168/117
  }
    }

.designers-projects-block:hover .designers-projects-block-name{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.designers-projects-block .svg-placeholder {
      aspect-ratio: 121/84;
    }

@media (min-width: 1025px) {

.designers-projects-block .svg-placeholder {
        aspect-ratio: 168/117
    }
      }

.designers-projects-block-img{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.designers-projects-block-img.icon-designer-project-placeholder {
        height: 100%;
        width: 100%;
        --tw-bg-opacity: 1;
        background-color: rgba(242, 242, 242, var(--tw-bg-opacity, 1));
      }

.designers-projects-block-name{
  font-family: 'MenckenSpeText', Georgia, serif;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));

      font-size: 1.2rem;
      line-height: 1.6rem;
}

@media (min-width: 769px) {

.designers-projects-block-name {
        font-size: 1.6rem;
        line-height: 2rem
    }
      }

.add-checkbox-button input {
    display: none;
  }

.add-checkbox-button svg {
    width: 2.7rem;
    height: 2.7rem;
  }

.add-checkbox-button .icon-add-checkbox {
    color: #c2c2c2;
  }

.add-checkbox-button .icon-add-checkbox-checked {
    display: none;
  }

/* States */

.add-checkbox-button:hover {
    cursor: pointer;
  }

.add-checkbox-button:hover .icon-add-checkbox{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.add-checkbox-button input:checked ~ .icon-add-checkbox {
    display: none;
  }

.add-checkbox-button input:checked ~ .icon-add-checkbox-checked {
    display: block;
  }

.back_arrow_link svg {
    margin-top: 0.4rem;
    float: left;
    transform: rotate(180deg);
  }

.help-button {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.1rem;
  line-height: 1;
  border-radius: 0.8rem;
  vertical-align: middle;
  text-align: center;
  padding: 1px;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(60, 58, 54, var(--tw-border-opacity, 1));
}

.help-button:hover {
    cursor: help;
    --tw-bg-opacity: 1;
    background-color: rgba(60, 58, 54, var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
  }

.pagination{
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
}

@media (min-width: 769px){

  .pagination{
    margin-top: 4rem;
  }
}

@media (min-width: 1025px){

  .pagination{
    margin-top: 6rem;
  }
}

.pagination {
  margin-left: 2.5rem;
}

@media (min-width: 769px){

  .pagination{
    margin-left: 0px;
  }
}

.pagination{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 1.3rem;
  line-height: 2rem;
}

@media (min-width: 769px) {

.pagination {
    font-size: 1.5rem;
    line-height: 2.2rem
}
  }

@media (min-width: 1025px) {

.pagination {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.pagination-links{
    margin-bottom: 1.5rem;
  }
  }

.pagination-link{
  display: flex;
  align-items: baseline;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.pagination-link:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.pagination-link .icon{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
  margin-right: 1rem;
}

.pagination-link a {
      color: inherit;
    }

.pagination-link:hover .icon{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}

.pagination-results{
  display: inline-flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.form .pagination-results .form-group + .form-group {
    margin-top: 0;
  }

.form .pagination-results .form-group {
    flex: 1 1 50%;
  }

.pagination-results{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

.select-all-button {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #c2c2c2;
  cursor: pointer;
  align-self: center;
  display: none;
}

.offers-container.select-all-button {
      display: none;
    }

@media (min-width: 769px){

  .select-all-button{
    display: block;
  }
}

.select-all-button{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
}

.select-all-button input{
  display: none;
}

.offers-container.select-all-button input {
      display: none;
    }

.select-all-button input:checked ~ span:first-of-type {
    display: none;
  }

.select-all-button input:checked ~ span:last-of-type {
    display: inline;
  }

.select-all-button span:hover{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px){

  .select-all-button span:last-of-type{
    margin-left: 2rem;
  }
}

.select-all-button span:last-of-type {
    display: none;
  }

.footer{
  --tw-bg-opacity: 1;
  background-color: rgba(60, 58, 54, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
  padding: 5rem 4rem 3rem 4rem;
}

@media (min-width: 525px) {

.footer {
    padding: 5rem 6rem 3rem 6rem
}
  }

.footer.with-cart-banner {
    padding-bottom: calc(var(--cart-banner-height) + 3rem);
  }

.footer .footer__group{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1025px) {

.footer .footer__group {
      display: flex;
      justify-content: space-between
  }
    }

.footer .footer__group:first-of-type {
      margin-bottom: 5rem;
    }

@media (min-width: 1025px) {

.footer .footer__group:first-of-type {
        margin-bottom: 11rem
    }
      }

.footer .footer__group:first-of-type p {
        font-size: 1.3rem;
        line-height: 1.6rem;
      }

@media (min-width: 525px) {

.footer .footer__group:first-of-type p {
          font-size: 1.4rem;
          line-height: 1.7rem
      }
        }

@media (min-width: 1440px) {

.footer .footer__group:first-of-type p {
          font-size: 1.6rem;
          line-height: 2.7rem
      }
        }

.footer .footer__group:nth-child(2) {
      margin-bottom: 4rem;
    }

.footer .footer__group:last-of-type {
      justify-content: flex-start;
      align-items: center;
    }

@media (min-width: 1025px) {

.footer .footer__group:last-of-type {
        justify-content: space-between
    }
      }

.footer nav{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 2rem;
  gap: 2rem;
}

@media print {
  .footer nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.prefooter .footer nav {
    grid-template-columns: 1fr;
  }

@media (min-width: 525px) {

.prefooter .footer nav {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
  }
    }

@media (min-width: 769px) {

.prefooter .footer nav {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

@media (min-width: 1025px) {

.prefooter .footer nav {
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr))
  }
    }

@media (min-width: 1440px) {

.prefooter .footer nav {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

.articles-index ul.footer nav {
    grid-row-gap: 5.5rem;
  }

@media (min-width: 1025px) {

.articles-index ul.footer nav {
      grid-row-gap: 7rem
  }
    }

.about-designers-index ul.footer nav{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 525px){

  .about-designers-index ul.footer nav{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1025px){

  .about-designers-index ul.footer nav{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 9rem;
  }
}

.about-designers-index ul.footer nav {

    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

@media (min-width: 1025px) {

.about-designers-index ul.footer nav {
      margin-top: 0
  }
    }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3) {
          display: none;
        }

@media (min-width: 769px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3),
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 7), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 7), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 7), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 7), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 7), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 7), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 7), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 7) {
            display: none;
          }
      }

.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2) {
          display: none;
        }

@media (min-width: 525px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 3) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .footer nav li:nth-child(n + 4) {
            display: none;
          }
      }

.typeface-family-case-studies-index .footer nav {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-family-case-studies-index .footer nav {
      margin-left: auto;
      margin-right: auto
  }
    }

.typeface-segments-index .footer nav {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-segments-index .footer nav {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0
  }

.footer nav{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.5rem;
  }
    }

.footer nav{
  margin-top: 2rem;
  width: 100%;
}

@media (min-width: 1025px){

  .footer nav{
    width: 66.666667%;
      margin-bottom: 0;
      margin-left: 2rem;
  }
}

.footer nav div:last-of-type {
        margin-right: 0;
      }

.footer nav h1 {
      font-size: 1.3rem;
      font-weight: 600;
      font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
      line-height: 2.8rem;
      letter-spacing: 1.75px;
      text-transform: uppercase;
    }

@media (min-width: 1025px) {

.footer nav h1 {
        font-size: 1.5rem;
        line-height: 2.7rem;
        letter-spacing: 0.115rem
    }
      }

.footer nav h1 a{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.footer nav h1 a:hover{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

.footer nav ul li a{
  font-family: 'MenckenSpeText', Georgia, serif;
      font-size: 1.3rem;
      line-height: 2rem;
      letter-spacing: 0.35px;
      --tw-text-opacity: 1;
      color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px) {

.footer nav ul li a {
        font-size: 1.6rem;
        line-height: 2.7rem;
        letter-spacing: 0.04rem
    }
      }

.footer nav ul li a:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.footer .baseline {
    font-style: italic;
    font-size: 1.1rem;
    line-height: 2.7rem;
    letter-spacing: 0.3px;
    font-family: 'MenckenSpeText', Georgia, serif;
    --tw-text-opacity: 1;
    color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    margin-bottom: 2rem;
    width: 100%;
  }

@media (min-width: 1025px){

  .footer .baseline{
    width: 33.333333%;
      font-size: 1.6rem;
      line-height: 2.7rem;
      letter-spacing: 0.4px;
      margin-bottom: 0;
  }
}

.footer .icon-logo-footer {
    width: 14.8rem;
    height: 4.5rem;
    /* Logo is placed outside of the padding zone */
    margin-left: -4rem;
    margin-top: -2.5rem;
  }

@media (min-width: 525px) {

.footer .icon-logo-footer {
      width: 19.1rem;
      height: 5.8rem;
      margin-left: -5rem
  }
    }

@media (min-width: 1025px) {

.footer .icon-logo-footer {
      margin-top: 3rem;
      width: 23.4rem;
      height: 6.8rem;
      margin-left: -6rem
  }
    }

.footer .newsletter{
  display: flex;
  flex-direction: column;
}

@media (min-width: 1025px){

  .footer .newsletter{
    flex-direction: row;
    align-items: baseline;
  }
}

.footer .newsletter a.button {
      width: -moz-fit-content;
      width: fit-content;
    }

.footer .newsletter p{
  margin-top: 1.5rem;
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
}

@media (min-width: 1025px){

  .footer .newsletter p{
    margin-top: 0px;
    margin-left: 2rem;
  }
}

.footer .newsletter p {
      font-size: 1.5rem;
      letter-spacing: 0.032rem;
    }

@media (min-width: 1025px) {

.footer .newsletter {
      margin-left: calc(33.333% + 2rem)
  }
    }

.footer .newsletter:hover p{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.footer .webring {
    margin-bottom: 2rem;
  }

@media (min-width: 1025px) {

.footer .webring {
      display: flex;
      margin-bottom: 0;
      flex: 0.9 0 auto
  }
    }

.footer .webring a {
      display: block;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      font-size: 1.1rem;
      line-height: 2.2rem;
      letter-spacing: 0.92px;
      --tw-text-opacity: 1;
      color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
      text-transform: uppercase;
    }

@media (min-width: 1025px) {

.footer .webring a {
        font-size: 1.3rem;
        line-height: 2.7rem;
        letter-spacing: 1.08px
    }
      }

@media (min-width: 769px) {

.footer .webring a {
        margin-right: 20px
    }
      }

.footer .webring a:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.footer .social{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    font-size: 1.2rem;
    --tw-text-opacity: 1;
    color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px) {

.footer .social {
      display: inline-flex;
      justify-content: space-between;
      font-size: 1.3rem;
      line-height: 2.7rem
  }
    }

.footer .social p {
      line-height: 1.7rem;
      letter-spacing: 0.108rem;
    }

.footer .social a {
      color: inherit;
    }

.footer .social a:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.footer .locales {
    margin-top: 3.5rem;
  }

@media (min-width: 1025px) {

.footer .locales {
      margin-top: 0
  }
    }

.footer .locales ul{
  display: inline-flex;
}

.form .footer .locales ul .form-group + .form-group {
    margin-top: 0;
  }

.form .footer .locales ul .form-group {
    flex: 1 1 50%;
  }

.footer .locales li {
      display: inline-block;
    }

.footer .locales li:last-of-type a {
        border-left: none;
      }

.footer .locales li:last-of-type a.active {
        border-left: 1px solid;
        margin-left: -1px;
      }

.footer .locales a{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      font-size: 1.3rem;
      line-height: 2.7rem;
      letter-spacing: 0.104rem;
      padding: 0.6rem 0.9rem;
      border: 1px solid;
      text-transform: uppercase;
}

.footer .locales a:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.footer .locales a.active{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.errors-field{
  position: absolute;
  margin-left: -2.5rem;

  margin-top: 1.1rem;
}

.errors-field svg.icon-warning-hover {
    width: 1.25rem;
    height: 1.25rem;
    cursor: help;
  }

@media (min-width: 1025px) {

.errors-field svg.icon-warning-hover {
      width: 1.5rem;
      height: 1.5rem
  }
    }

.errors-field svg.icon-warning-hover:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.help-box-block{
  --tw-bg-opacity: 1;
  background-color: rgba(242, 242, 242, var(--tw-bg-opacity, 1));
  padding: 1.2rem 1rem 1.5rem 1.2rem;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  margin-bottom: 1rem;
}

@media (min-width: 769px) {

.help-box-block {
    margin-bottom: 2rem
}
  }

@media (min-width: 1025px) {

.help-box-block {
    margin-bottom: 4rem;
    padding: 1.6rem 1.9rem 3.9rem 1.9rem
}
  }

.help-box-block__title{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    font-size: 1.3rem;
    font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
    margin-bottom: 1rem;
}

.help-box-block__content {
    font-size: 1.2rem;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    line-height: 2rem;
  }

.help-box-block__content p{
  display: inline-block;
}

.help-box-block__content p + p{
  margin-top: 0.5rem;
}

.help-box-block a {
    margin-left: 0.4rem;
  }

.help-header {
  min-height: 9.2rem;
  width: 100%;
}

.help-header__container{
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
}

.form .help-header__container .form-group + .form-group {
    margin-top: 0;
  }

.form .help-header__container .form-group {
    flex: 1 1 50%;
  }

.help-header__container{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.help-header__search,
  .help-header__kind {
    flex: 1 1 auto;
  }

@media (min-width: 1025px) {

.help-header__search,
  .help-header__kind {
      height: 10.2rem
  }
    }

.help-header__kind {
    padding: 1.5rem 1rem;
    position: relative;
    height: 6.3rem;
    width: 50%;
  }

.help-header__kind a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }

.help-header__kind span {
      display: none;
    }

.help-header__kind svg{
  margin: auto;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));

      height: 3.3rem;
      width: 6rem;
      padding: 0.7rem 0;
}

@media (min-width: 769px) {
      .help-header__kind svg {
        padding: 0;
      }

.help-header__kind--help {
        max-width: 12rem
    }

        .help-header__kind--help svg {
          width: 5.2rem;
          height: 4rem;
        }

.help-header__kind {
      height: auto
  }

.help-header__kind--licenses {
        max-width: 14.5rem
    }

        .help-header__kind--licenses svg {
          width: 8.4rem;
          height: 4rem;
        }
    }

.help-header__kind:not(.help-header__kind--active) a svg:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.help-header__kind--active{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
}

.help-header__kind--active svg{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.help-header__kind--active:after {
        position: absolute;
        bottom: -4px;
        left: 0;
        right: 0;
        margin: auto;
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #737373;
      }

.help-header__search{
  width: 100%;
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto;
    padding: 0 2rem;
    min-height: 4.6rem;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

@media (min-width: 769px){

  .help-header__search{
    border-top-width: 0px;
    border-left-width: 1px;
  }
}

.help-header__search:focus-within{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-left-color: rgba(115, 115, 115, var(--tw-border-opacity, 1));
}

@media (min-width: 769px){

  .help-header__search:focus-within{
    border-left-width: 8px;
  }
}

.help-header__search:focus-within {
      padding-left: 1.6rem;
    }

@media (min-width: 769px) {

.help-header__search:focus-within {
        padding-left: 1.3rem
    }
      }

.help-header__search input {
      width: 100%;
      line-height: 2rem;
      padding: 0.5rem;

      outline: none;
    }

@media (min-width: 769px) {

.help-header__search {
      flex: 1 1
  }
    }

.help-header__tags {
    min-height: 51px;
    display: none;
  }

.offers-container.help-header__tags {
      display: none;
    }

@media (min-width: 769px){

  .help-header__tags{
    display: flex;
  }
}

.help-header__tags{
  align-items: center;
  border-top-width: 1px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    margin-left: auto;
}

@media (min-width: 769px) {

.help-header__tags {
      width: 100%
  }
    }

.help-header__tags .tags {
      overflow: hidden;
      padding: 1rem 1.5rem;
      display: block;
      width: 100%;
      max-height: 4.6rem;
    }

.help-header__tags .tags .tag {
        display: inline-block;
        margin-bottom: 1rem;
        padding: 0;
        margin-right: 0.5rem;
      }

.help-header__tags .tags .tag span {
          display: block;
          padding: 0 1rem;
        }

.help-header__tags .tags .tag input:checked + span{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(242, 242, 242, var(--tw-text-opacity, 1));
}

.help-header__tags .tags .tag:hover {
          cursor: pointer;
        }

.help-header__actions{
  width: 100%;
}

.help-header__actions__more{
  display: none;
}

.offers-container.help-header__actions__more {
      display: none;
    }

@media (min-width: 769px){

  .help-header__actions__more{
    display: block;
  }
}

.help-header__actions__more {
      position: relative;
      text-align: right;
      margin: 0.5rem 0;
    }

.help-header__actions__more button{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.help-header__actions__more button:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.help-header__actions__more button{
  display: inline-flex;
  align-items: center;
}

.form .help-header__actions__more button .form-group + .form-group {
    margin-top: 0;
  }

.form .help-header__actions__more button .form-group {
    flex: 1 1 50%;
  }

.help-header__actions__more button {
        font-size: 1.2rem;
        line-height: 2rem;
        letter-spacing: 0.3px;
        cursor: pointer;
      }

.help-header__actions__more button:last-of-type {
          display: none;
        }

.help-header__actions__more svg {
        margin-left: 1rem;
        width: 0.8rem;
        height: 0.5rem;
      }

/* States */

.help-header.has-tags-open .tags {
      max-height: 18.4rem;
      overflow-y: scroll;
    }

.help-header.has-tags-open .help-header__actions__more button:first-of-type {
        display: none;
      }

.help-header.has-tags-open .help-header__actions__more button:last-of-type {
        display: inline-flex;
      }

.help-header.has-tags-open .help-header__actions__more svg {
        transform: rotate(180deg);
      }

.icon .icon-dropdown-arrow{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.icon.icon-delete{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

.icon.icon-filter_all{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.icon.icon-warning-hover{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.markdown {
  font-kerning: normal;
  -webkit-font-kerning: normal;

  font-feature-settings:
    "kern" 1,
    "liga" 1,
    "onum" 1, "kern";
}

.markdown p{
  font-family: 'MenckenSpeText', Georgia, serif;
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    font-size: 1.4rem;
    line-height: 1.78;
    letter-spacing: 0.04rem;
    margin-bottom: 2rem;
}

@media (min-width: 1025px) {

.markdown p {
      font-size: 1.8rem;
      line-height: 2.9rem;
      letter-spacing: 0.045rem;
      margin-bottom: 2.4rem
  }
    }

.markdown h1{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
    font-size: 2.2rem !important;
    letter-spacing: 0;
    margin-bottom: 1.2rem;

    font-weight: normal;
    line-height: 1;
}

@media (min-width: 1025px) {

.markdown h1 {
      font-size: 5rem !important;
      letter-spacing: -0.5px;
      margin-bottom: 18px
  }
    }

.markdown h2{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  font-family: 'MenckenSpeHead', Georgia, serif !important;
    font-size: 2.2rem !important;
    letter-spacing: 0;
    margin-top: 4rem;
    margin-bottom: 1rem;
    padding: 1rem 0 0;
    font-weight: bold;
    line-height: 1.2;
}

@media (min-width: 1025px) {

.markdown h2 {
      font-size: 3.2rem !important;
      padding: 1.2rem 0 0;
      margin-top: 6rem;
      margin-bottom: 1.4rem
  }
    }

.markdown h3{
  font-family: 'MenckenSpeHead', Georgia, serif !important;
    font-size: 2.2rem !important;
    letter-spacing: 0;
    margin-top: 2rem;
    margin-bottom: 1rem;
    line-height: 1.2;
}

@media (min-width: 1025px) {

.markdown h3 {
      font-size: 3.2rem !important;
      margin-bottom: 1.4rem
  }
    }

.markdown h4{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
    font-size: 1.8rem !important;
    line-height: 1.22;
    margin-bottom: 0.8rem;
}

@media (min-width: 1025px) {

.markdown h4 {
      font-size: 2.5rem !important;
      line-height: 1.2;
      margin-bottom: 1.2rem
  }
    }

.markdown h5{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
    font-size: 1.6rem !important;
    line-height: 1.33;
    margin-bottom: 0.8rem;
}

@media (min-width: 1025px) {

.markdown h5 {
      font-size: 2.1rem !important;
      line-height: 1.14;
      margin-bottom: 1.2rem
  }
    }

.markdown h6{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
    font-size: 1.3rem;
    line-height: 1.38;
    letter-spacing: 1.5px;
    margin-bottom: 0.8rem;
}

@media (min-width: 1025px) {

.markdown h6 {
      font-size: 1.7rem;
      line-height: 1.18;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      margin-bottom: 1.2rem
  }
    }

.markdown strong {
    font-weight: bold;
  }

.markdown ul,
  .markdown ol {
    margin-bottom: 2.4rem;
  }

.markdown ul li, .markdown ol li{
  font-family: 'MenckenSpeText', Georgia, serif;
      font-size: 1.4rem;
      line-height: 1.79;
      letter-spacing: 0.35px;
      position: relative;
      margin-bottom: 0.8rem;
}

@media (min-width: 1025px) {

.markdown ul li, .markdown ol li {
        font-size: 1.8rem;
        line-height: 1.61
    }
      }

.markdown ul li:before {
    content: "→";
    display: block;
    position: absolute;
    left: -23px;
    top: -2px;
    margin-top: 2px;
  }

.markdown ol {
    counter-reset: number-counter;
  }

.markdown ol li:before {
      content: counter(number-counter) ".";
      counter-increment: number-counter;
      line-height: 1.56;
      font-size: 1.4rem;
      position: relative;
      display: block;
      position: absolute;
      right: calc(100% + 6px);
      top: 0px;
    }

@media (min-width: 1025px) {

.markdown ol li:before {
        font-size: 1.8rem;
        line-height: 1.61
    }
      }

.markdown img {
    max-width: 100%;
    display: block;
    /* width: 100%; Removed to improve small images display on Articles */
  }

.markdown blockquote,
  .markdown q{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    padding-left: 1rem;
    margin-bottom: 2rem;
}

@media (min-width: 1025px) {

.markdown blockquote,
  .markdown q {
      padding-left: 2rem;
      margin-bottom: 5rem
  }
    }

.markdown table {
    margin-bottom: 2rem;
    overflow: scroll;
    max-width: 100%;
    display: block;
  }

@media (min-width: 1025px) {

.markdown table {
      margin-bottom: 5rem;
      overflow: auto
  }
    }

.markdown table tr:last-child td {
      padding-bottom: 2rem;
      border-bottom-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    }

.markdown table th{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
      font-size: 1.2rem;
      line-height: 1.7;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      text-align: left;
      padding-right: 0.5rem;
      padding-bottom: 1.2rem;
      margin-bottom: 0.2rem;
      min-width: 14rem;
}

.markdown table th:last-child {
        padding-right: 0;
      }

@media (min-width: 1025px) {

.markdown table th {
        font-size: 1.4rem;
        line-height: 1.43;
        padding-right: 0
    }
      }

.markdown table td{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
      font-size: 1.4rem;
      line-height: 1.7;
      letter-spacing: 0.4px;
      text-align: left;
      font-feature-settings:
        "tnum" 1,
        "lnum" 1;
      padding-top: 1.4rem;
      padding-right: 1rem;
      min-width: 14rem;
}

@media (min-width: 1025px) {

.markdown table td {
        font-size: 1.6rem;
        line-height: 1.25;
        padding-right: 3.8rem
    }
      }

.markdown table td:last-child {
        padding-right: 0;
      }

.markdown p.image-full-width img {
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      max-width: 100vw;
      width: 100vw;
    }

@media (min-width: 525px) {

.markdown p.image-full-width img {
        max-width: 100%;
        width: 100%;
        position: static;
        margin: 0
    }

.markdown p.image-full-width {
      margin-left: calc(-50%);
      margin-right: 0
  }
      }

.markdown .image-caption{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    display: block;
    font-size: 1.2rem;
    line-height: 1.43;
    margin-top: 0.3rem;
    font-style: italic;
    letter-spacing: 0.5px;
    text-align: left;
}

@media (min-width: 1025px) {

.markdown .image-caption {
      font-size: 1.4rem
  }
    }

.markdown .image-caption em {
      font-style: normal;
    }

.markdown .slider.full-width {
      max-width: 100vw;
      width: 100vw;
      margin-left: -3.5rem;
      margin-right: -2.5rem;
    }

@media (min-width: 525px) {

.markdown .slider.full-width {
        max-width: calc(var(--grid-max-width) + var(--grid-gap) * 2);
        width: auto;
        margin-left: calc(-50%);
        margin-right: 0
    }
      }

.markdown .slider.full-width .swiper-slide img {
          max-width: 100%;
        }

.markdown .slider.full-width span.image-caption {
        margin-left: 3.5rem;
      }

@media (min-width: 525px) {

.markdown .slider.full-width span.image-caption {
          margin-left: 0
      }
        }

.markdown .slider{

    margin-bottom: 2rem;
}

@media (min-width: 1025px) {

.markdown .slider {
      margin-bottom: 5rem
  }
    }

.markdown .slider .swiper-button-next {
      right: 1rem;
    }

.markdown .slider .swiper-button-prev {
      left: 1rem;
    }

.markdown .footnotes hr {
      display: none;
    }

.markdown .footnotes ol li:before{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        content: counter(number-counter);
        font-feature-settings: "sups" 1;
        font-size: 1.4rem;
        line-height: 1.67;
        right: calc(100% + 5px);
}

@media (min-width: 1025px) {

.markdown .footnotes ol li:before {
          font-size: 1.6rem;
          line-height: 1.72
      }
        }

.markdown .footnotes p{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      font-size: 1.4rem;
      line-height: 1.56;
      margin-bottom: 0;
}

@media (min-width: 1025px) {

.markdown .footnotes p {
        font-size: 1.6rem;
        line-height: 1.69
    }
      }

.markdown .block-with-emphase{
  position: relative;
}

@media (min-width: 1025px){

  .markdown .block-with-emphase{
    padding-left: 20rem;
  }
}

.markdown .block-with-emphase h2{
  display: none;
}

.offers-container.markdown .block-with-emphase h2 {
      display: none;
    }

.markdown .block-with-emphase h2{
  position: absolute;
  margin: 0px;
  width: 60%;
  padding: 0px;
  text-align: right;
  font-family: 'MenckenSpeHeadCompress', Georgia, serif !important;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px) {

.markdown .block-with-emphase h2 {
        display: block;
        padding: 0;
        margin: 0;
        top: 3.8rem;
        right: calc(100% - 10rem);
        border: none;
        font-size: 6rem !important;
        font-weight: bold;
        line-height: 1
    }
      }

.markdown .video-container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-bottom: 2rem;
  }

@media (min-width: 1025px) {

.markdown .video-container {
      margin-bottom: 2.4rem
  }
    }

.markdown .video-container > iframe {
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      position: absolute;
    }

.modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--layer-modal);
}

.modal .modal__container {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

.modal .modal__backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.96);
    z-index: 1;
  }

.modal .modal__content {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    flex: 1 1;
    z-index: 10;
    overflow: hidden;
  }

.modal.is-visible {
    display: block;
    z-index: var(--layer-modal-visible);
  }

body.has-modal {
  overflow: hidden;
}

.modal-glyph .modal__content {
    height: 100%;
  }

.modal-glyph .modal__content > div {
    margin-top: 30px;
    padding: 10px;
    overflow: hidden;
  }

.modal-glyph header {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(var(--navbar-height) + 1rem);
  }

.modal-glyph header .logo {
      height: auto;
    }

.modal-glyph header .logo svg {
        width: 52px;
        height: 34px;
      }

.modal-glyph header .close {
      display: flex;
      align-items: center;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    }

.modal-glyph header .close span {
        display: none;
      }

.modal-glyph header .close svg {
        width: 18px;
        height: 18px;
        padding: 8px;
        box-sizing: content-box;
      }

.modal-glyph .glyph-content {
    height: calc(100vh - 61px);
    width: 100%;
  }

@media (min-width: 1025px) {

.modal-glyph .glyph-content {
      height: 100%
  }
    }

.modal-glyph .glyph-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

.modal-glyph .glyph-wrapper svg {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
    }

.modal-glyph .glyph-wrapper svg path {
        color: #606060;
        fill: currentColor;
      }

@media (min-width: 1025px) {

.modal-glyph .glyph-wrapper svg {
        width: auto;
        height: 100%
    }
      }

.modal-glyph .svg-info {
    position: static;
    bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--grid-max-width);
    width: 100%;
    left: 0;
    right: 0;
  }

@media (min-width: 1025px) {

.modal-glyph .svg-info {
      position: absolute
  }
    }

.modal-glyph .svg-info p {
      text-transform: uppercase;
      font-size: 1.2rem;
      line-height: 2rem;
      letter-spacing: 0.15rem;
      font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
    }

@media (min-width: 1025px) {

.modal-glyph .svg-info p {
        font-size: 1.4rem;
        line-height: 2rem
    }
      }

.modal-glyph .modal-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;

    width: 3rem;
    height: 3rem;
    border-radius: 3rem;
    border: 1px solid #c2c2c2;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
  }

.modal-glyph .modal-arrow svg {
      width: 1.2rem;
      height: 1rem;
      margin: auto;
    }

.modal-glyph .modal-arrow--previous {
      left: 1rem;
    }

.modal-glyph .modal-arrow--previous svg {
        transform: rotateZ(180deg);
      }

.modal-glyph .modal-arrow--next {
      right: 1rem;
    }

@media (min-width: 1025px) {

.modal-glyph .modal-arrow {
      width: 5rem;
      height: 5rem
  }

      .modal-glyph .modal-arrow svg {
        width: 2rem;
        height: 1.5rem;
      }

      .modal-glyph .modal-arrow--previous {
        left: 7.6rem;
      }

      .modal-glyph .modal-arrow--next {
        right: 7.6rem;
      }
    }

.modal-newsletter .modal__content {
    height: 100%;
  }

.modal-newsletter .modal__content > div {
    margin-top: 1rem;
    padding: 1rem;
    overflow: auto;
  }

@media (min-width: 769px) {

.modal-newsletter .modal__content > div {
      margin-top: 3rem
  }
    }

.modal-newsletter header {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(var(--navbar-height) + 1rem);
  }

.modal-newsletter header .logo {
      height: auto;
    }

.modal-newsletter header .logo svg {
        width: 5.2rem;
        height: 3.4rem;
      }

.modal-newsletter header .close {
      display: flex;
      align-items: center;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    }

.modal-newsletter header .close span {
        display: none;
      }

.modal-newsletter header .close svg {
        width: 1.8rem;
        height: 1.8rem;
        padding: 0.8rem;
        box-sizing: content-box;
      }

.modal-newsletter .newsletter-content aside .helper {
      line-height: 2.7rem;
    }

.modal-newsletter .newsletter-content .content p {
      font-size: 1.8rem;
      line-height: 2.9rem;
      letter-spacing: 0.045rem;
    }

.modal-typeface-family-case-study .modal__content {
    height: 100%;
  }

.modal-typeface-family-case-study .modal__content > div {
    margin-top: 30px;
    padding: 10px;
    overflow: hidden;
  }

.modal-typeface-family-case-study-content {
    flex: 1 1;
    margin-left: auto;
    margin-right: auto;
    overflow-y: scroll;
  }

.modal-typeface-family-case-study-wrapper {
    height: 100%;
  }

.modal-typeface-family-case-study-wrapper img {
      max-height: 100%;
      height: 100%;
      margin: auto;
      -o-object-fit: scale-down;
         object-fit: scale-down;
    }

.modal-typeface-family-case-study header {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 10px;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(var(--navbar-height) + 1rem);
  }

.modal-typeface-family-case-study header .logo {
      height: auto;
    }

.modal-typeface-family-case-study header .logo svg {
        width: 52px;
        height: 34px;
      }

.modal-typeface-family-case-study header .close {
      display: flex;
      align-items: center;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    }

.modal-typeface-family-case-study header .close span {
        display: none;
      }

.modal-typeface-family-case-study header .close svg {
        width: 18px;
        height: 18px;
        padding: 8px;
        box-sizing: content-box;
      }

.modal-typeface-family-case-study .glyph-content {
    height: calc(100vh - 61px);
    width: 100%;
  }

@media (min-width: 1025px) {

.modal-typeface-family-case-study .glyph-content {
      height: 100%
  }
    }

.modal-typeface-family-case-study .modal-arrows {
    height: 0 !important;
    margin: 0 !important;
  }

.modal-typeface-family-case-study .modal-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;

    width: 3rem;
    height: 3rem;
    border-radius: 3rem;
    border: 1px solid #c2c2c2;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
  }

.modal-typeface-family-case-study .modal-arrow svg {
      width: 1.2rem;
      height: 1rem;
      margin: auto;
    }

.modal-typeface-family-case-study .modal-arrow--previous {
      left: 1rem;
    }

.modal-typeface-family-case-study .modal-arrow--previous svg {
        transform: rotateZ(180deg);
      }

.modal-typeface-family-case-study .modal-arrow--next {
      right: 1rem;
    }

@media (min-width: 1025px) {

.modal-typeface-family-case-study .modal-arrow {
      width: 5rem;
      height: 5rem
  }

      .modal-typeface-family-case-study .modal-arrow svg {
        width: 2rem;
        height: 1.5rem;
      }

      .modal-typeface-family-case-study .modal-arrow--previous {
        left: 7.6rem;
      }

      .modal-typeface-family-case-study .modal-arrow--next {
        right: 7.6rem;
      }
    }

.navbar {
  position: fixed;
  width: 100%;
  top: 0;
  --tw-bg-opacity: 1;
  background-color: rgba(60, 58, 54, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
  z-index: var(--layer-navbar);
  height: var(--navbar-height);
}

.navbar .navbar-menu {
    position: static;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: height 0.125s ease;
  }

.navbar .navbar-menu > a {
    display: flex;
    --tw-text-opacity: 1;
    color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
    letter-spacing: 0.58px;
    font-size: 1.4rem;
    line-height: var(--navbar-height);
    text-transform: uppercase;
    margin-left: 0.8rem;
    margin-right: 0.8rem;
    flex: 0 1;
    border-bottom: 4px solid transparent;
    margin-top: 0.5rem;
  }

@media (min-width: 1025px) {

.navbar .navbar-menu > a {
      align-items: flex-end;
      height: 100%;
      margin-top: 0;
      padding-bottom: 2rem
  }
    }

.navbar .navbar-menu > a.navbar-menu__fonts svg {
      width: 3.7rem;
      height: 1.8rem;
    }

@media (min-width: 1025px) {

.navbar .navbar-menu > a.navbar-menu__fonts svg {
        width: 4.9rem;
        height: 1.7rem
    }
      }

.navbar .navbar-menu > a.navbar-menu__store svg {
      width: 3.7rem;
      height: 1.8rem;
    }

@media (min-width: 1025px) {

.navbar .navbar-menu > a.navbar-menu__store svg {
        width: 4.9rem;
        height: 1.7rem
    }
      }

.navbar .navbar-menu > a.navbar-menu__articles svg {
      width: 5.2rem;
      height: 1.8rem;
    }

@media (min-width: 1025px) {

.navbar .navbar-menu > a.navbar-menu__articles svg {
        width: 6.9rem;
        height: 1.7rem
    }
      }

.navbar .navbar-menu > a.navbar-menu__help svg {
      width: 3.1rem;
      height: 1.8rem;
    }

@media (min-width: 1025px) {

.navbar .navbar-menu > a.navbar-menu__help svg {
        width: 4.1rem;
        height: 1.7rem
    }
      }

.navbar .navbar-menu > a.navbar-menu__about svg {
      width: 4.3rem;
      height: 1.8rem;
    }

@media (min-width: 1025px) {

.navbar .navbar-menu > a.navbar-menu__about svg {
        width: 5.3rem;
        height: 1.8rem
    }
      }

.navbar .navbar-menu > a.navbar-menu__fonts-in-use svg {
      width: 4.6rem;
      height: 1.7rem;
    }

@media (min-width: 1025px) {

.navbar .navbar-menu > a.navbar-menu__fonts-in-use svg {
        width: 5.6rem;
        height: 1.8rem
    }
      }

.navbar .navbar-menu > a:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgba(201, 58, 51, var(--tw-border-opacity, 1));
}

.navbar .navbar-menu > a.is-active{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgba(201, 58, 51, var(--tw-border-opacity, 1));
}

.navbar .navbar-menu .navbar-menu__logo {
    display: block;
    height: auto;
    border-bottom: 0;
    padding-bottom: 0;
    margin-left: 0;
    margin-top: 0;
  }

.navbar .navbar-menu .navbar-menu__logo:hover {
      opacity: 0.75;
    }

@media (min-width: 1025px) {

.navbar .navbar-menu .navbar-menu__logo {
      margin-right: 3rem;
      padding-top: 0;
      margin-left: 0.8rem
  }
    }

@media (min-width: 1440px) {

.navbar .navbar-menu .navbar-menu__logo {
      position: absolute;
      left: 3.5rem;
      top: 1.6rem
  }
    }

.navbar .navbar-menu .navbar-menu__logo svg {
      width: 4.1rem;
      height: 2.8rem;
    }

@media (min-width: 1025px) {

.navbar .navbar-menu .navbar-menu__logo svg {
        width: 5.2rem;
        height: 3.4rem
    }
      }

.navbar .navbar-user-menu__search svg{
  float: right;

      width: 1.4rem;
      height: 1.4rem;
}

@media (min-width: 1025px) {

.navbar .navbar-user-menu__search svg {
        width: 1.7rem;
        height: 1.7rem
    }
      }

.navbar .navbar-user-menu{
  margin-left: auto;
  margin-bottom: 2rem;
  margin-right: 0.5rem;
  display: flex;
}

@media (min-width: 525px){

  .navbar .navbar-user-menu{
    margin-right: 0px;
  }
}

.navbar .navbar-user-menu{
  flex-direction: column;
  row-gap: 1rem;
}

@media (min-width: 525px){

  .navbar .navbar-user-menu{
    flex-direction: row;
  }
}

.navbar .navbar-user-menu {

    margin-top: 1.4rem;
  }

@media (min-width: 1025px) {

.navbar .navbar-user-menu {
      margin-top: 0.8rem
  }
    }

.navbar .navbar-user-menu a{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

.navbar .navbar-user-menu a:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.navbar .navbar-user-menu__login {
    font-size: 11px;
    line-height: 14px;
    text-underline-offset: 2px;
    position: absolute;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  }

@media (min-width: 525px){

  .navbar .navbar-user-menu__login{
    margin-right: 2rem;
  }
}

.navbar .navbar-user-menu__login {
    position: inherit;
  }

@media (min-width: 1025px) {

.navbar .navbar-user-menu__login {
      position: inherit;

      font-size: 1.3rem;
      line-height: 1.7rem
  }
    }

/* Overrides */

.navbar .navbar-user-menu {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

.prefooter {
  background-color: #f3f3f3;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 1025px) {

.prefooter {
    padding-top: 60px;
    padding-bottom: 60px
}
  }

.prefooter .grid {
    grid-template-columns: 1fr;
  }

@media (min-width: 525px) {

.prefooter .grid {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
  }
    }

@media (min-width: 769px) {

.prefooter .grid {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

@media (min-width: 1025px) {

.prefooter .grid {
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr))
  }
    }

@media (min-width: 1440px) {

.prefooter .grid {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

.prefooter .prefooter__item{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    min-height: 130px;
}

.prefooter .prefooter__item:nth-child(3){
  display: none;
}

.offers-container.prefooter .prefooter__item:nth-child(3) {
      display: none;
    }

@media (min-width: 525px){

  .prefooter .prefooter__item:nth-child(3){
    display: block;
  }
}

.prefooter .prefooter__item:last-child{
  display: none;
}

.offers-container.prefooter .prefooter__item:last-child {
      display: none;
    }

@media (min-width: 525px){

  .prefooter .prefooter__item:last-child{
    display: block;
  }
}

@media (min-width: 1025px){

  .prefooter .prefooter__item:last-child{
    display: none;
  }
}

.prefooter .prefooter__item img{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
      width: 100%;
      transition: transform 0.2s ease-in;
}

.prefooter .prefooter__item span {
      display: block;
      margin-top: 14px;
    }

.prefooter .prefooter__item:hover{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.prefooter .prefooter__item:hover img {
        transform: scale3d(1.025, 1.025, 1.025) perspective(1px) translateZ(0);
      }

.product-item > a {
    display: block;
  }

.product-item-img-container {
    max-height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition: box-shadow 0.2s ease-in;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  }

.product-item-img-container:hover .product-item-img {
      opacity: 0;
    }

@media (min-width: 1025px) {

.product-item-img-container {
      max-height: 26.4rem
  }
    }

.product-item-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 3;
    pointer-events: none;
  }

.product-item-img,
  .product-item-img-hover {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }

.product-item-img{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    position: relative;
    z-index: 2;
    transition: opacity ease 0.35s;
}

.product-item-img-hover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

.product-item-name{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    margin-top: 2rem;
}

.product-item-name svg {
      float: left;
      margin-top: 0.5rem;
    }

@media (min-width: 1025px) {

.product-item-name svg {
        margin-top: 1rem
    }
      }

.product-item-description{
  display: none;
}

.offers-container.product-item-description {
      display: none;
    }

@media (min-width: 769px){

  .product-item-description{
    display: block;
  }
}

.product-item-description{
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: 0.04rem;
}

.product-item-discount {
    font-style: italic;
    font-size: 1.4rem;
    line-height: 2.5rem;
    letter-spacing: 0.035rem;
    --tw-text-opacity: 1;
    color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
  }

@media (min-width: 1025px) {

.product-item-discount {
      font-size: 1.6rem;
      line-height: 2.7rem;
      letter-spacing: 0.046rem
  }
    }

.product-item:hover .product-item-name,
    .product-item:hover .product-item-description{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.product-item:hover .product-item-img-container {
      box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.6);
    }

/* States */

.product-item.is-updated .product-item-badge {
    color: #79a1ab;
    letter-spacing: 0.46px;
    font-style: italic;
  }

.product-item.is-new .product-item-badge svg {
    width: 4.5rem;
    height: 2.1rem;
  }

.push-item > a {
    display: block;
  }

.push-item-img-container {
    max-height: 100%;
    position: relative;
    overflow: hidden;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition: box-shadow 0.2s ease-in;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  }

@media (min-width: 1025px) {

.push-item-img-container {
      max-height: 26.4rem
  }
    }

.push-item-img{
  --tw-bg-opacity: 1;
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity, 1));
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.push-item-name{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    margin-top: 2rem;
}

.push-item-name svg {
      float: left;
      margin-top: 0.5rem;
    }

@media (min-width: 1025px) {

.push-item-name svg {
        margin-top: 1rem
    }
      }

.push-item-caption{
  display: none;
}

.offers-container.push-item-caption {
      display: none;
    }

@media (min-width: 769px){

  .push-item-caption{
    display: block;
  }
}

.push-item-caption{
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    font-size: 1.6rem;
    line-height: 2.7rem;
    letter-spacing: 0.04rem;
}

.push-item:hover .push-item-name,
    .push-item:hover .push-item-caption{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.push-item:hover .push-item-img-container {
      box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.6);
    }

.add-to-cart{
  display: inline-flex;
  flex: none;
  flex-direction: column;
  align-items: flex-end;
}

.form .add-to-cart .form-group + .form-group {
    margin-top: 0;
  }

.form .add-to-cart .form-group {
    flex: 1 1 50%;
  }

@media (min-width: 1025px){

  .add-to-cart{
    flex-direction: row;
    align-items: center;
  }
}

.add-to-cart{
  width: 50%;
}

.add-to-cart-price{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    font-size: 1.4rem;
    line-height: 2.7rem;
    font-feature-settings:
      "lnum" 1,
      "case" 1;
}

@media (min-width: 1025px) {

.add-to-cart-price {
      font-size: 2.2rem
  }
    }

.add-to-cart-help {
    display: none;
    margin-left: 2rem;
    margin-right: 6rem;
  }

@media (min-width: 1025px) {

.add-to-cart-help {
      display: block
  }
    }

.add-to-cart-btn {
    font-size: 1.2rem;
    letter-spacing: 0.01rem;
    line-height: 2rem;
    padding: 0 3rem;
    cursor: pointer;
  }

@media (min-width: 1025px) {

.add-to-cart {
    width: auto
}

.details-sidebar{
    width: 33.333333%;
  }
  }

.details-sidebar {
  flex: none;
}

@media (min-width: 1025px) {

.details-sidebar {
    margin-right: 4rem
}

.details-sidebar .info-content {
      display: block
  }
  }

.details-sidebar__licenses,
  .details-sidebar__details,
  .details-sidebar__tags,
  .details-sidebar__caracteristics,
  .details-sidebar__related-families,
  .details-sidebar__scripts,
  .details-sidebar__extra {
    padding: 1.6rem 0;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  }

@media (min-width: 1025px) {

.details-sidebar__licenses,
  .details-sidebar__details,
  .details-sidebar__tags,
  .details-sidebar__caracteristics,
  .details-sidebar__related-families,
  .details-sidebar__scripts,
  .details-sidebar__extra {
      padding: 2rem 0
  }
    }

.details-sidebar__licenses{
  display: flex;
  flex-wrap: wrap;
}

.details-sidebar__licenses div {
      margin-right: 1.5rem;
    }

.details-sidebar__licenses span{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      font-size: 1.2rem;
      line-height: 1.8rem;
      letter-spacing: 1px;
      color: #c2c2c2;
      text-transform: uppercase;
}

@media (min-width: 769px) {

.details-sidebar__licenses span {
        line-height: 2.7rem
    }
      }

.details-sidebar__licenses span:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.details-sidebar__details p {
      margin-bottom: 1.6rem;
      line-height: 2rem;
    }

.details-sidebar__details p:last-of-type {
        margin-bottom: 0;
      }

.details-sidebar__tags,
  .details-sidebar__scripts,
  .details-sidebar__related-families{
  display: none;
}

.offers-container.details-sidebar__tags,.offers-container
  .details-sidebar__scripts,.offers-container
  .details-sidebar__related-families {
      display: none;
    }

@media (min-width: 1025px){

  .details-sidebar__tags,
  .details-sidebar__scripts,
  .details-sidebar__related-families{
    display: block;
  }
}

.details-sidebar__caracteristics{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
}

.details-sidebar__caracteristics .formats {
      margin-bottom: 2rem;
      font-size: 1rem;
    }

.details-sidebar__caracteristics .formats span {
        margin-right: 2rem;
        letter-spacing: 0.1rem;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      }

.details-sidebar__caracteristics .formats .format {
        display: inline-block;
        margin-right: 1rem;
        line-height: 2;
        height: 2.2rem;
        padding: 0rem 0.9rem;
        text-transform: uppercase;
        --tw-text-opacity: 1;
        color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
        border-width: 1px;
      }

.details-sidebar__caracteristics .content {
      font-size: 1.2rem;
      line-height: 2rem;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    }

.details-sidebar__related-families .detail-title {
      margin-bottom: 1rem;
    }

.details-sidebar__related-families p {
      margin-bottom: 0.5rem;
    }

.details-sidebar__related-families p:last-of-type {
        margin-bottom: 0;
      }

.details-sidebar__related-families img {
      height: 2.7rem;
    }

.details-sidebar__related-families p:hover {
      filter: invert() url("#colorize-red");
    }

.details-sidebar__scripts .detail-title {
      margin-bottom: 1rem;
    }

.details-sidebar__scripts .script {
      display: inline-block;
      margin-right: 1rem;
      font-size: 1rem;
      line-height: 2;
      letter-spacing: 1px;
      padding: 0.2rem 1rem;
      text-transform: uppercase;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      border-width: 1px;
    }

.details-sidebar__scripts .script.disabled{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

.details-sidebar .info-title {
    display: inline-flex;
    align-items: center;
    margin-bottom: 2.4rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  }

@media (min-width: 1025px) {

.details-sidebar .info-title {
      display: none
  }
    }

.details-sidebar .info-title svg {
      width: 0.8rem;
      height: 0.5rem;
      margin-top: 0.8rem;
      margin-left: 1.2rem;
      transform: rotate(180deg);
    }

.details-sidebar .detail-title {
    font-size: 1.2rem;
    line-height: 2rem;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    --tw-text-opacity: 1;
    color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
  }

.details-sidebar .detail-web-specimen {
    font-size: 1.2rem;
    line-height: 2rem;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  }

/* States */

.details-sidebar.has-revealed .info-title svg {
      transform: rotate(0deg);
    }

.font-info {
  width: 100%;
}

.font-info .icon-badge-new {
    margin-left: auto;
    width: 4.6rem;
    height: 2.1rem;
  }

.font-pairings h2 {
    margin-bottom: 2rem;
  }

.font-pairings .font-pairing {
    display: none;
  }

.font-pairings .font-pairing:first-of-type {
      display: block;
    }

@media (min-width: 1025px) {
    .font-pairings h2 {
      margin-bottom: 3.4rem;
    }

    .font-pairings .font-pairing {
      display: block;
    }
  }

.font-pairings .font-pairing .product-item-name {
      font-size: 1.4rem;
      line-height: 2.7rem;
      letter-spacing: 0.035rem;
      margin-top: 1rem;
      font-family: 'MenckenSpeText', Georgia, serif;
      font-style: italic;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    }

@media (min-width: 1025px) {

.font-pairings .font-pairing .product-item-name {
        font-size: 1.6rem;
        line-height: 2.7rem;
        letter-spacing: 0.035rem
    }
      }

.font-pairings .font-pairing .product-item-name svg {
        margin-top: 0.7rem;
      }

.font-preview {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.font-preview p {
    line-height: normal;
    font-size: inherit;
  }

.font-size-slider{
  display: flex;
  align-items: center;
}

@media (min-width: 769px) {

.font-size-slider {
    width: 18.5rem
}
  }

.font-size-slider label{
  display: none;
}

.offers-container.font-size-slider label {
      display: none;
    }

.font-size-slider .rangeSlider{
  flex: 1 1 auto;
    height: 4px;
}

.font-size-slider .rangeSlider__fill {
      box-shadow: none;
      --tw-bg-opacity: 1;
      background-color: rgba(201, 58, 51, var(--tw-bg-opacity, 1));
    }

.font-size-slider .rangeSlider__handle {
      width: 16px;
      height: 16px;
      background: #fff;
      top: -6px;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
      border-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgba(115, 115, 115, var(--tw-border-opacity, 1));
    }

.font-size-slider .rangeSlider__handle:after {
        content: none;
      }

.format-selector{
  display: inline-flex;
  align-items: center;
}

.form .format-selector .form-group + .form-group {
    margin-top: 0;
  }

.form .format-selector .form-group {
    flex: 1 1 50%;
  }

.format-selector {
  height: 2.7rem;
}

.format-selector input {
    display: none;
  }

.format-selector label {
    width: 4rem;
    font-size: 1rem;
    line-height: 2.5rem;
    letter-spacing: 0.1rem;
    --tw-text-opacity: 1;
    color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
    border-width: 1px;
    text-align: center;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    text-transform: uppercase;
  }

.format-selector label:hover{
  --tw-border-opacity: 1;
  border-color: rgba(192, 192, 192, var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
      cursor: pointer;
}

.format-selector input:checked + label{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.format-selector label:first-of-type {
    z-index: 1;
  }

.format-selector label:last-of-type {
    margin-left: -1px;
    z-index: 2;
  }

.format-selector input:checked + label{
  --tw-border-opacity: 1;
  border-color: rgba(60, 58, 54, var(--tw-border-opacity, 1));
    z-index: 3;
}

.glyph {
  width: 5rem;
  height: 5rem;
  color: #606060;
  text-align: center;
}

.glyph--active {
    background-color: #f6f6f6;
  }

.glyph svg {
    height: 100%;
    width: 100%;
  }

.glyph svg path {
      color: #606060;
      fill: currentColor;
    }

.glyph:hover {
    cursor: pointer;
  }

@media (min-width: 1025px) {

.glyph {
    width: 9.6rem;
    height: 9.6rem;
    padding-top: 1rem
}
  }

.segment-header{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1025px){

  .segment-header{
    display: flex;
    justify-content: space-between;
  }
}

.segment-header .font-info {
    margin-bottom: 1rem;
  }

@media (min-width: 1025px){

  .segment-header .font-info{
    width: 33.333333%;
  }

  .segment-header .segment-tabs{
    width: 66.666667%;
  }
    .segment-header .font-info {
      margin-right: 4rem;
      margin-bottom: 4rem;
    }
}

.font-licenses{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 769px){

  .font-licenses{
    flex-direction: row;
    align-items: center;
  }
}

.font-licenses{
  width: 50%;
}

@media (min-width: 769px){

  .font-licenses{
    width: 66.666667%;
  }
}

.font-licenses__list {
    overflow: hidden;
    height: 2.7rem;
  }

@media (min-width: 769px) {

.font-licenses__list {
      height: auto
  }
    }

.font-licenses .font-license-change {
    font-size: 1.2rem;
    line-height: 2.7rem;
    letter-spacing: 0.08rem;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    text-transform: uppercase;
    --tw-text-opacity: 1;
    color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    display: inline-flex;
    align-items: center;
  }

.form .font-licenses .font-license-change .form-group + .form-group {
    margin-top: 0;
  }

.form .font-licenses .font-license-change .form-group {
    flex: 1 1 50%;
  }

@media (min-width: 769px){

  .font-licenses .font-license-change{
    display: none;
  }
}

.font-licenses .font-license-change .icon {
      margin-left: 1rem;
      margin-top: 1px;
      width: 0.8rem;
      height: 0.5rem;
    }

.font-licenses .font-license {
    display: block;
    font-size: 1.2rem;
    line-height: 2.7rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0.08rem;
    --tw-text-opacity: 1;
    color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    text-transform: uppercase;
    width: 100%;
    order: 1;
  }

.font-licenses .font-license input + label {
      display: none;
    }

.font-licenses .font-license input:checked + label {
      display: block;
    }

@media (min-width: 769px) {

.font-licenses .font-license {
      display: inline-block;
      margin-bottom: 0;
      margin-right: 3.8rem;
      width: auto
  }

      .font-licenses .font-license input + label {
        display: initial;
      }
    }

@media (min-width: 1025px) {

.font-licenses .font-license {
      font-size: 1.6rem;
      margin-right: 7.6rem
  }
    }

.font-licenses .font-license:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.font-licenses .font-license div:first-child {
      display: inline-block;
    }

.font-licenses .font-license--empty {
      order: 5;
      flex: 1 1 auto;
      height: 100%;
    }

@media (min-width: 769px) {

.font-licenses .font-license--empty {
        display: none
    }
      }

/* States */

.font-licenses.is-opened .font-license-change .icon {
      transform: rotate(180deg);
    }

.font-licenses.is-opened .font-license input + label {
      display: inline;
    }

.font-licenses.is-opened .font-licenses__list {
      position: absolute;
      display: flex;
      top: 2.7rem;
      left: 0;
      right: 0;
      padding-left: var(--container-padding);
      padding-right: var(--container-padding);
      width: 100%;
      height: 100vh;
      background-color: rgba(255, 255, 255, 0.95);
      z-index: 10;
      flex-direction: column;
    }

.offers h3.subtitle-3 svg.icon-dropdown-arrow {
      width: 0.8rem;
      height: 0.5rem;
      margin-top: 0.8rem;
      margin-left: 1.2rem;
      transform: rotate(180deg);
    }

.offers.has-revealed h3.subtitle-3 svg.icon-dropdown-arrow {
        transform: rotate(0deg);
      }

.offers-container{
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 769px){

  .offers-container{
    flex-wrap: nowrap;
  }
}

.offers-container.hidden {
      display: none;
    }

@media (min-width: 769px) {

.offers-container {
      display: flex !important
  }
    }

.offers .offer{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    padding: 0 1.4rem;
    height: 9rem;
    position: relative;
    width: 100%;
}

@media (min-width: 769px) {

.offers .offer {
      max-width: 33.33%;
      flex: 0 1 auto;
      margin-right: 3.5rem
  }

      .offers .offer:last-of-type {
        margin-right: 0;
      }

      .offers .offer:hover .offer-tooltip {
        display: inline-table;
      }
    }

@media (min-width: 1025px) {

.offers .offer {
      height: 12rem
  }
    }

.offers .offer-name {
      font-size: 3.4rem;
      line-height: 4.7rem;
      margin-right: 1rem;
    }

@media (min-width: 1025px) {

.offers .offer-name {
        font-size: 5rem;
        line-height: 7rem
    }
      }

.offers .offer-count {
      font-size: 1.4rem;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    }

@media (min-width: 1025px) {

.offers .offer-count {
        font-size: 1.6rem
    }
      }

.offers .offer-add {
      position: absolute;
      /* we use -1px because of the border */
      top: -1px;
      right: -1px;
    }

.offers .offer-tooltip{
  display: none;
}

.offers-container.offers .offer-tooltip {
      display: none;
    }

.offers .offer-tooltip{
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  z-index: 10;
      position: absolute;
      top: 100%;
      width: calc(100% - 4px);
      left: 4px;
      background: rgba(255, 255, 255, 0.96);
      height: auto;
      margin-top: 1px;
      padding: 0.8rem 1rem;
      font-size: 1.2rem;
      line-height: 2rem;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
}

.related-families-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.4rem;
    margin-bottom: 4rem;
  }

@media (min-width: 1025px) {

.related-families-container {
      margin-top: 2rem;
      margin-bottom: 6rem
  }
    }

.related-families .related-family {
    font-size: 2rem;
    line-height: 2.7rem;
    margin-bottom: 0.5rem;
    white-space: break-spaces;
    word-break: break-word;
    --tw-text-opacity: 1;
    color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
    width: 100%;
  }

@media (min-width: 769px) {

.related-families .related-family {
      width: auto
  }
    }

.related-families .related-family:not(:last-child) {
      margin-right: 2rem;
    }

@media (min-width: 1025px) {

.related-families .related-family:not(:last-child) {
        margin-right: 3rem
    }

.related-families .related-family {
      font-size: 2.6rem;
      line-height: 3.5rem
  }
      }

.related-families .related-family img {
      height: 2.5rem;
    }

@media (min-width: 769px) {

.related-families .related-family img {
        height: 2.7rem
    }
      }

.related-families .related-family:hover {
      filter: invert() url("#colorize-red");
      --tw-text-opacity: 1;
      color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    }

.font-overview-header {
  height: 6rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  box-sizing: content-box;
  position: sticky;
  margin-bottom: 2rem;
}

@media (min-width: 769px){

  .font-overview-header{
    margin-bottom: 6rem;
  }
}

.font-overview-header{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  top: 61px;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 1;
}

.font-overview-header.has-discount {
    height: 8rem;
  }

@media (min-width: 1025px) {

.font-overview-header.has-discount {
      height: 6rem
  }
    }

.font-overview-header.has-discount .font-licenses {
      justify-content: center;
    }

@media (min-width: 769px) {

.font-overview-header.has-discount .font-licenses {
        justify-content: flex-start
    }
      }

.font-overview-header.has-discount .add-to-cart {
      justify-content: center;
    }

@media (min-width: 769px) {

.font-overview-header {
    top: 66px
}
  }

.font-overview-header .container{
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.segment-tabs{
  display: flex;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  height: 6.3rem;
  max-width: 80rem;
}

@media (min-width: 1025px) {

.segment-tabs {
    height: 10.2rem
}
  }

.segment-tabs .segment-tab{
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.segment-tabs .segment-tab:last-of-type{
  border-style: none;
}

.segment-tabs .segment-tab a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 20rem;
    position: relative;
    --tw-text-opacity: 1;
    color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
  }

.segment-tabs .segment-tab a:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.segment-tabs .segment-tab a.is-active{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.segment-tabs .segment-tab a.is-active:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -5px;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: 0;
        --tw-text-opacity: 1;
        color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid currentColor;
      }

.segment-tabs .segment-tab span {
    display: none;
  }

.segment-tabs .segment-tab svg {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    height: 1.8rem;
  }

@media (min-width: 1025px) {

.segment-tabs .segment-tab svg {
      height: 2.2rem
  }
    }

.text-sample{
  margin-right: 1rem;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: 1px;
  text-transform: none;
}

@media (min-width: 1025px) {

.text-sample {
    max-width: 25.5rem
}
  }

.variations-item{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.variations-item__main{
  display: flex;
  justify-content: space-between;
}

.variations-item__info {
    flex: 1 1 100%;
    padding-top: 0.5rem;
    font-size: 1.2rem;
    letter-spacing: 0.03rem;
    line-height: 1.5rem;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    --tw-text-opacity: 1;
    color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
  }

.variations-item__info span {
      margin-right: 2px;
    }

@media (min-width: 769px) {

.variations-item__info {
      font-size: 1.4rem;
      line-height: 2.7rem;
      padding-top: 1rem
  }
    }

.variations-item .font-preview {
    font-size: 5.2rem;
    line-height: normal;
    height: 100%;
    padding-top: 0;
    padding-bottom: 2.8rem;
    overflow: hidden;
    max-width: 100%;
    white-space: pre;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
  }

.variations-item .font-preview input{
  font-family: 'Adobe NotDef';
      width: 100%;
      outline: none;
      line-height: 0.8;
}

@media (min-width: 769px) {

.variations-item .font-preview {
      font-size: 7.2rem
  }
    }

.variations-item__price {
    flex: 0 0 auto;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
  }

@media (min-width: 1025px) {

.variations-item__price {
      margin-left: 5rem;
      min-width: 8rem
  }
    }

.variations-item__action {
    flex: 0 0 auto;
    margin-left: 2rem;
  }

@media (min-width: 1025px) {

.variations-item__action {
      margin-left: 5rem
  }
    }

.variations-item__action .add-checkbox-button {
      margin-top: -1px;
    }

.variations-item:last-of-type{
  border-bottom-width: 1px;
}

.variations-item.is-selected .font-preview{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.special-item{
  margin-bottom: 1rem;
  text-align: center;
}

.special-item > a {
    display: block;
  }

.special-item-img-container {
    max-height: 100%;
    position: relative;
    overflow: hidden;
  }

@media (min-width: 1025px) {

.special-item-img-container {
      max-height: 19.5rem
  }
    }

.special-item-img{
  --tw-bg-opacity: 1;
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity, 1));
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    transition:
      opacity 0.2s ease-in, transform 0.2s ease-in;
}

.special-item-img:hover {
      opacity: 0.8;
      transform: scale3d(1.025, 1.025, 1.025) perspective(1px) translateZ(0);
    }

.special-item-name{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    margin-top: 2.7rem;
    margin-bottom: 1.2rem;
}

.special-item:hover .special-item-name{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.subnavigation-container{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  display: flex;
  width: 100%;
  flex-wrap: wrap;
    min-height: 8.2rem;
}

@media (min-width: 769px) {

.subnavigation-container {
      /* height: 15rem; */
  }
    }

.subnavigation-variations,
  .subnavigation-caracteristics {
    display: inline-flex;
    align-items: stretch;
  }

.subnavigation-variations label, .subnavigation-caracteristics label {
      display: flex;
      cursor: pointer;
      align-items: center;
      justify-self: center;
    }

.subnavigation-variations label:hover, .subnavigation-caracteristics label:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.subnavigation-variations input, .subnavigation-caracteristics input {
      display: none;
    }

.subnavigation-variations input:checked + label, .subnavigation-caracteristics input:checked + label{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.subnavigation-reset,
  .subnavigation-variations label {
    /* padding-left: 1.4rem;
    padding-right: 1.4rem; */
    border-right-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  }

.subnavigation-reset a, .subnavigation-variations label a {
      /* TODO: cleanup */
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    }

.subnavigation-reset a:hover, .subnavigation-variations label a:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

@media (min-width: 769px) {

.subnavigation-reset,
  .subnavigation-variations label {
      /* padding-left: 2.4rem;
      padding-right: 2.4rem; */
  }
    }

.subnavigation-reset {
    flex: 1 1 auto;
    padding: 1.5rem 1rem;
    --tw-text-opacity: 1;
    color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
  }

.subnavigation-reset button {
      height: 100%;
    }

.subnavigation-reset span {
      display: none;
    }

.subnavigation-reset svg {
      width: 6.5rem;
      height: 2.2rem;
    }

@media (min-width: 1025px) {

.subnavigation-reset {
      width: 12rem;
      padding: 3rem
  }

.subnavigation-reset--clear{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
    }

@media (min-width: 1440px){

  .subnavigation-reset--clear{
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.subnavigation-reset--clear a {
        margin: auto;
      }

.subnavigation-reset--clear a svg {
          width: 5rem;
        }

@media (min-width: 1025px) {

.subnavigation-reset--clear a svg {
            width: 6rem
        }
          }

.subnavigation-reset--all{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
}

.subnavigation-reset--all svg {
        width: 4rem !important;
        margin: auto;
        padding: 0.7rem 0;
      }

.subnavigation-reset--all,
    .subnavigation-reset--clear{
  display: flex;
      width: 3.3rem;
}

@media (min-width: 1025px) {

.subnavigation-reset--all,
    .subnavigation-reset--clear {
        width: 6.8rem
    }
      }

.subnavigation-variations {
    width: 100%;
    min-height: 4.6rem;
    align-self: stretch;
  }

.subnavigation-variations label {
      flex: 1 1 auto;
      justify-content: center;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    }

.subnavigation-variations label:last-of-type {
        border-right: none;
      }

.subnavigation-variations svg {
      width: 3.2rem;
      height: 3.3rem;
    }

@media (min-width: 1025px) {

.subnavigation-variations svg {
        width: 6.7rem;
        height: 4.2rem
    }
      }

@media (min-width: 769px) {

.subnavigation-variations {
      width: calc(100% - 21rem);
      order: 1
  }
    }

@media (min-width: 1025px) {

.subnavigation-variations {
      width: 50%
  }
    }

.subnavigation-search {
    display: inline-flex;
    align-items: center;
    flex: 1 1 auto;
    padding: 0 2rem;
    min-height: 4.6rem;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  }

@media (min-width: 1025px){

  .subnavigation-search{
    border-top-width: 0px;
    border-left-width: 1px;
  }
}

.subnavigation-search:focus-within{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-left-color: rgba(115, 115, 115, var(--tw-border-opacity, 1));
}

@media (min-width: 769px){

  .subnavigation-search:focus-within{
    border-left-width: 8px;
  }
}

.subnavigation-search:focus-within {
      padding-left: 1.6rem;
    }

@media (min-width: 769px) {

.subnavigation-search:focus-within {
        padding-left: 1.3rem
    }
      }

.subnavigation-search input {
      width: 100%;
      line-height: 2rem;
      padding: 0.5rem;

      outline: none;
    }

@media (min-width: 769px) {

.subnavigation-search {
      width: 100%;
      order: 4
  }
    }

@media (min-width: 1025px) {

.subnavigation-search {
      width: auto;
      order: 2
  }
    }

.subnavigation-license {
    padding: 1.5rem;
    display: none;
  }

.offers-container.subnavigation-license {
      display: none;
    }

@media (min-width: 769px){

  .subnavigation-license{
    display: flex;
  }
}

.subnavigation-license{
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  align-self: stretch;
  align-items: center;
}

.subnavigation-license select {
      width: 100%;
      align-self: flex-start;
    }

@media (min-width: 769px) {

.subnavigation-license {
      order: 2
  }
    }

@media (min-width: 1025px) {

.subnavigation-license {
      width: 100%;
      max-width: 18rem
  }
    }

/* Secondary */

.subnavigation-caracteristics{
  display: none;
}

.offers-container.subnavigation-caracteristics {
      display: none;
    }

@media (min-width: 769px){

  .subnavigation-caracteristics{
    display: block;
  }
}

.subnavigation-caracteristics{
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

@media (min-width: 769px){

  .subnavigation-caracteristics{
    border-top-width: 1px;
  }
}

.subnavigation-caracteristics label{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
      width: 7.1rem;
      height: 5rem;
}

.subnavigation-caracteristics div {
      display: inline-flex;
      align-items: center;
    }

.subnavigation-caracteristics svg {
      margin: auto;
    }

.subnavigation-caracteristics svg.icon-filter_thickness {
        width: 2.78rem;
        height: 1.69rem;
      }

.subnavigation-caracteristics svg.icon-filter_black {
        width: 4.64rem;
        height: 1.73rem;
      }

.subnavigation-caracteristics svg.icon-filter_narrow {
        width: 2.54rem;
        height: 1.76rem;
      }

.subnavigation-caracteristics svg.icon-filter_extended {
        width: 4.41rem;
        height: 1.73rem;
      }

.subnavigation-caracteristics svg.icon-filter_title {
        width: 3.37rem;
        height: 1.96rem;
      }

.subnavigation-caracteristics svg.icon-filter_caps {
        width: 4.67rem;
        height: 1.64rem;
      }

@media (min-width: 769px) {

.subnavigation-caracteristics {
      order: 3;
      width: 100%
  }
    }

@media (min-width: 1025px) {

.subnavigation-caracteristics {
      width: 50%
  }
    }

.subnavigation-weight,
  .subnavigation-space,
  .subnavigation-title,
  .subnavigation-capitals {
    display: inline-flex;
    align-items: stretch;
    height: 100%;
  }

.subnavigation-weight label,
  .subnavigation-space label,
  .subnavigation-title,
  .subnavigation-capitals{
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.subnavigation-tags {
    min-height: 51px;
    display: none;
  }

.offers-container.subnavigation-tags {
      display: none;
    }

@media (min-width: 769px){

  .subnavigation-tags{
    display: flex;
  }
}

.subnavigation-tags{
  align-items: center;
  border-top-width: 1px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    margin-left: auto;
}

@media (min-width: 769px) {

.subnavigation-tags {
      order: 5;
      width: 100%
  }
    }

@media (min-width: 1025px) {

.subnavigation-tags {
      width: 50%
  }
    }

.subnavigation-tags .tags {
      overflow: hidden;
      padding: 1rem 1.5rem;
      display: block;
      width: 100%;
      max-height: 4.6rem;
    }

.subnavigation-tags .tags .tag {
        display: inline-block;
        margin-bottom: 1rem;
        padding: 0;
        margin-right: 0.5rem;
      }

.subnavigation-tags .tags .tag span {
          display: block;
          padding: 0 1rem;
        }

.subnavigation-tags .tags .tag input:checked + span{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(242, 242, 242, var(--tw-text-opacity, 1));
}

.subnavigation-tags .tags .tag:hover {
          cursor: pointer;
        }

.subnavigation-more{
  display: none;
}

.offers-container.subnavigation-more {
      display: none;
    }

@media (min-width: 769px){

  .subnavigation-more{
    display: block;
  }
}

.subnavigation-more {
    position: relative;
    text-align: right;
    margin: 0.5rem 0;
  }

.subnavigation-more button{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.subnavigation-more button:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.subnavigation-more button{
  display: inline-flex;
  align-items: center;
}

.form .subnavigation-more button .form-group + .form-group {
    margin-top: 0;
  }

.form .subnavigation-more button .form-group {
    flex: 1 1 50%;
  }

.subnavigation-more button {
      font-size: 1.2rem;
      line-height: 2rem;
      letter-spacing: 0.3px;
      cursor: pointer;
    }

.subnavigation-more button:last-of-type {
        display: none;
      }

.subnavigation-more svg {
      margin-left: 1rem;
      width: 0.8rem;
      height: 0.5rem;
    }

/* States */

.subnavigation.has-tags-open .subnavigation-caracteristics > div{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.subnavigation.has-tags-open .tags {
      max-height: 18.4rem;
      overflow-y: scroll;
    }

.subnavigation.has-tags-open .subnavigation-more button:first-of-type {
        display: none;
      }

.subnavigation.has-tags-open .subnavigation-more button:last-of-type {
        display: inline-flex;
      }

.subnavigation.has-tags-open .subnavigation-more svg {
        transform: rotate(180deg);
      }

.tabs {
}

.tabs-header.selected{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.tabs-item {
  display: none;
}

.tabs-item.selected {
    display: block;
  }

.tags{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.tags .tag {
    padding: 0 1rem;
    font-size: 1.2rem;
    line-height: 2.7rem;
    letter-spacing: 1px;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    --tw-bg-opacity: 1;
    background-color: rgba(242, 242, 242, var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    text-transform: uppercase;
  }

.tags .tag a {
      color: inherit;
    }

.tags .tag:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.tippy-box[data-theme="tf"]{
  --tw-bg-opacity: 1;
  background-color: rgba(60, 58, 54, var(--tw-bg-opacity, 1));
}

.tippy-box[data-theme~="tf"][data-placement^="left"] > .tippy-arrow::before{
  --tw-bg-opacity: 1;
  background-color: rgba(60, 58, 54, var(--tw-bg-opacity, 1));
}

.tippy-box[data-theme~="tf"][data-placement^="right"] > .tippy-arrow::before{
  --tw-border-opacity: 1;
  border-right-color: rgba(60, 58, 54, var(--tw-border-opacity, 1));
}

.tippy-box[data-theme~="tf"][data-placement^="top"] > .tippy-arrow::before{
  --tw-border-opacity: 1;
  border-top-color: rgba(60, 58, 54, var(--tw-border-opacity, 1));
}

.tippy-box[data-theme~="tf"][data-placement^="bottom"] > .tippy-arrow::before{
  --tw-border-opacity: 1;
  border-bottom-color: rgba(60, 58, 54, var(--tw-border-opacity, 1));
}

.tippy-box[data-theme="tf"] .tippy-content,
.tippy-box[data-theme="tf_error"] .tippy-content{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0.05rem;
  padding: 15px 12px;
  text-align: center;
  text-transform: none;
}

.tippy-box[data-theme="tf"] .tippy-content a, .tippy-box[data-theme="tf_error"] .tippy-content a{
  --tw-text-opacity: 1;
  color: rgba(229, 229, 229, var(--tw-text-opacity, 1));
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: #c93a33;
    transition:
      text-decoration-color ease-in 0.2s, color ease-in 0.2s;
}

.tippy-box[data-theme="tf"] .tippy-content a:hover, .tippy-box[data-theme="tf_error"] .tippy-content a:hover{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
      text-decoration-color: #a32e28;
}

.tippy-box[data-theme="tf_error"] .tippy-content{
  --tw-bg-opacity: 1;
  background-color: rgba(201, 58, 51, var(--tw-bg-opacity, 1));
  text-align: left;
}

.tippy-box[data-theme~="tf_error"] > .tippy-arrow::before{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.family-case-study-item > a {
    display: flex;
    flex-direction: column;
  }

.family-case-study-item-img-container {
    max-height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition: box-shadow 0.2s ease-in;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  }

@media (min-width: 1025px) {

.family-case-study-item-img-container {
      max-height: 26.4rem
  }
    }

.family-case-study-item-img,
  .family-case-study-item-img-hover {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }

.family-case-study-item-img{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    position: relative;
    z-index: 2;
    transition: opacity ease 0.35s;
    aspect-ratio: 380/266;
}

.family-case-study-item-name{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    margin-top: 2rem;
}

.family-case-study-item-name svg {
      float: left;
      margin-top: 0.5rem;
    }

@media (min-width: 1025px) {

.family-case-study-item-name svg {
        margin-top: 0.75rem
    }
      }

.family-case-study-item-agency{
  display: none;
}

.offers-container.family-case-study-item-agency {
      display: none;
    }

@media (min-width: 769px){

  .family-case-study-item-agency{
    display: block;
  }
}

.family-case-study-item-agency{
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: 0.04rem;
}

.family-case-study-item-families a {
    line-height: 2.7rem;
    margin-left: 1rem;
  }

.family-case-study-item-families a:first-of-type {
      margin-left: 0;
    }

.family-case-study-item > a:hover .family-case-study-item-name,
    .family-case-study-item > a:hover .family-case-study-item-agency{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px){

  .family-case-study-sidebar{
    width: 33.333333%;
  }
}

.family-case-study-sidebar {
  flex: none;
}

@media (min-width: 1025px) {

.family-case-study-sidebar {
    margin-right: 4rem
}
  }

.family-case-study-sidebar__block {
    padding: 1.6rem 0;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    line-height: 1.09;
  }

@media (min-width: 1025px) {

.family-case-study-sidebar__block {
      padding: 1.4rem 0
  }
    }

.family-case-study-sidebar__block__title {
      font-size: 1.2rem;
      line-height: 2rem;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    }

.family-case-study-sidebar__block:first-of-type{
  margin-top: 2rem;
  border-top-width: 0px;
}

.family-case-study-sidebar__block--licenses p span + span {
      margin-left: 0.5rem;
    }

.subnavigation.typeface-family-case-study-subnavigation .subnavigation-tags {
    width: 100%;
  }

.dashboards-artwork .artwork-licenses__list li, .dashboards-show .artwork-licenses__list li{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));

        padding-top: 1.85rem;
        padding-bottom: 1.5rem;
}

.dashboards-artwork .artwork-licenses__list li:first-child, .dashboards-show .artwork-licenses__list li:first-child{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.dashboards-artwork .artwork-licenses__list li p:first-child span.caption, .dashboards-show .artwork-licenses__list li p:first-child span.caption{
  margin-left: 1rem;
}

.dashboards-artwork .artwork-licenses__list li span.format, .dashboards-show .artwork-licenses__list li span.format {
          letter-spacing: 0.1rem;
          font-size: 1.4rem;
          margin-left: 1rem;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
          text-transform: uppercase;
        }

.dashboards-artwork .artwork-licenses__list li span.caption, .dashboards-show .artwork-licenses__list li span.caption{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
          font-style: normal;
}

@media (min-width: 1025px) {

.dashboards-artwork .artwork-licenses__list li span.caption, .dashboards-show .artwork-licenses__list li span.caption {
            font-size: 1.2rem
        }
          }

.dashboards-artwork{
  margin-bottom: 8rem;
}

.dashboards-artwork__header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: -4rem;
}

@media (min-width: 1025px){

  .dashboards-artwork__header{
    margin-bottom: -10rem;
  }
}

.dashboards-artwork__header .left-side{
  margin-bottom: 3.5rem;
}

@media (min-width: 1025px){

  .dashboards-artwork__header .left-side{
    margin-bottom: 10rem;
  }
}

.dashboards-artwork__header .right-side{
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-end;
  text-align: right;
}

.dashboards-artwork__empty_list{
  margin-bottom: 5rem;
}

.dashboards-artwork__empty_list p{
  border-bottom-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
      font-size: 1.4rem;
}

@media (min-width: 1025px) {

.dashboards-artwork__empty_list p {
        font-size: 1.6rem
    }
      }

.dashboards-library__header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: -4rem;
}

@media (min-width: 1025px){

  .dashboards-library__header{
    margin-bottom: -10rem;
  }
}

.dashboards-library__header .left-side{
  margin-bottom: 3.5rem;
}

@media (min-width: 1025px){

  .dashboards-library__header .left-side{
    margin-bottom: 10rem;
  }
}

.dashboards-show{
  margin-bottom: 8rem;
}

.dashboards-show .subtitle-1{
  border-top-width: 0px;
  padding-bottom: 1.5rem;
  padding-top: 0px;
}

.dashboards-show p.actions{
  margin-top: 0.5rem;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;

    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.03rem;
    text-align: right;
}

.dashboards-show .artwork-licenses,
  .dashboards-show .dashboards-library{
  margin-top: 2.5rem;
}

.dashboards-show .faq-blocks{
  margin-top: 8rem;
}

@media (min-width: 769px) {

.dashboards-show .faq-blocks {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 2rem
  }
    }

@media (min-width: 1025px) {

.dashboards-show .faq-blocks {
      grid-column-gap: 3.8rem
  }
    }

.dashboards-show .font-library-list li, .dashboards-library .font-library-list li, .dashboards-complete-your-library .font-library-list li {
      width: 100%;
      padding-top: 1.85rem;
      padding-bottom: 1.5rem;
      min-height: 8rem;
      display: inline-flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: space-between;
    }

.form .dashboards-show .font-library-list li .form-group + .form-group,.form  .dashboards-library .font-library-list li .form-group + .form-group,.form  .dashboards-complete-your-library .font-library-list li .form-group + .form-group {
    margin-top: 0;
  }

.form .dashboards-show .font-library-list li .form-group,.form  .dashboards-library .font-library-list li .form-group,.form  .dashboards-complete-your-library .font-library-list li .form-group {
    flex: 1 1 50%;
  }

.dashboards-show .font-library-list li, .dashboards-library .font-library-list li, .dashboards-complete-your-library .font-library-list li{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.dashboards-show .font-library-list li.complete-family, .dashboards-library .font-library-list li.complete-family, .dashboards-complete-your-library .font-library-list li.complete-family{
  align-content: center;
}

.dashboards-show .font-library-list li:first-child, .dashboards-library .font-library-list li:first-child, .dashboards-complete-your-library .font-library-list li:first-child{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.dashboards-show .font-library-list li span.format, .dashboards-library .font-library-list li span.format, .dashboards-complete-your-library .font-library-list li span.format {
        letter-spacing: 0.1rem;
        font-size: 1.4rem;
        margin-left: 1rem;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        text-transform: uppercase;
      }

.dashboards-show .font-library-list li span.caption, .dashboards-library .font-library-list li span.caption, .dashboards-complete-your-library .font-library-list li span.caption{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
        font-style: normal;
}

@media (min-width: 1025px) {

.dashboards-show .font-library-list li span.caption, .dashboards-library .font-library-list li span.caption, .dashboards-complete-your-library .font-library-list li span.caption {
          font-size: 1.2rem
      }
        }

.dashboards-show .font-library-list li .invoice,
      .dashboards-show .font-library-list li .add-artwork-license,
      .dashboards-library .font-library-list li .invoice,
      .dashboards-library .font-library-list li .add-artwork-license,
      .dashboards-complete-your-library .font-library-list li .invoice,
      .dashboards-complete-your-library .font-library-list li .add-artwork-license {
        font-size: 1.2rem;
        line-height: 2rem;
        letter-spacing: 0.3px;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      }

.dashboards-show .font-library-list li .add-artwork-license, .dashboards-library .font-library-list li .add-artwork-license, .dashboards-complete-your-library .font-library-list li .add-artwork-license{
  margin-top: 1rem;
  display: block;
}

.dashboards-show .font-library-list li .col--title, .dashboards-library .font-library-list li .col--title, .dashboards-complete-your-library .font-library-list li .col--title {
          flex: 1 1;
          order: 1;
        }

.dashboards-show .font-library-list li .col--title p, .dashboards-library .font-library-list li .col--title p, .dashboards-complete-your-library .font-library-list li .col--title p {
            line-height: 2rem;
          }

.dashboards-show .font-library-list li .col--title span.caption, .dashboards-library .font-library-list li .col--title span.caption, .dashboards-complete-your-library .font-library-list li .col--title span.caption {
            display: block;
            margin-left: 0;
          }

.dashboards-show .font-library-list li .col--helper, .dashboards-library .font-library-list li .col--helper, .dashboards-complete-your-library .font-library-list li .col--helper {
          width: 100%;
          order: 3;
          line-height: 2rem;
        }

.dashboards-show .font-library-list li .col--cart, .dashboards-library .font-library-list li .col--cart, .dashboards-complete-your-library .font-library-list li .col--cart {
          order: 2;
          text-align: right;
        }

.dashboards-show .font-library-list li .col--cart span.caption, .dashboards-library .font-library-list li .col--cart span.caption, .dashboards-complete-your-library .font-library-list li .col--cart span.caption{
  margin-right: 1rem;
  display: none;
}

.offers-container.dashboards-show .font-library-list li .col--cart span.caption,.offers-container .dashboards-library .font-library-list li .col--cart span.caption,.offers-container .dashboards-complete-your-library .font-library-list li .col--cart span.caption {
      display: none;
    }

@media (min-width: 1025px){

  .dashboards-show .font-library-list li .col--cart span.caption, .dashboards-library .font-library-list li .col--cart span.caption, .dashboards-complete-your-library .font-library-list li .col--cart span.caption{
    display: inline;
  }
}

.dashboards-show .font-library-list li .col--cart a.button, .dashboards-library .font-library-list li .col--cart a.button, .dashboards-complete-your-library .font-library-list li .col--cart a.button{
  display: inline-block;
}

@media (min-width: 1025px) {

.dashboards-show .font-library-list li .col--cart, .dashboards-library .font-library-list li .col--cart, .dashboards-complete-your-library .font-library-list li .col--cart {
            text-align: right
        }
          }

.dashboards-library a.button, .dashboards-complete-your-library a.button{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.dashboards-library .dashboards-library__block, .dashboards-complete-your-library .dashboards-complete-your-library__block {
    margin-bottom: 3rem;
  }

@media (min-width: 1025px) {

.dashboards-library .dashboards-library__block, .dashboards-complete-your-library .dashboards-complete-your-library__block {
      margin-bottom: 5rem
  }
    }

.dashboards-library .dashboards-library__block > header, .dashboards-complete-your-library .dashboards-complete-your-library__block > header {
      margin-bottom: 5rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }

.dashboards-library .dashboards-library__block > header .heading, .dashboards-complete-your-library .dashboards-complete-your-library__block > header .heading {
        font-size: 2.2rem;
        line-height: 2.4rem;
        font-family: 'MenckenSpeHead', Georgia, serif;
      }

@media (min-width: 1025px) {

.dashboards-library .dashboards-library__block > header .heading, .dashboards-complete-your-library .dashboards-complete-your-library__block > header .heading {
          font-size: 3.2rem;
          line-height: 3.2rem
      }
        }

.dashboards-library .dashboards-library__block > header .helper, .dashboards-complete-your-library .dashboards-complete-your-library__block > header .helper {
        margin-top: 1rem;
        font-size: 1.4rem;
        line-height: 2.5rem;
        --tw-text-opacity: 1;
        color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      }

.dashboards-library .dashboards-library__block > header .helper a, .dashboards-complete-your-library .dashboards-complete-your-library__block > header .helper a {
          display: block;
        }

@media (min-width: 1025px) {

.dashboards-library .dashboards-library__block > header .helper, .dashboards-complete-your-library .dashboards-complete-your-library__block > header .helper {
          font-size: 1.6rem
      }

          .dashboards-library .dashboards-library__block > header .helper a, .dashboards-complete-your-library .dashboards-complete-your-library__block > header .helper a {
            display: inline;
            margin-left: 0.5rem;
          }
        }

.dashboards-library .dashboards-library__block .licenses .license, .dashboards-complete-your-library .dashboards-complete-your-library__block .licenses .license {
        margin-top: 5rem;
      }

.dashboards-library .dashboards-library__block .licenses .license[data-expand-state-value="false"] .font-library-list li:nth-child(n + 4), .dashboards-complete-your-library .dashboards-complete-your-library__block .licenses .license[data-expand-state-value="false"] .font-library-list li:nth-child(n + 4) {
            display: none;
          }

.dashboards-library .dashboards-library__block .licenses .license[data-expand-state-value="false"] .show-all p:last-of-type, .dashboards-complete-your-library .dashboards-complete-your-library__block .licenses .license[data-expand-state-value="false"] .show-all p:last-of-type {
              display: none;
            }

.dashboards-library .dashboards-library__block .licenses .license[data-expand-state-value="true"] .show-all p:first-of-type, .dashboards-complete-your-library .dashboards-complete-your-library__block .licenses .license[data-expand-state-value="true"] .show-all p:first-of-type {
              display: none;
            }

.dashboards-library .dashboards-library__block .licenses .license[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .dashboards-complete-your-library .dashboards-complete-your-library__block .licenses .license[data-expand-state-value="true"] .show-all .icon-dropdown-arrow {
              transform: rotate(180deg);
            }

.dashboards-library .dashboards-library__block .licenses .license .show-all, .dashboards-complete-your-library .dashboards-complete-your-library__block .licenses .license .show-all{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
          flex-direction: row-reverse;
          font-size: 1.2rem;
          line-height: 2.7rem;
          cursor: pointer;
          display: flex;
          align-items: baseline;
          margin-top: 1rem;
}

.dashboards-library .dashboards-library__block .licenses .license .show-all:hover, .dashboards-complete-your-library .dashboards-complete-your-library__block .licenses .license .show-all:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.dashboards-library .dashboards-library__block .licenses .license .show-all svg.icon-dropdown-arrow, .dashboards-complete-your-library .dashboards-complete-your-library__block .licenses .license .show-all svg.icon-dropdown-arrow {
            width: 0.9rem;
            height: 0.6rem;
            margin-top: 0.8rem;
            margin-left: 0.8rem;
          }

.dashboards-library .dashboards-library__block .licenses .license:first-of-type, .dashboards-complete-your-library .dashboards-complete-your-library__block .licenses .license:first-of-type {
        margin-top: 0;
      }

.dashboards-library .dashboards-library__block .license header, .dashboards-complete-your-library .dashboards-complete-your-library__block .license header {
        padding-bottom: 0.7rem;
        display: flex;
        align-items: flex-end;
      }

.dashboards-library .dashboards-library__block .license h3, .dashboards-complete-your-library .dashboards-complete-your-library__block .license h3 {
        text-transform: uppercase;
        font-size: 1.2rem;
        line-height: 1.4rem;
        --tw-text-opacity: 1;
        color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      }

@media (min-width: 1025px) {

.dashboards-library .dashboards-library__block .license h3, .dashboards-complete-your-library .dashboards-complete-your-library__block .license h3 {
          font-size: 1.6rem;
          line-height: 1.9rem;
          letter-spacing: 0.4px
      }
        }

.dashboards-library .dashboards-library__block .license .help-button, .dashboards-complete-your-library .dashboards-complete-your-library__block .license .help-button {
        margin-left: 1rem;
        display: none;
      }

.offers-container.dashboards-library .dashboards-library__block .license .help-button,.offers-container .dashboards-complete-your-library .dashboards-complete-your-library__block .license .help-button {
      display: none;
    }

@media (min-width: 1025px){

  .dashboards-library .dashboards-library__block .license .help-button, .dashboards-complete-your-library .dashboards-complete-your-library__block .license .help-button{
    display: inline-block;
  }
}

.dashboards-library .dashboards-library__block .license .complete, .dashboards-complete-your-library .dashboards-complete-your-library__block .license .complete {
        font-size: 1rem;
        line-heigth: 2rem;
        letter-spacing: 0.83px;
        text-transform: uppercase;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        --tw-text-opacity: 1;
        color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      }

@media (min-width: 1025px) {

.dashboards-library .dashboards-library__block .license .complete, .dashboards-complete-your-library .dashboards-complete-your-library__block .license .complete {
          font-size: 1.2rem
      }
        }

.dashboards-library .dashboards-library__block .font-library-list li span.caption.base-price, .dashboards-complete-your-library .dashboards-complete-your-library__block .font-library-list li span.caption.base-price {
            display: none;
            margin-left: 0.5rem;
            text-decoration-line: line-through;
          }

@media (min-width: 1025px){

  .dashboards-library .dashboards-library__block .font-library-list li span.caption.base-price, .dashboards-complete-your-library .dashboards-complete-your-library__block .font-library-list li span.caption.base-price{
    display: inline;
  }
}

.dashboards-library .dashboards-library__block .font-library-list li span.caption.price, .dashboards-complete-your-library .dashboards-complete-your-library__block .font-library-list li span.caption.price {
            margin-left: 0.5rem;
            font-size: 1.4rem;
            --tw-text-opacity: 1;
            color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
          }

.dashboards-library .dashboards-library__block .font-library-list li .col--complete, .dashboards-complete-your-library .dashboards-complete-your-library__block .font-library-list li .col--complete {
          order: 2;
        }

@media (min-width: 1025px) {

.dashboards-library .dashboards-library__block .font-library-list li .col--complete, .dashboards-complete-your-library .dashboards-complete-your-library__block .font-library-list li .col--complete {
            text-align: right
        }
          }

.dashboards-library .dashboards-library__block .font-library-list.tryout li, .dashboards-complete-your-library .dashboards-complete-your-library__block .font-library-list.tryout li {
          min-height: 0;
        }

.dashboards-library__empty_list, .dashboards-complete-your-library__empty_list{
  margin-bottom: 5rem;
}

.dashboards-library__empty_list p, .dashboards-complete-your-library__empty_list p{
  border-bottom-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));

      font-size: 1.4rem;
}

@media (min-width: 1025px) {

.dashboards-library__empty_list p, .dashboards-complete-your-library__empty_list p {
        font-size: 1.6rem
    }
      }

.orders-index{
  margin-bottom: 8rem;
}

.orders-index .download-invoices__list li, .dashboards-show .download-invoices__list li{
  display: flex;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.orders-index .download-invoices__list li:first-child, .dashboards-show .download-invoices__list li:first-child{
  border-top-width: 1px;
}

.orders-index .download-invoices__list li span.caption, .dashboards-show .download-invoices__list li span.caption{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
        font-style: normal;
}

@media (min-width: 1025px) {

.orders-index .download-invoices__list li span.caption, .dashboards-show .download-invoices__list li span.caption {
          font-size: 1.2rem
      }
        }

.orders-index .download-invoices__list li p:first-child span:first-child, .dashboards-show .download-invoices__list li p:first-child span:first-child {
          font-size: 1.4rem;
        }

@media (min-width: 1025px) {

.orders-index .download-invoices__list li p:first-child span:first-child, .dashboards-show .download-invoices__list li p:first-child span:first-child {
            font-size: 1.6rem;
            line-height: 2rem
        }
          }

.orders-index .download-invoices__list li p:first-child span:last-child, .dashboards-show .download-invoices__list li p:first-child span:last-child{
  display: block;
}

@media (min-width: 1025px){

  .orders-index .download-invoices__list li p:first-child span:last-child, .dashboards-show .download-invoices__list li p:first-child span:last-child{
    margin-top: 0.5rem;
  }
}

.orders-index .download-invoices__list li p:last-child, .dashboards-show .download-invoices__list li p:last-child{
  min-width: -moz-max-content;
  min-width: max-content;
}

.orders-index .download-invoices__list li p:last-child a.button, .dashboards-show .download-invoices__list li p:last-child a.button{
  margin-left: 1rem;
}

@media (min-width: 1025px){

  .orders-index .download-invoices__list li p:last-child a.button, .dashboards-show .download-invoices__list li p:last-child a.button{
    margin-left: 2rem;
  }
}

.orders-index .download-invoices__list li p:last-child a.button:hover, .dashboards-show .download-invoices__list li p:last-child a.button:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.orders-index .download-invoices__empty_list, .dashboards-show .download-invoices__empty_list{
  margin-bottom: 5rem;
}

.orders-index .download-invoices__empty_list p, .dashboards-show .download-invoices__empty_list p{
  border-bottom-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));

      font-size: 1.4rem;
}

@media (min-width: 1025px) {

.orders-index .download-invoices__empty_list p, .dashboards-show .download-invoices__empty_list p {
        font-size: 1.6rem
    }
      }

.order-show__header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;

    margin-bottom: -2.2rem;
}

@media (min-width: 1025px) {

.order-show__header {
      margin-bottom: -3.2rem
  }
    }

@media (min-width: 769px) {

.order-show__header .left-side {
        max-width: 47%
    }
      }

@media (min-width: 1025px) {

.order-show__header .left-side {
        max-width: 33.33%;
        padding-right: 1.85rem
    }
      }

.order-show__header .left-side h1{
  margin-bottom: 0.5rem;
}

.order-show__header .left-side p{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.order-show__header .right-side{
  display: none;
  flex-shrink: 0;
  text-align: right;
}

.offers-container.order-show__header .right-side {
      display: none;
    }

@media (min-width: 1025px){

  .order-show__header .right-side{
    display: block;
  }
}

.order-show__header .right-side p.price{
  display: flex;
  align-items: baseline;
}

.order-show__header .right-side p.price span:first-child{
  margin-right: 1rem;
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

@media (min-width: 769px){

  .order-show__header .right-side p.price span:first-child{
    margin-right: 4rem;
  }
}

.order-show__header .right-side p.price span:first-child {

          font-size: 1.2rem;
        }

.order-show__header .right-side p.price span:last-child{
  margin-bottom: 2rem;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;

          font-size: 2.4rem;
          line-height: 2rem;
}

.order-show__header .right-side p.credit-invoice-link{
  margin-top: 1.5rem;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;

        font-size: 1.2rem;
        line-height: 2rem;
        letter-spacing: 0.03rem;
        text-align: right;
}

.order-show .order-show__main .informations-block{
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 769px){

  .order-show .order-show__main .informations-block{
    flex-direction: row;
    justify-content: space-between;
  }
}

@media (min-width: 1025px){

  .order-show .order-show__main .informations-block{
    margin-bottom: 8rem;
  }
}

.order-show .order-show__main .informations-block .order-informations,
      .order-show .order-show__main .informations-block .order-invoicing{
  width: 100%;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

@media (min-width: 769px) {

.order-show .order-show__main .informations-block .order-informations,
      .order-show .order-show__main .informations-block .order-invoicing {
          width: 47%
      }
        }

.order-show .order-show__main .informations-block .order-informations h2, .order-show .order-show__main .informations-block .order-invoicing h2{
  margin-bottom: 1.5rem;
  display: inline-flex;
  vertical-align: baseline;
}

.form .order-show .order-show__main .informations-block .order-informations h2 .form-group + .form-group,.form  .order-show .order-show__main .informations-block .order-invoicing h2 .form-group + .form-group {
    margin-top: 0;
  }

.form .order-show .order-show__main .informations-block .order-informations h2 .form-group,.form  .order-show .order-show__main .informations-block .order-invoicing h2 .form-group {
    flex: 1 1 50%;
  }

.order-show .order-show__main .informations-block .order-informations h2 svg.icon-dropdown-arrow, .order-show .order-show__main .informations-block .order-invoicing h2 svg.icon-dropdown-arrow {
            width: 0.8rem;
            height: 0.5rem;
            margin-top: 0.9rem;
            margin-left: 0.8rem;
            transform: rotate(180deg);
          }

.order-show .order-show__main .informations-block .order-informations p:not(.ui-small-text), .order-show .order-show__main .informations-block .order-invoicing p:not(.ui-small-text){
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
          line-height: 2rem;

          font-size: 1.4rem;
}

@media (min-width: 1025px) {

.order-show .order-show__main .informations-block .order-informations p:not(.ui-small-text), .order-show .order-show__main .informations-block .order-invoicing p:not(.ui-small-text) {
            font-size: 1.6rem
        }
          }

@media (min-width: 769px) {

.order-show .order-show__main .informations-block .order-informations .content-block, .order-show .order-show__main .informations-block .order-invoicing .content-block {
            display: block
        }
          }

.order-show .order-show__main .informations-block .order-informations.has-revealed h2 svg, .order-show .order-show__main .informations-block .order-invoicing.has-revealed h2 svg {
            transform: rotate(0deg);
          }

@media (min-width: 769px){

  .order-show .order-show__main .informations-block .order-informations{
    padding-top: 1.5rem;
  }

  .order-show .order-show__main .informations-block .order-informations h2{
    display: none;
  }
}

.order-show .order-show__main .informations-block .order-informations .text-group{
  margin-bottom: 2rem;
}

.order-show .order-show__main .informations-block .order-invoicing h2{
  margin-bottom: 3rem;
}

@media (min-width: 1025px){

  .order-show .order-show__main .informations-block .order-invoicing h2{
    margin-top: 1.5rem;
  }
}

@media (min-width: 769px){

  .order-show .order-show__main .informations-block .order-invoicing h2 svg.icon-dropdown-arrow{
    display: none;
  }
}

.order-show .order-show__main .order-summary .licenses .licenses-name {
          font-size: 1.2rem;
          line-height: 2.7rem;
          letter-spacing: 0.08rem;
          color: #9b9b9b;
          margin-bottom: 1.5rem;
          display: inline-flex;
          align-items: center;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
          text-transform: uppercase;
        }

.form .order-show .order-show__main .order-summary .licenses .licenses-name .form-group + .form-group {
    margin-top: 0;
  }

.form .order-show .order-show__main .order-summary .licenses .licenses-name .form-group {
    flex: 1 1 50%;
  }

.order-show .order-show__main .order-summary .licenses .licenses-name .help-button{
  margin-left: 1rem;
  display: none;
}

.offers-container.order-show .order-show__main .order-summary .licenses .licenses-name .help-button {
      display: none;
    }

@media (min-width: 1025px) {

.order-show .order-show__main .order-summary .licenses .licenses-name {
            font-size: 1.6rem;
            line-height: 1.9rem;
            letter-spacing: 0.04rem;
            margin-bottom: 0.8rem
        }

            .order-show .order-show__main .order-summary .licenses .licenses-name .help-button{
    display: inline-block;
  }
          }

.order-show .order-show__main .order-summary .licenses ul{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.order-show .order-show__main .order-summary .licenses .typeface-group {
          margin-bottom: 0;
          margin-bottom: 0px;
          display: flex;
          align-items: center;
          border-bottom-width: 1px;
          --tw-border-opacity: 1;
          border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
          padding-top: 1rem;
          padding-bottom: 1rem;
        }

@media (min-width: 1025px) {

.order-show .order-show__main .order-summary .licenses .typeface-group {
            padding-top: 1.6rem;
            padding-bottom: 1.6rem
        }
          }

.order-show .order-show__main .order-summary .licenses .typeface-group .name {
            font-size: 1.4rem;
            line-height: 2rem;
            letter-spacing: 0.035rem;
          }

@media (min-width: 1025px) {

.order-show .order-show__main .order-summary .licenses .typeface-group .name {
              font-size: 1.6rem;
              letter-spacing: 0.04rem
          }
            }

.order-show .order-show__main .order-summary .licenses .typeface-group .format {
            letter-spacing: 0.1rem;
            font-size: 1.4rem;
            margin-left: 1rem;
            font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
            text-transform: uppercase;
          }

.order-show .order-show__main .order-summary .licenses .typeface-group .extra{
  order: 3;
  margin-top: 0.25rem;
  width: 100%;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
}

@media (min-width: 1025px){

  .order-show .order-show__main .order-summary .licenses .typeface-group .extra{
    margin-left: 1rem;
    margin-top: 0px;
    width: auto;
  }
}

.order-show .order-show__main .order-summary .licenses .typeface-group .extra {
            font-size: 1.2rem;
            line-height: 2rem;
            letter-spacing: 0.04rem;
            color: #c2c2c2;
          }

@media (min-width: 1025px) {

.order-show .order-show__main .order-summary .licenses .typeface-group .extra {
              letter-spacing: 0.03rem;
              order: initial
          }
            }

.order-show .order-show__main .order-summary .licenses .typeface-group .price-block {
            margin-left: auto;
          }

.order-show .order-show__main .order-summary .licenses .typeface-group .price-block .product-item-discount{
  margin-right: 1.5rem;
}

.order-show .order-show__main .order-summary .licenses .typeface-group .price-block .old-price{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
  text-decoration-line: line-through;
}

.order-show .order-show__main .order-summary .licenses .typeface-group .price-block .price {
              font-size: 1.4rem;
              line-height: 2rem;
              margin-left: auto;
              font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
            }

@media (min-width: 1025px) {

.order-show .order-show__main .order-summary .licenses .typeface-group .price-block .price {
                font-size: 1.6rem
            }
              }

.order-show .order-show__main .order-summary .licenses .typeface-group fieldset{
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
            order: 4;
}

.order-show .order-show__main .order-summary .licenses .typeface-group fieldset input + input {
              margin-top: 1.2rem;
            }

@media (min-width: 1025px) {

.order-show .order-show__main .order-summary .licenses .typeface-group fieldset {
              margin-top: 1.2rem;
              display: inline-flex
          }

              .order-show .order-show__main .order-summary .licenses .typeface-group fieldset input + input {
                margin-top: 0;
                margin-left: 1rem;
              }
            }

.order-show .order-show__main .order-summary .licenses .license-subtotal{
  margin-bottom: 3rem;
  text-align: right;
}

.order-show .order-show__main .order-summary .licenses .subtotal,
        .order-show .order-show__main .order-summary .licenses .subtotal + p {
          font-size: 1.2rem;
          line-height: 1.6rem;
          letter-spacing: 0.05rem;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        }

.order-show .order-show__main .order-summary .licenses .subtotal{
  margin-top: 0.625rem;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.order-show .order-show__main .order-summary .checkout-total{
  margin-bottom: 2rem;
  margin-top: 4rem;
}

@media (min-width: 769px){

  .order-show .order-show__main .order-summary .checkout-total{
    width: -moz-max-content;
    width: max-content;
  }
}

@media (min-width: 1025px){

  .order-show .order-show__main .order-summary .checkout-total{
    margin-bottom: 4rem;
  }
}

.order-show .order-show__main .order-summary .checkout-total {
        margin-left: auto;
      }

.order-show .order-show__main .order-summary .checkout-total dl{
  display: flex;
  flex-wrap: wrap;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
          line-height: 2rem;
}

.order-show .order-show__main .order-summary .checkout-total dt{
  margin-bottom: 0.5rem;
  width: 66.666667%;
  text-align: right;
}

.order-show .order-show__main .order-summary .checkout-total dd{
  width: 33.333333%;
  text-align: right;
}

.order-show .order-show__main .order-summary .checkout-total .total {
          padding-top: 1.4rem;
          margin-top: 2rem;
          border-top-width: 1px;
          --tw-border-opacity: 1;
          border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
        }

.order-show .order-show__main .order-summary .checkout-total .total span:first-of-type{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}

.order-show .order-show__main .order-summary .checkout-total .total dd {
            font-size: 2rem;
            --tw-text-opacity: 1;
            color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
          }

@media (min-width: 769px) {

.order-show .order-show__main .order-summary .checkout-total .total dd {
              font-size: 2.6rem
          }
            }

.order-show .order-show__main .order-summary__notes{
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.order-show .order-show__main .order-summary__notes p{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
          letter-spacing: 0.03rem;
}

.order-show .order-show__main .order-summary .admin-conditions .markdown-block * {
            margin-top: 0.5rem;
          }

.saved-carts-index{
  margin-bottom: 8rem;
}

.saved-carts-index .saved-carts-index__list li{
  display: flex;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 1025px){

  .saved-carts-index .saved-carts-index__list li{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.saved-carts-index .saved-carts-index__list li:first-child{
  border-top-width: 1px;
}

.saved-carts-index .saved-carts-index__list li span.caption{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
        font-style: normal;
}

@media (min-width: 1025px) {

.saved-carts-index .saved-carts-index__list li span.caption {
          font-size: 1.2rem
      }

.saved-carts-index .saved-carts-index__list li p:first-child{
    display: flex;
  }
        }

.saved-carts-index .saved-carts-index__list li p:first-child span:first-child {
          font-size: 1.4rem;
        }

@media (min-width: 1025px) {

.saved-carts-index .saved-carts-index__list li p:first-child span:first-child {
            font-size: 1.6rem;
            line-height: 2rem
        }
          }

.saved-carts-index .saved-carts-index__list li p:first-child span:last-child{
  display: block;
}

@media (min-width: 1025px){

  .saved-carts-index .saved-carts-index__list li p:first-child span:last-child{
    margin-left: 1rem;
    display: inline;
  }
}

.saved-carts-index .saved-carts-index__list li .right-list-content{
  display: flex;
  justify-content: space-between;
}

.saved-carts-index .saved-carts-index__list li .right-list-content p.price{
  margin-right: 2.5rem;
}

@media (min-width: 769px){

  .saved-carts-index .saved-carts-index__list li .right-list-content p.price{
    margin-right: 8rem;
  }
}

.saved-carts-index .saved-carts-index__list li .right-list-content p.delete {
          flex: 0 0 auto;
          align-self: flex-start;
          margin-top: -2.1rem;
        }

@media (min-width: 1025px) {

.saved-carts-index .saved-carts-index__list li .right-list-content p.delete {
            margin-top: -3.1rem
        }
          }

.saved-carts-index .saved-carts-index__list li .right-list-content p.delete .icon {
            width: 2.7rem;
            height: 2.7rem;
          }

.saved-carts-index .saved-carts-index__list li .right-list-content p.delete:hover svg.icon.icon-delete{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.saved-carts-index .saved-carts-index__empty-list p{
  border-bottom-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
      font-size: 1.4rem;
}

@media (min-width: 1025px) {

.saved-carts-index .saved-carts-index__empty-list p {
        font-size: 1.6rem
    }
      }

.account-carts-show__header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 1025px) {

.account-carts-show__header {
      margin-bottom: -3.2rem
  }
    }

.account-carts-show__header .left-side h1{
  margin-bottom: 0.5rem;
}

.account-carts-show__header .left-side p{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.account-carts-show__header .right-side{
  text-align: right;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  display: none;
}

.offers-container.account-carts-show__header .right-side {
      display: none;
    }

@media (min-width: 769px){

  .account-carts-show__header .right-side{
    display: block;
  }
}

.account-carts-show__header .right-side {

      font-size: 1.2rem;
    }

.account-carts-show__header .right-side p:last-of-type:not(:only-of-type){
  margin-top: 1rem;
}

.account-carts-show__header .right-side p:last-of-type:not(:only-of-type) span.help-button{
  margin-right: 1rem;
}

.account-carts-show__header .right-side p:last-of-type:not(:only-of-type) a{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.account-carts-show__header .right-side p:last-of-type:not(:only-of-type) a:hover{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}

.account-carts-show .cart-content .cart-admin-conditions {
      align-items: flex-start;
      justify-items: flex-start;
      place-items: flex-start;
    }

.account-carts-show .cart-content .cart-admin-conditions div{
  width: 100%;
}

.account-carts-show .cart-content .cart-extras .faq-blocks {
        width: 100%;
      }

@media (min-width: 1025px) {

form .account-carts-show__header {
    margin-bottom: -4.25rem
}
  }

.account .faq-blocks {
    margin-top: 7rem;
  }

@media (min-width: 1025px) {

.account .faq-blocks {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 3.8rem
  }
    }

.users-edit{
  margin-bottom: 8rem;
}

.users-edit .users-edit__account-informations-form h2.subtitle-1, .users-edit .users-edit__billing-address-form h2.subtitle-1, .users-edit .users-edit__password-form h2.subtitle-1{
  margin-bottom: 1.5rem;
  border-style: none;
  padding-top: 0px;
}

@media (min-width: 769px){

  .users-edit .users-edit__account-informations-form .user-form, .users-edit .users-edit__billing-address-form .user-form, .users-edit .users-edit__password-form .user-form{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.users-edit .users-edit__account-informations-form .user-form, .users-edit .users-edit__billing-address-form .user-form, .users-edit .users-edit__password-form .user-form {
      grid-column-gap: var(--grid-gap);
    }

.users-edit .users-edit__billing-address-form .right-side textarea{
  height: auto;

        min-height: 8.5rem;
}

@media (min-width: 1025px) {

.users-edit .users-edit__billing-address-form .right-side textarea {
          min-height: 10rem
      }
        }

.users-edit .users-edit__billing-address-form .right-side h3.subtitle-2 {
        margin-bottom: 1.7rem;
      }

@media (min-width: 1025px) {

.users-edit .users-edit__billing-address-form .right-side h3.subtitle-2 {
          margin-bottom: 1.2rem
      }
        }

.users-edit .users-edit__form-footer{
  display: flex;
  flex-direction: column;
  text-align: right;
  margin-bottom: 6rem;
}

.users-edit .users-edit__form-footer .newsletters-agreement{
  margin-bottom: 2rem;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px){

  .users-edit .users-edit__form-footer .newsletters-agreement{
    margin-bottom: 3rem;
  }
}

.users-edit .users-edit__form-footer .newsletters-agreement {
      font-size: 1.4rem;
      line-height: 2rem;
      letter-spacing: 0.035rem;
    }

.users-edit .users-edit__form-footer .newsletters-agreement input{
  margin-left: 1rem;
}

@media (min-width: 1025px) {

.users-edit .users-edit__form-footer .newsletters-agreement {
        font-size: 1.6rem;
        letter-spacing: 0.04rem
    }
      }

.users-edit .faq-blocks{
  margin-top: 8rem;
}

@media (min-width: 769px) {

.users-edit .faq-blocks {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 2rem
  }
    }

@media (min-width: 1025px) {

.users-edit .faq-blocks {
      grid-column-gap: 3.8rem
  }
    }

.web-projects-edit .web-projects-edit__content .form .form_submit{
  display: flex;
  justify-content: flex-end;
}

.web-projects-index__header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: -4rem;
}

@media (min-width: 1025px){

  .web-projects-index__header{
    margin-bottom: -10rem;
  }
}

.web-projects-index__header .left-side{
  margin-bottom: 3.5rem;
}

@media (min-width: 1025px){

  .web-projects-index__header .left-side{
    margin-bottom: 10rem;
  }
}

.web-projects-index__header .right-side{
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-end;
  text-align: right;
}

.web-projects-index .web-projects-index__content .list li {
        width: 100%;
        position: relative;
        padding-bottom: 1.85rem;
        padding-top: 1.5rem;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
      }

.web-projects-index .web-projects-index__content .list li:first-child{
  border-top-width: 1px;
}

.web-projects-index .web-projects-index__content .list li .project__name {
          line-height: 2rem;
          --tw-text-opacity: 1;
          color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
        }

.web-projects-index .web-projects-index__content .list li .caption{
  margin-left: 1rem;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
          font-style: normal;
}

@media (min-width: 1025px) {

.web-projects-index .web-projects-index__content .list li .caption {
            font-size: 1.2rem
        }
          }

.web-projects-index .web-projects-index__content .list li .project__font {
          font-size: 1.2rem;
          line-height: 2rem;
          --tw-text-opacity: 1;
          color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
        }

@media (min-width: 1025px) {

.web-projects-index .web-projects-index__content .list li .project__font {
            line-height: 1.6rem
        }
          }

.web-projects-index .web-projects-index__content .list li .delete {
          position: absolute;
          top: -1px;
          right: 0;
          width: 2.7rem;
          height: 2.7rem;
          overflow: hidden;
        }

.web-projects-index .web-projects-index__content .list li .delete:hover svg{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.web-projects-index .web-projects-index__content .list-actions {
      margin-top: 0.5rem;
      display: flex;
      justify-content: flex-end;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    }

.web-projects-index .web-projects-index__content .list-actions a {
        font-size: 1.2rem;
        line-height: 2rem;
      }

.web-projects-index .web-projects-index__empty-list p{
  border-bottom-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
      font-size: 1.4rem;
}

@media (min-width: 1025px) {

.web-projects-index .web-projects-index__empty-list p {
        font-size: 1.6rem
    }
      }

.web-projects-new .web-projects-new__content__header header .heading {
          font-size: 2.2rem;
          line-height: 2rem;
          font-family: 'MenckenSpeHead', Georgia, serif;
          display: inline-flex;
          justify-content: space-between;
        }

.form .web-projects-new .web-projects-new__content__header header .heading .form-group + .form-group {
    margin-top: 0;
  }

.form .web-projects-new .web-projects-new__content__header header .heading .form-group {
    flex: 1 1 50%;
  }

@media (min-width: 1025px) {

.web-projects-new .web-projects-new__content__header header .heading {
            font-size: 3.2rem;
            line-height: 2rem
        }
          }

.web-projects-new .web-projects-new__content__header header p {
          margin: 2rem 0;
          font-size: 1.6rem;
          line-height: 2.7rem;
          --tw-text-opacity: 1;
          color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
        }

@media (min-width: 1025px) {

.web-projects-new .web-projects-new__content__header header p {
            font-size: 1.8rem;
            line-height: 2.9rem;
            letter-spacing: 0.45px
        }
          }

.web-projects-new .web-projects-new__content .form .form_submit{
  display: flex;
  justify-content: flex-end;
}

.web-projects-show__header h1{
  margin-bottom: 0.5rem;
}

.web-projects-show__header p{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.web-projects-show .web-projects-show__content__header header {
        margin-bottom: 3rem;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
      }

.web-projects-show .web-projects-show__content__header header .heading {
          font-size: 2.2rem;
          line-height: 2rem;
          font-family: 'MenckenSpeHead', Georgia, serif;
          display: inline-flex;
          justify-content: space-between;
        }

.form .web-projects-show .web-projects-show__content__header header .heading .form-group + .form-group {
    margin-top: 0;
  }

.form .web-projects-show .web-projects-show__content__header header .heading .form-group {
    flex: 1 1 50%;
  }

@media (min-width: 1025px) {

.web-projects-show .web-projects-show__content__header header .heading {
            font-size: 3.2rem;
            line-height: 2rem
        }
          }

.web-projects-show .web-projects-show__content__header header .edit {
          font-size: 1.2rem;
          line-height: 2rem;
          --tw-text-opacity: 1;
          color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
          margin-left: 1rem;
          margin-right: 1rem;
        }

.web-projects-show .web-projects-show__content__header header .edit:hover{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.web-projects-show .web-projects-show__content__header header .delete {
          margin-left: auto;
          font-size: 1.2rem;
          line-height: 2rem;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        }

.web-projects-show .web-projects-show__content__header form .form_submit{
  display: flex;
  justify-content: flex-end;
}

.web-projects-show .web-projects-show__content a.button{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.web-projects-show .web-projects-show__content .subheading {
      margin-top: 4rem;
      margin-bottom: 1.6rem;
      font-size: 2.2rem;
      line-height: 2rem;
      font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
      display: inline-flex;
      justify-content: space-between;
    }

.form .web-projects-show .web-projects-show__content .subheading .form-group + .form-group {
    margin-top: 0;
  }

.form .web-projects-show .web-projects-show__content .subheading .form-group {
    flex: 1 1 50%;
  }

@media (min-width: 1025px) {

.web-projects-show .web-projects-show__content .subheading {
        font-size: 2.1rem;
        line-height: 2.4rem
    }
      }

.web-projects-show .web-projects-show__content .list li {
        width: 100%;
        position: relative;
        padding-bottom: 1.8rem;
        padding-top: 1.8rem;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
      }

.web-projects-show .web-projects-show__content .list li:first-child{
  border-top-width: 1px;
}

.web-projects-show .web-projects-show__content .list li p {
          font-size: 1.4rem;
          line-height: 2rem;
          display: inline;
        }

.web-projects-show .web-projects-show__content .list li span.format {
          letter-spacing: 0.1rem;
          font-size: 1.3rem;
          margin-left: 1rem;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
          text-transform: uppercase;
        }

@media (min-width: 1025px) {

.web-projects-show .web-projects-show__content .list li span.format {
            margin-right: 1rem
        }
          }

.web-projects-show .web-projects-show__content .list li span.extras {
          font-size: 1.2rem;
          line-height: 2rem;
          display: block;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
          --tw-text-opacity: 1;
          color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
          width: 100%;
        }

@media (min-width: 1025px) {

.web-projects-show .web-projects-show__content .list li span.extras {
            width: auto
        }
          }

.web-projects-show .web-projects-show__content .list li .invoice {
          font-size: 1.2rem;
          line-height: 1.6rem;
          display: block;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        }

.web-projects-show .web-projects-show__content .list li .create {
          position: absolute;
          top: -1px;
          right: 0;
          width: 2.7rem;
          height: 2.7rem;
        }

.web-projects-show .web-projects-show__content .list li .create svg {
            width: 2.7rem;
            height: 2.7rem;
          }

.web-projects-show .web-projects-show__content .list li .create .icon-add-checkbox {
            color: #c2c2c2;
          }

.web-projects-show .web-projects-show__content .list li .create:hover {
            cursor: pointer;
          }

.web-projects-show .web-projects-show__content .list li .create:hover .icon-add-checkbox{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.web-projects-show .web-projects-show__content .list li .delete {
          position: absolute;
          top: -1px;
          right: 0;
          width: 2.7rem;
          height: 2.7rem;
          margin-right: 0;
          overflow: hidden;
        }

.web-projects-show .web-projects-show__content .list li .delete:hover svg{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.web-projects-show .web-projects-show__content__webfonts p.empty_web_project{
  margin-left: 1rem;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

.web-projects-show .web-projects-show__content .list-actions {
      margin-top: 1.6rem;
      display: flex;
      justify-content: flex-end;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    }

.web-projects-show .web-projects-show__content__helper {
      margin-top: 4.8rem;
    }

.web-projects-show .web-projects-show__content__helper p {
        font-size: 1.6rem;
        line-height: 2.7rem;
        --tw-text-opacity: 1;
        color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      }

@media (min-width: 1025px) {

.web-projects-show .web-projects-show__content__helper p {
          font-size: 1.8rem;
          line-height: 2.9rem;
          letter-spacing: 0.45px
      }
        }

.web-projects-show .web-projects-show__content__helper p.small {
          font-size: 10px;
          line-height: 15px;
          letter-spacing: 0.5px;
        }

@media (min-width: 1025px) {

.web-projects-show .web-projects-show__content__helper p.small {
            font-size: 12px;
            line-height: 15px
        }
          }

.web-projects-show .web-projects-show__content__library {
      margin-bottom: 8rem;
    }

.web-projects-show .web-projects-show__content .faq-blocks {
      display: none;
    }

@media (min-width: 769px) {

.web-projects-show .web-projects-show__content .faq-blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2rem
    }
      }

.articles-index.container{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px){

  .articles-index.container{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

@media (min-width: 1025px){

  .articles-index.container{
    margin-left: auto;
    margin-right: auto;
  }
}

.articles-index .articles-header {
    margin-bottom: 3.8rem;
  }

.articles-index ul.grid {
    grid-row-gap: 5.5rem;
  }

@media (min-width: 1025px) {

.articles-index ul.grid {
      grid-row-gap: 7rem
  }
    }

.articles-show {
  width: 100vw;
}

@media (min-width: 769px) {

.articles-show {
    width: auto
}
  }

.articles-show__content .title{
  margin-bottom: 1.5rem;
}

@media (min-width: 1025px){

  .articles-show__content .title{
    margin-bottom: 3.5rem;
  }
}

.articles-show__content .title{
  word-wrap: break-word;
      margin-left: 25px;
      letter-spacing: normal;
}

@media (min-width: 525px) {

.articles-show__content .title {
        margin-left: calc(33.33333%);
        width: calc(66.66667%)
    }
      }

.articles-show__content .author {
      margin-bottom: 1.9rem;
      margin-left: 25px;
    }

@media (min-width: 525px) {

.articles-show__content .author {
        margin-left: calc(33.33333%);
        width: calc(66.66667%)
    }
      }

.articles-show__content .cover-image{
  margin-top: 2rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 525px){

  .articles-show__content .cover-image{
    margin-top: 4rem;
    margin-bottom: 6rem;
  }
}

.articles-show__content .cover-image {

      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      max-width: 100vw;
      width: 100vw;
    }

@media (min-width: 525px) {

.articles-show__content .cover-image {
        max-width: 100%;
        width: 100%;
        position: static;
        margin-left: 0;
        margin-right: 0
    }
      }

.articles-show__content .description {
      margin-left: 25px;
    }

@media (min-width: 525px) {

.articles-show__content .description {
        margin-left: calc(33.33333%);
        width: calc(66.66667%)
    }
      }

.articles-show__content .description > p.image-full-width img {
        margin-left: calc(-50vw - (25px / 2));
      }

/* remove the margin-left added in .description */

@media (min-width: 525px) {

.articles-show__content .description > p.image-full-width img {
          margin-left: 0
      }
        }

.articles-show__content .description > p:first-of-type::first-letter {
          float: left;
          margin-right: 10px;
          margin-bottom: 5px;
          font-size: 87px;
          line-height: 52px;
        }

@media (min-width: 1025px) {

.articles-show__content .description > p:first-of-type::first-letter {
            font-size: 103px;
            line-height: 64px
        }
          }

.articles-show__content footer {
      font-size: 12px;
      line-height: 25px;
      letter-spacing: 0.035rem;
      padding-top: 0.6rem;
      margin-left: 25px;
      margin-top: 2.5rem;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      border-top-width: 1px;
      --tw-border-opacity: 1;
      border-top-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    }

@media (min-width: 525px) {

.articles-show__content footer {
        margin-left: calc(33.33333%);
        width: calc(66.66667%)
    }
      }

@media (min-width: 1025px) {

.articles-show__content footer {
        margin-top: 4.2rem;
        font-size: 16px;
        line-height: 27px
    }
      }

.articles-show__related {
    margin-top: 8.4rem;
  }

@media (min-width: 1025px) {

.articles-show__related {
      margin-top: 10rem
  }
    }

.articles-show__related h2 {
      padding-top: 0.5rem;
      margin-bottom: 2.4rem;
      font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
      border-top-width: 1px;
      --tw-border-opacity: 1;
      border-top-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    }

@media (min-width: 1025px) {

.articles-show__related h2 {
        padding-top: 1.8rem
    }
      }

.articles-show__related .related-item__image {
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        transition: box-shadow 0.2s ease-in;
        width: 100%;
      }

.articles-show__related .related-item__title {
        margin-top: 8px;
        font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
        --tw-text-opacity: 1;
        color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
      }

@media (min-width: 1025px){

  .articles-show__related .related-item__title{
    margin-bottom: 16px;
  }
}

.articles-show__related .related-item__excerpt{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));

        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0.35px;
}

@media (min-width: 1025px) {

.articles-show__related .related-item__excerpt {
          font-size: 1.8rem;
          line-height: 2.9rem;
          letter-spacing: 0.045rem
      }
        }

.articles-show__related .related-item:hover > *{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.articles-show__related .related-item:hover .related-item__image {
          box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.6);
        }

.articles-show__related div + div {
      margin-top: 4rem;
    }

@media (min-width: 1025px) {

.articles-show__related div + div {
        margin-top: 6rem
    }
      }

.articles-show--gazette .title{
  font-family: 'MenckenSpeHeadCompress', Georgia, serif;
  text-transform: uppercase;
      font-size: 4.3rem;
      line-height: 0.93;
}

@media (min-width: 525px) {

.articles-show--gazette .title {
        font-size: 7.2rem
    }
      }

@media (min-width: 769px) {

.articles-show--gazette .title {
        font-size: 10rem
    }
      }

.articles-show--gazette .description > p:first-of-type::first-letter{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
}

.articles-show--gazette{

    @-moz-document url-prefix() {
          .description > p:first-of-type::first-letter {
            margin-top: 7px;
          }

            @media (min-width: 1025px) {
          .description > p:first-of-type::first-letter {
              font-size: 104px !important
          }
            }
    }
}

.articles-show--news .title{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
      font-size: 2.2rem;
      line-height: 1.09;
}

@media (min-width: 525px) {

.articles-show--news .title {
        font-size: 3.6rem
    }
      }

@media (min-width: 769px) {

.articles-show--news .title {
        font-size: 5rem
    }
      }

.articles-show--news .description > p:first-of-type::first-letter{
  font-family: 'MenckenSpeHeadCompress', Georgia, serif;

          font-size: 88px;
          line-height: 54px;
}

@media (min-width: 1025px) {

.articles-show--news .description > p:first-of-type::first-letter {
            font-size: 108px;
            line-height: 65px
        }
          }

.articles-show--news{

    @-moz-document url-prefix() {
          .description > p:first-of-type::first-letter {
            margin-top: 8px;
          }

            @media (min-width: 1025px) {
          .description > p:first-of-type::first-letter {
              font-size: 105px !important
          }
            }
    }
}

.your-order .licenses-name {
    font-size: 1.2rem;
    line-height: 2.7rem;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #9b9b9b;
    display: inline-flex;
    align-items: center;
  }

.form .your-order .licenses-name .form-group + .form-group {
    margin-top: 0;
  }

.form .your-order .licenses-name .form-group {
    flex: 1 1 50%;
  }

.your-order .licenses-name{
  margin-bottom: 1.5rem;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
}

.your-order .licenses-name .help-button {
      display: none;
      margin-left: 1rem;
    }

@media (min-width: 1025px) {

.your-order .licenses-name {
      font-size: 1.6rem;
      line-height: 1.9rem;
      letter-spacing: 0.4px;
      margin-bottom: 0.8rem
  }

      .your-order .licenses-name .help-button {
        display: block;
      }
    }

.your-order .typeface-group {
    margin-bottom: 0;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
  }

@media (min-width: 1025px) {

.your-order .typeface-group {
      padding-top: 1.6rem;
      padding-bottom: 1.6rem
  }
    }

.your-order .typeface-group .name {
      font-size: 1.4rem;
      line-height: 2rem;
      letter-spacing: 0.35px;
    }

@media (min-width: 1025px) {

.your-order .typeface-group .name {
        font-size: 1.6rem;
        letter-spacing: 0.4px
    }
      }

.your-order .typeface-group .format {
      letter-spacing: 0.1rem;
      font-size: 1.5rem;
      margin-left: 1rem;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      text-transform: uppercase;
    }

.your-order .typeface-group .extra {
      font-size: 1.2rem;
      line-height: 2rem;
      letter-spacing: 0.4px;
      color: #c2c2c2;
      order: 3;
      margin-top: 0.2rem;
      width: 100%;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    }

@media (min-width: 1025px) {

.your-order .typeface-group .extra {
        margin-left: 1rem;
        margin-top: 0;
        letter-spacing: 0.3px;
        order: initial;
        width: auto
    }
      }

.your-order .typeface-group .price-block {
      margin-left: auto;
    }

.your-order .typeface-group .price-block .product-item-discount {
        margin-right: 1.5rem;
      }

.your-order .typeface-group .price-block .old-price{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
  text-decoration-line: line-through;
}

.your-order .typeface-group .price-block .price {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-left: auto;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      }

@media (min-width: 1025px) {

.your-order .typeface-group .price-block .price {
          font-size: 1.6rem
      }
        }

.your-order .typeface-group fieldset{
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
      order: 4;
}

.your-order .typeface-group fieldset input + input {
        margin-top: 1.2rem;
      }

@media (min-width: 1025px) {

.your-order .typeface-group fieldset {
        margin-top: 1.2rem;
        display: inline-flex
    }

        .your-order .typeface-group fieldset input + input {
          margin-top: 0;
          margin-left: 1rem;
        }
      }

.your-order .subtotal,
  .your-order .subtotal + p {
    font-size: 1.2rem;
    line-height: 1.6rem;
    letter-spacing: 0.5px;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  }

.your-order .subtotal {
    margin-top: 6px;
    --tw-text-opacity: 1;
    color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
  }

@media (min-width: 1025px) {

.your-order .checkout-total {
      margin-bottom: 4rem
  }
    }

.your-order .checkout-total dl {
      display: flex;
      flex-wrap: wrap;
      line-height: 2rem;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    }

.your-order .checkout-total dt{
  width: 66.666667%;
      text-align: right;
      margin-bottom: 0.5rem;
}

.your-order .checkout-total dd{
  width: 33.333333%;
      text-align: right;
}

.your-order .checkout-total .total {
      margin-top: 2rem;
      padding-top: 1.4rem;
      border-top-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgba(115, 115, 115, var(--tw-border-opacity, 1));
      text-transform: uppercase;
    }

.your-order .checkout-total .total span:first-of-type{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}

.your-order .checkout-total .total dd {
        font-size: 2rem;
        --tw-text-opacity: 1;
        color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
      }

@media (min-width: 1025px) {

.your-order .checkout-total .total dd {
          font-size: 2.6rem
      }
        }

.your-order .end-user-agreement {
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.35px;
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: center;
  }

.form .your-order .end-user-agreement .form-group + .form-group {
    margin-top: 0;
  }

.form .your-order .end-user-agreement .form-group {
    flex: 1 1 50%;
  }

.your-order .end-user-agreement{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.your-order .end-user-agreement .errors-field {
      margin-top: 0.5rem;
    }

.your-order .end-user-agreement input {
      margin-left: 1rem;
    }

.your-order .end-user-agreement label.field-with-errors{
  text-decoration-line: underline;
      text-decoration-color: #a32e28;
}

@media (min-width: 1025px) {

.your-order .end-user-agreement {
      font-size: 1.6rem;
      letter-spacing: 0.4px;
      margin-bottom: 3rem
  }
    }

.your-order .terms-conditions,
  .your-order .print-informations {
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 0.4px;
    margin-bottom: 1rem;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    --tw-text-opacity: 1;
    color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
  }

@media (min-width: 1025px) {

.your-order .terms-conditions,
  .your-order .print-informations {
      margin-bottom: 0
  }
    }

.your-order .cart-admin-conditions .markdown-block * {
        margin-top: 0.5rem;
      }

.payment .cart-element-payment,
  .payment .cart-element-user-details,
  .checkout .cart-element-payment,
  .checkout .cart-element-user-details,
  .account-carts-show .cart-element-payment,
  .account-carts-show .cart-element-user-details{
  margin-bottom: 4rem;
}

@media (min-width: 1025px) {
    .payment .your-order, .checkout .your-order, .account-carts-show .your-order {
      width: 100%;
      grid-column: span 2 / span 2;
    }

      .payment .your-order .checkout-total, .checkout .your-order .checkout-total, .account-carts-show .your-order .checkout-total {
        max-width: 50%;
        margin-left: auto;
        margin-top: 4rem;
      }

    .payment .cart-element-billing-info,
    .payment .cart-element-purchase-info,
    .checkout .cart-element-billing-info,
    .checkout .cart-element-purchase-info,
    .account-carts-show .cart-element-billing-info,
    .account-carts-show .cart-element-purchase-info{
    margin-bottom: 4rem;
  }
  }

.payment .cart-element-billing-info,
  .payment .cart-element-purchase-info,
  .payment .cart-element-licensee-info,
  .checkout .cart-element-billing-info,
  .checkout .cart-element-purchase-info,
  .checkout .cart-element-licensee-info,
  .account-carts-show .cart-element-billing-info,
  .account-carts-show .cart-element-purchase-info,
  .account-carts-show .cart-element-licensee-info{
  padding-bottom: 0.5rem;
}

.payment .cart-element-billing-info p, .payment .cart-element-purchase-info p, .payment .cart-element-licensee-info p, .checkout .cart-element-billing-info p, .checkout .cart-element-purchase-info p, .checkout .cart-element-licensee-info p, .account-carts-show .cart-element-billing-info p, .account-carts-show .cart-element-purchase-info p, .account-carts-show .cart-element-licensee-info p {
      line-height: 2.7rem;
    }

.payment .cart-element-billing-info svg.icon-dropdown-arrow, .payment .cart-element-purchase-info svg.icon-dropdown-arrow, .payment .cart-element-licensee-info svg.icon-dropdown-arrow, .checkout .cart-element-billing-info svg.icon-dropdown-arrow, .checkout .cart-element-purchase-info svg.icon-dropdown-arrow, .checkout .cart-element-licensee-info svg.icon-dropdown-arrow, .account-carts-show .cart-element-billing-info svg.icon-dropdown-arrow, .account-carts-show .cart-element-purchase-info svg.icon-dropdown-arrow, .account-carts-show .cart-element-licensee-info svg.icon-dropdown-arrow {
      width: 0.8rem;
      height: 0.5rem;
      margin-top: 0.8rem;
      margin-left: 1.2rem;
      transform: rotate(180deg);
    }

.payment .cart-element-billing-info textarea, .payment .cart-element-purchase-info textarea, .payment .cart-element-licensee-info textarea, .checkout .cart-element-billing-info textarea, .checkout .cart-element-purchase-info textarea, .checkout .cart-element-licensee-info textarea, .account-carts-show .cart-element-billing-info textarea, .account-carts-show .cart-element-purchase-info textarea, .account-carts-show .cart-element-licensee-info textarea {
      height: 10rem;
    }

.payment .cart-element-billing-info.has-revealed h2 svg, .payment .cart-element-purchase-info.has-revealed h2 svg, .payment .cart-element-licensee-info.has-revealed h2 svg, .checkout .cart-element-billing-info.has-revealed h2 svg, .checkout .cart-element-purchase-info.has-revealed h2 svg, .checkout .cart-element-licensee-info.has-revealed h2 svg, .account-carts-show .cart-element-billing-info.has-revealed h2 svg, .account-carts-show .cart-element-purchase-info.has-revealed h2 svg, .account-carts-show .cart-element-licensee-info.has-revealed h2 svg {
        transform: rotate(0deg);
      }

.typeface-group {
  margin-bottom: 4rem;
  flex-wrap: wrap;
}

@media (min-width: 769px){

  .typeface-group{
    display: flex;
  }
}

.typeface-group__header {
    width: 100%;
    display: flex;
    align-items: baseline;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(60, 58, 54, var(--tw-border-opacity, 1));
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

.typeface-group__header .name {
      font-size: 2rem;
      line-height: 3.2rem;
      letter-spacing: 0.5px;
      margin-right: 1rem;
      --tw-text-opacity: 1;
      color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    }

.typeface-group__header .name img {
        height: 3.2rem;
      }

@media (min-width: 769px) {

.typeface-group__header .name {
        margin-left: 33.33%
    }
      }

.typeface-group__header .name:hover{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.typeface-group__header .name:hover img {
          filter: invert() url("#colorize-red");
        }

.typeface-group__header .product-item-discount {
      line-height: 2.5rem;
    }

.typeface-group__header .delete {
      margin-left: auto;
      font-size: 1.2rem;
      line-height: 2.7rem;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      --tw-text-opacity: 1;
      color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
    }

@media (min-width: 769px) {

.typeface-group__header .delete {
        font-size: 1.4rem;
        line-height: 2rem
    }
      }

.typeface-group__header .delete:hover{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.typeface-group__license{
  flex-wrap: wrap;
  align-items: flex-start;
}

@media (min-width: 769px){

  .typeface-group__license{
    width: 33.333333%;
  }
}

.typeface-group__license .license {
      height: auto;
      overflow: hidden;
      padding-top: 1rem;
    }

@media (min-width: 769px){

  .typeface-group__license .license{
    margin-right: 2rem;
    padding-top: 0px;
    padding-bottom: 0px;
        padding: 1.2rem 0;
  }
}

.typeface-group__license .license header{
  flex-wrap: wrap;
  align-items: baseline;
}

@media (min-width: 769px){

  .typeface-group__license .license header{
    align-items: center;
    margin-bottom: 1rem;
  }
}

.typeface-group__license .license header .current-license,
        .typeface-group__license .license header .licensing-options {
          width: 50%;
          font-size: 1.2rem;
          line-height: 1.8rem;
          letter-spacing: 0.8px;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
          text-transform: uppercase;
          --tw-text-opacity: 1;
          color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
        }

@media (min-width: 769px) {

.typeface-group__license .license header .current-license,
        .typeface-group__license .license header .licensing-options {
            line-height: 2.7rem;
            margin-bottom: 0.5rem
        }
          }

.typeface-group__license .license header .current-license{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

@media (min-width: 769px) {

.typeface-group__license .license header .current-license {
            font-size: 1.6rem;
            line-height: 3.2rem;
            letter-spacing: 0.4px
        }
          }

.typeface-group__license .license header .licensing-options {
          text-align: right;
          display: inline-flex;
          align-items: center;
          justify-content: flex-end;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        }

.form .typeface-group__license .license header .licensing-options .form-group + .form-group {
    margin-top: 0;
  }

.form .typeface-group__license .license header .licensing-options .form-group {
    flex: 1 1 50%;
  }

@media (min-width: 769px) {

.typeface-group__license .license header .licensing-options {
            display: none
        }
          }

.typeface-group__license .license header .licensing-options .icon {
            width: 0.8rem;
            height: 0.5rem;
          }

.typeface-group__license .license header .licenses a {
            color: inherit;
          }

.typeface-group__license .license .usage-multiplier p, .typeface-group__license .license .license-limitation p {
          font-size: 1.2rem;
          line-height: 2.7rem;
          font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
          --tw-text-opacity: 1;
          color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
        }

.typeface-group__license .license .usage-multiplier select, .typeface-group__license .license .license-limitation select {
          min-width: 33%;
          margin-bottom: 0.5rem;
        }

.typeface-group__license .license .usage-multiplier:not(:first-child) select, .typeface-group__license .license .license-limitation:not(:first-child) select {
            margin-bottom: 1.8rem;
          }

.typeface-group__license .license .helper {
        font-size: 1.2rem;
        line-height: 2rem;
        margin-bottom: 1.3rem;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        --tw-text-opacity: 1;
        color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      }

.typeface-group__license .license .artwork-license {
        display: inline-flex;
        align-items: center;
        font-size: 1.2rem;
        line-height: 2.7rem;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        --tw-text-opacity: 1;
        color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
      }

.typeface-group__license .license .artwork-license .help-button {
          margin-left: 1rem;
          line-height: 1;
          display: none;
        }

.offers-container.typeface-group__license .license .artwork-license .help-button {
      display: none;
    }

@media (min-width: 769px){

  .typeface-group__license .license .artwork-license .help-button{
    display: block;
  }
}

.typeface-group__license .license .add-another-artwork-license {
        font-size: 1.2rem;
        line-height: 2rem;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      }

@media (min-width: 769px) {

.typeface-group__license .license .add-another-artwork-license {
          font-size: 1rem
      }
        }

@media (min-width: 1025px) {

.typeface-group__license .license .add-another-artwork-license {
          font-size: 1.2rem
      }
        }

.typeface-group__license .license .add-another-artwork-license a {
          display: inline-flex;
          align-items: center;
        }

.typeface-group__license .license .add-another-artwork-license svg.icon-arrow-right {
          margin-top: 0.2rem;
        }

.typeface-group__license .license-selector{
  display: none;
}

.offers-container.typeface-group__license .license-selector {
      display: none;
    }

@media (min-width: 769px){

  .typeface-group__license .license-selector{
    display: flex;
  }
}

.typeface-group__license .license-selector{
  margin-top: 0.5rem;
}

@media (min-width: 769px){

  .typeface-group__license .license-selector{
    margin-top: 0px;
  }
}

.typeface-group__license .license-selector__item{
  border-width: 1px;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  text-transform: uppercase;
  --tw-border-opacity: 1;
  border-color: rgba(192, 192, 192, var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
        z-index: 1;
}

.typeface-group__license .license-selector__item.selected{
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
          z-index: 3;
}

.typeface-group__license .license-selector__item:last-child {
          margin-left: -0.1rem;
        }

.typeface-group__license .license-selector__item a,
        .typeface-group__license .license-selector__item span {
          color: inherit;
          font-family: inherit;
          font-size: 1rem;
          line-height: 2.7rem;
          letter-spacing: 0.1rem;
          padding: 1rem;
        }

.typeface-group__license .license-selector__item a:hover, .typeface-group__license .license-selector__item span:hover{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity, 1));
}

.typeface-group__license.has-revealed .license {
        height: auto;
        overflow: visible;
      }

.typeface-group__license.has-revealed .licensing-options .icon {
        transform: rotate(180deg);
      }

.typeface-group__license.has-revealed .license-selector{
  display: flex;
}

.typeface-group__formats{
  width: 100%;
  flex: 1 1 0%;
}

.typeface-group__formats__list{
  padding-top: 1rem;
}

@media (min-width: 769px){

  .typeface-group__formats__list{
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

.typeface-group__formats__item {
      padding: 1.2rem 0;
      font-size: 1.4rem;
      display: flex;
      justify-content: space-between;
      border-bottom-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    }

@media (min-width: 769px) {

.typeface-group__formats__item {
        font-size: 1.6rem;
        line-height: 3.2rem
    }
      }

.typeface-group__formats__item .price-with-discount {
        margin-left: auto;
      }

.typeface-group__formats__item .product-item-discount {
        margin-right: 3rem;
      }

.typeface-group__formats__item .old-price{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
  text-decoration-line: line-through;
}

.typeface-group__formats__item .price{
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  margin-left: auto;
  margin-right: 2.5rem;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.typeface-group__formats__item .delete {
        flex: 0 0 auto;
        align-self: flex-start;
        margin-top: -1.3rem;
      }

.typeface-group__formats__item .delete .icon {
          width: 2.7rem;
          height: 2.7rem;
          transition: color 0.2s ease-in;
        }

.typeface-group__formats__item .delete:hover svg.icon.icon-delete{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.typeface-group__formats__item:first-of-type{
  border-top-width: 1px;
}

@media (min-width: 769px){

  .typeface-group__formats__item:first-of-type{
    border-top-width: 0px;
  }
          .typeface-group__formats__item:first-of-type .delete {
            margin-top: -1.2rem;
          }
}

.typeface-group__formats .add-another-license {
      padding: 1.2rem 0;
      width: 100%;
      border-bottom-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    }

@media (min-width: 769px){

  .typeface-group__formats .add-another-license{
    border-bottom-width: 0px;
  }
}

.typeface-group__formats .add-another-license button{
  display: inline-flex;
  align-items: center;
}

.form .typeface-group__formats .add-another-license button .form-group + .form-group {
    margin-top: 0;
  }

.form .typeface-group__formats .add-another-license button .form-group {
    flex: 1 1 50%;
  }

.typeface-group__formats .add-another-license p {
        font-size: 1.2rem;
        line-height: 2rem;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        --tw-text-opacity: 1;
        color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      }

.typeface-group__formats .add-another-license .icon {
        width: 0.8rem;
        height: 0.6rem;
        margin-left: 1rem;
      }

.typeface-group__formats .add-another-license ul{
  display: inline-flex;
  align-items: center;
}

.form .typeface-group__formats .add-another-license ul .form-group + .form-group {
    margin-top: 0;
  }

.form .typeface-group__formats .add-another-license ul .form-group {
    flex: 1 1 50%;
  }

.typeface-group__formats .add-another-license ul li {
        font-size: 1.2rem;
        line-height: 2rem;
        letter-spacing: 0.4px;
        margin-right: 1rem;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      }

.typeface-group__formats .add-another-license ul li a{
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.typeface-group__formats .add-another-license ul li a:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.typeface-group__formats .add-another-license.has-revealed .icon {
          transform: rotateZ(180deg);
        }

.typeface-group__formats .total-price {
      font-size: 1.7rem;
      line-height: 2rem;
      margin-top: 7px;
      margin-left: auto;
      flex-shrink: 0;
      text-align: right;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      --tw-text-opacity: 1;
      color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
    }

@media (min-width: 769px) {

.typeface-group__formats .total-price {
        font-size: 2rem;
        line-height: 2.5rem;
        letter-spacing: 0.5px
    }
      }

.checkout .cart-button {
    min-height: 2.7rem;
  }

@media (min-width: 1025px) {

.checkout .cart-button {
      font-size: 1.2rem;
      line-height: 2rem;
      padding: 0 2rem
  }
    }

.checkout .checkout-actions{
  text-align: right;
}

.checkout .checkout-actions p {
      font-size: 1.2rem;
      line-height: 1.8rem;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    }

.checkout .checkout-actions .price {
      font-size: 2rem;
      line-height: 2rem;
      margin-bottom: 1.5rem;
    }

@media (min-width: 1025px) {

.checkout .checkout-actions .price {
        font-size: 2.4rem;
        margin-bottom: 1.6rem
    }
      }

.checkout .checkout-actions input {
      min-height: 2.7rem;
    }

.checkout .quote-print {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    display: none;
  }

.offers-container.checkout .quote-print {
      display: none;
    }

@media (min-width: 1025px){

  .checkout .quote-print{
    display: block;
  }
}

.payment {
  margin-bottom: 8rem;
}

@media (min-width: 1025px) {

.payment {
    margin-bottom: 16rem
}
  }

.payment .payment-actions{
  text-align: right;
}

.payment .payment-actions p {
      font-size: 1.2rem;
      line-height: 1.8rem;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    }

.payment .payment-actions .price {
      font-size: 2rem;
      line-height: 2rem;
      margin-bottom: 1.5rem;
    }

@media (min-width: 1025px) {

.payment .payment-actions .price {
        font-size: 2.4rem;
        margin-bottom: 1.6rem
    }
      }

.payment > form > header {
    font-size: 1.9rem;
    line-height: 2rem;
    margin-top: 2.7rem;
    margin-bottom: 2.4rem;
    font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  }

@media (min-width: 1025px) {

.payment > form > header {
      font-size: 2.8rem;
      line-height: 2rem;
      margin-top: 6rem;
      margin-bottom: 8.5rem
  }
    }

.payment .cart-element-billing-info,
  .payment .cart-element-purchase-info,
  .payment .cart-element-licensee-info{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.payment .cart-element-billing-info h2, .payment .cart-element-purchase-info h2, .payment .cart-element-licensee-info h2 {
      padding-top: 1rem;
    }

.payment .admin-conditions .markdown-block * {
        margin-top: 0.5rem;
      }

@media (min-width: 1025px) {

.payment-confirm > header {
      width: 100%;
      display: inline-flex;
      justify-content: space-between;
      align-items: center
  }
    }

.payment-confirm > header a {
      font-size: 1.4rem;
      line-height: 2rem;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    }

.payment-confirm .block-payment > p {
      font-size: 1.6rem;
      line-height: 2.7rem;
      font-family: 'MenckenSpeText', Georgia, serif;
    }

@media (min-width: 1025px) {

.payment-confirm .block-payment > p {
        font-size: 2rem;
        line-height: 2.6rem
    }
      }

.payment-confirm .block-payment h2 {
      margin-bottom: 1.2rem;
    }

@media (min-width: 1025px) {

.payment-confirm .block-payment h2 {
        font-size: 1.5rem;
        line-height: 2.7rem;
        margin-bottom: 2.4rem
    }
      }

.payment-confirm .block-payment .button{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.payment{
  margin-top: 2rem;
}

@media (min-width: 769px){

  .payment{
    margin-top: 7rem;
  }
}

.cart .cart-button {
    min-height: 2.7rem;
    margin-bottom: 1rem;
  }

@media (min-width: 769px) {

.cart .cart-button {
      font-size: 1.2rem;
      line-height: 2rem;
      padding: 0 2rem
  }
    }

.cart .cart-links .help-button, .cart .checkout-links .help-button {
      margin-right: 1rem;
      line-height: 1;
    }

.cart .update {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 0;
    background-color: transparent;
    min-height: auto;
    cursor: pointer;
    font-weight: normal;
    --tw-text-opacity: 1;
    color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  }

.cart .update:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.cart p.inline-links {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  }

.cart > form > header{
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  justify-content: space-between;
}

.cart .cart-actions{
  text-align: right;
}

.cart .cart-actions p {
      font-size: 1.2rem;
      line-height: 1.8rem;
      font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
    }

.cart .cart-actions .price {
      font-size: 2rem;
      line-height: 2rem;
      margin-bottom: 1.5rem;
    }

.cart .cart-actions input {
      min-height: 2.7rem;
    }

.cart .cart-content .empty-cart {
      margin-bottom: 7rem;
    }

.cart .cart-total {
    margin-top: 1.4rem;
    margin-bottom: 7rem;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity, 1));
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  }

.cart .cart-total__vat,
    .cart .cart-total__code,
    .cart .cart-total__discount {
      line-height: 2.7rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

.cart .cart-total__vat p, .cart .cart-total__code p, .cart .cart-total__discount p {
        margin-right: 1rem;
        text-align: right;
        width: 50%;
      }

@media (min-width: 769px){

  .cart .cart-total__vat p, .cart .cart-total__code p, .cart .cart-total__discount p{
    width: 100%;
          font-size: 1.8rem;
  }

.cart .cart-total__vat span, .cart .cart-total__code span, .cart .cart-total__discount span {
          width: 30%;
          text-align: right
      }
}

.cart .cart-total__vat p{
  --tw-text-opacity: 1;
  color: rgba(192, 192, 192, var(--tw-text-opacity, 1));
}

.cart .cart-total__code input.discount-code-input{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(192, 192, 192, var(--tw-border-opacity, 1));
  text-align: center;
        width: 14.5rem;
        padding: 0 1.6rem;
        outline: 0;
}

.cart .cart-total__code input.discount-code-input::-moz-placeholder{
  color: rgba(115, 115, 115, 0.7);
}

.cart .cart-total__code input.discount-code-input::placeholder{
  color: rgba(115, 115, 115, 0.7);
}

.cart .cart-total__code input.discount-code-input:focus{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgba(60, 58, 54, var(--tw-border-opacity, 1));
          padding-left: 1.3rem;
}

.cart .cart-total__code input.discount-code-input.field-with-errors{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgba(201, 58, 51, var(--tw-border-opacity, 1));
          padding-left: 1.3rem;
}

.cart .cart-total__code .discount-input .errors-field{
  width: auto;
  text-align: left;
          margin-left: -2rem;
          margin-top: 0.8rem;
}

@media (min-width: 769px) {

.cart .cart-total__code .discount-input .errors-field {
            margin-left: -2.5rem;
            margin-top: 0.7rem
        }
          }

.cart .cart-total__discount span{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.cart .cart-total .ts_cart_price {
      font-size: 2rem;
      line-height: 2rem;
    }

@media (min-width: 769px) {

.cart .cart-total .ts_cart_price {
        font-size: 2.4rem;
        line-height: 2rem
    }
      }

.cart .cart-total .cart-actions{
  margin-top: 3rem;
  text-align: right;
}

@media (min-width: 769px){

  .cart .cart-total .cart-actions .checkout-links{
    margin-top: 2rem;
  }
}

.cart .cart-admin-conditions{
  margin-top: 8rem;
  margin-bottom: 8rem;
}

@media (min-width: 769px) {

.cart .cart-admin-conditions {
      display: flex;
      align-items: flex-end;
      justify-items: flex-end;
      place-items: flex-end;
      flex-direction: column
  }

.cart .cart-admin-conditions div {
        width: 66%
    }
    }

.cart .cart-admin-conditions .markdown-block * {
        margin-top: 0.5rem;
      }

.cart .cart-extras{
  margin-bottom: 4rem;
}

@media (min-width: 769px) {

.cart .cart-extras {
      display: flex;
      align-items: flex-end;
      justify-items: flex-end;
      place-items: flex-end;
      flex-direction: column
  }
    }

.cart .cart-extras .faq-blocks{
  margin-top: 7rem;
}

@media (min-width: 769px){

  .cart .cart-extras .faq-blocks{
    margin-top: 5rem;
  }
}

@media (min-width: 1025px){

  .cart .cart-extras .faq-blocks{
    margin-top: 7rem;
  }
}

@media (min-width: 769px) {

.cart .cart-extras .faq-blocks {
        display: grid;
        width: 66%;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2rem
    }

.cart .cart-extras .exclusive-goodies-block {
        width: 66%
    }

.cart .cart-extras .exclusive-goodies-block ul {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-column-gap: 2rem
      }
      }

.contacts-new{
  margin-top: 2rem;
}

@media (min-width: 769px){

  .contacts-new{
    margin-top: 7rem;
  }
}

.contacts-new{
  margin-bottom: 8rem;
}

.contacts-new .contacts__content .hint{
  display: flex;
  justify-content: flex-end;
      margin: 1rem 0;
}

.contacts-new .contacts__content .hint p {
        font-size: 1.2rem;
        line-height: 1.8rem;
        letter-spacing: 0.4px;
        text-align: right;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        --tw-text-opacity: 1;
        color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
        width: 80%;
      }

@media (min-width: 769px) {

.contacts-new .contacts__content .hint p {
          width: 50%;
          margin: 2rem 0
      }
        }

.contacts-new .contacts__content .faq-blocks{
  margin-top: 5rem;
}

@media (min-width: 1025px) {

.contacts-new .contacts__content {
      display: flex;
      flex-wrap: wrap
  }

      .contacts-new .contacts__content .title {
        flex: 1 0 auto;
        width: 100%;
      }

      .contacts-new .contacts__content .contacts__form {
        order: 2;
        width: 66.66%;
        margin-left: auto;
      }

      .contacts-new .contacts__content .contacts__details {
        order: 1;
        width: 33.33%;
      }

      .contacts-new .contacts__content .faq-blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2rem;
      }
    }

.contacts-new .contacts__form {
    margin-top: 3.8rem;
  }

@media (min-width: 1025px) {

.contacts-new .contacts__form {
      margin-top: 10rem;
      margin-bottom: 2rem
  }
    }

.contacts-new .contacts__form fieldset {
      margin-bottom: 1rem;
    }

.contacts-new .contacts__form textarea {
      min-height: 16rem;
    }

@media (min-width: 769px) {

.contacts-new .contacts__form textarea {
        min-height: 24rem
    }
      }

@media (min-width: 1025px){

  .contacts-new .contacts__details{
    padding-right: 4rem;
  }
}

.contacts-new .contacts__details {

    margin-top: 4.5rem;
    margin-bottom: 6rem;
  }

@media (min-width: 1025px) {

.contacts-new .contacts__details {
      margin-top: 10rem
  }
    }

.contacts-new .contacts__details h2,
    .contacts-new .contacts__details p{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      font-size: 1.4rem;
      line-height: 2.5rem;
      letter-spacing: 0.035rem;
}

@media (min-width: 1025px) {

.contacts-new .contacts__details h2,
    .contacts-new .contacts__details p {
        font-size: 1.6rem;
        line-height: 2.7rem
    }
      }

.contacts-new .contacts__details p:first-of-type {
      margin-bottom: 3.1rem;
    }

@media (min-width: 1025px) {

.contacts-new .contacts__details p:first-of-type {
        margin-bottom: 2.6rem
    }
      }

.contacts-new .contacts__details p:first-of-type img {
        margin-top: 0;
      }

.contacts-new .contacts__details img {
      margin-top: 3.3rem;
      width: 70%;
    }

@media (min-width: 769px) {

.contacts-new .contacts__details img {
        width: 66%
    }
      }

@media (min-width: 1025px) {

.contacts-new .contacts__details img {
        margin-top: 5.8rem;
        width: 85%
    }
      }

.default-index .carousel {
    min-height: auto;
  }

.default-index .container ul.pushes-list,
    .default-index .container ul.specials-list{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-row-gap: 3.5rem;
  row-gap: 3.5rem;
  grid-column-gap: 3.5rem;
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media print {
  .default-index .container ul.pushes-list,
    .default-index .container ul.specials-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.prefooter .default-index .container ul.pushes-list,.prefooter 
    .default-index .container ul.specials-list {
    grid-template-columns: 1fr;
  }

@media (min-width: 525px) {

.prefooter .default-index .container ul.pushes-list,.prefooter 
    .default-index .container ul.specials-list {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
  }
    }

@media (min-width: 769px) {

.prefooter .default-index .container ul.pushes-list,.prefooter 
    .default-index .container ul.specials-list {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

@media (min-width: 1025px) {

.prefooter .default-index .container ul.pushes-list,.prefooter 
    .default-index .container ul.specials-list {
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr))
  }
    }

@media (min-width: 1440px) {

.prefooter .default-index .container ul.pushes-list,.prefooter 
    .default-index .container ul.specials-list {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

.articles-index ul.default-index .container ul.pushes-list,.articles-index ul
    .default-index .container ul.specials-list {
    grid-row-gap: 5.5rem;
  }

@media (min-width: 1025px) {

.articles-index ul.default-index .container ul.pushes-list,.articles-index ul
    .default-index .container ul.specials-list {
      grid-row-gap: 7rem
  }
    }

.about-designers-index ul.default-index .container ul.pushes-list,.about-designers-index ul
    .default-index .container ul.specials-list{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 525px){

  .about-designers-index ul.default-index .container ul.pushes-list,.about-designers-index ul
    .default-index .container ul.specials-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1025px){

  .about-designers-index ul.default-index .container ul.pushes-list,.about-designers-index ul
    .default-index .container ul.specials-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 9rem;
  }
}

.about-designers-index ul.default-index .container ul.pushes-list,.about-designers-index ul
    .default-index .container ul.specials-list {

    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

@media (min-width: 1025px) {

.about-designers-index ul.default-index .container ul.pushes-list,.about-designers-index ul
    .default-index .container ul.specials-list {
      margin-top: 0
  }
    }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3) {
          display: none;
        }

@media (min-width: 769px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2),.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4),.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4),.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3),
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 7), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 7), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 7), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 7), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 7), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 7), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 7), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 7),.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 7), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 7), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 7), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 7), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 7), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 7), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 7), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 7) {
            display: none;
          }
      }

.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2),.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2) {
          display: none;
        }

@media (min-width: 525px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 2),.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 3),.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 3) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .default-index .container ul.pushes-list li:nth-child(n + 4),.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] 
    .default-index .container ul.specials-list li:nth-child(n + 4) {
            display: none;
          }
      }

.typeface-family-case-studies-index .default-index .container ul.pushes-list,.typeface-family-case-studies-index 
    .default-index .container ul.specials-list {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-family-case-studies-index .default-index .container ul.pushes-list,.typeface-family-case-studies-index 
    .default-index .container ul.specials-list {
      margin-left: auto;
      margin-right: auto
  }
    }

.typeface-segments-index .default-index .container ul.pushes-list,.typeface-segments-index 
    .default-index .container ul.specials-list {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-segments-index .default-index .container ul.pushes-list,.typeface-segments-index 
    .default-index .container ul.specials-list {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0
  }
    }

@media (min-width: 525px){

  .default-index .container ul.pushes-list,
    .default-index .container ul.specials-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1025px){

  .default-index .container ul.pushes-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.about-designers-index {
  margin-bottom: 2rem;
}

.about-designers-index header{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

@media (min-width: 769px){

  .about-designers-index header{
    flex-direction: row;
  }
}

.about-designers-index header {
    margin-bottom: 2.5rem;
  }

.about-designers-index header h1.main-title-alt{
  margin-top: 1rem;
}

@media (min-width: 769px){

  .about-designers-index header h1.main-title-alt{
    margin-top: 0px;
    margin-left: 4rem;
  }
}

@media (min-width: 1025px){

  .about-designers-index header h1.main-title-alt{
    margin-top: -0.5rem;
    margin-left: 1rem;
  }
}

.about-designers-index header span{
  display: inline-flex;
  flex-direction: column;
}

.form .about-designers-index header span .form-group + .form-group {
    margin-top: 0;
  }

.form .about-designers-index header span .form-group {
    flex: 1 1 50%;
  }

@media (min-width: 769px){

  .about-designers-index header span{
    flex-direction: row;
  }
}

.about-designers-index header .sort-select{
  display: none;
}

.offers-container.about-designers-index header .sort-select {
      display: none;
    }

@media (min-width: 769px){

  .about-designers-index header .sort-select{
    margin-top: 6rem;
    display: inline-block;
  }
}

@media (min-width: 1025px){

  .about-designers-index header .sort-select{
    margin-top: 13rem;
  }
}

.about-designers-index header .sort-select select {
        width: 17rem;
        margin-right: 0;
      }

.about-designers-index .grid-parameters{
  display: none;
}

.offers-container.about-designers-index .grid-parameters {
      display: none;
    }

@media (min-width: 769px){

  .about-designers-index .grid-parameters{
    display: inline-flex;
  }
}

.about-designers-index .grid-parameters{
  width: 100%;
    margin-top: 9.5rem;
    margin-bottom: 1.6rem;
}

.about-designers-index ul.grid{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 525px){

  .about-designers-index ul.grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1025px){

  .about-designers-index ul.grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 9rem;
  }
}

.about-designers-index ul.grid {

    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

@media (min-width: 1025px) {

.about-designers-index ul.grid {
      margin-top: 0
  }
    }

.about-designers-index-join-us-link{
  margin-top: 0.5rem;
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
}

@media (min-width: 769px){

  .about-designers-index-join-us-link{
    margin-left: 1.5rem;
    margin-top: 0px;
  }
}

@media (min-width: 1025px){

  .about-designers-index-join-us-link{
    margin-top: 2.75rem;
  }
}

.about-designers-index-join-us-link {
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.5px;
  }

@media (min-width: 769px){

  .about-designers-index-about-link{
    margin-top: 0.75rem;
  }
}

@media (min-width: 1025px){

  .about-designers-index-about-link{
    margin-top: 2.75rem;
  }

  .about-designers-index #external-designers{
    margin-top: 9rem;
  }
}

.about-designers-index #external-designers p.designers{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
}

@media (min-width: 1025px){

  .about-designers-index #external-designers p.designers{
    margin-bottom: 4rem;
  }
}

.about-designers-index #external-designers p.designers {

      padding-left: 2.25rem;
    }

@media (min-width: 1025px) {

.about-designers-index #external-designers p.designers {
        padding-left: 0
    }
      }

.about-designer-show {
  margin-bottom: 2rem;
}

.about-designer-show.container{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px){

  .about-designer-show.container{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

@media (min-width: 1025px){

  .about-designer-show.container{
    margin-left: auto;
    margin-right: auto;
  }
}

.about-designer-show header{
  margin-left: 3.5rem;
  margin-right: 3.5rem;
  margin-bottom: 3.5rem;
}

@media (min-width: 769px){

  .about-designer-show header{
    margin-left: auto;
    margin-right: auto;
  }

  .about-designer-show header p{
    padding-top: 0.75rem;
  }
}

@media (min-width: 1025px){

  .about-designer-show header p{
    padding-top: 0px;
  }

.about-designer-show header {
      margin-bottom: 10.8rem
  }

      .about-designer-show header p{
    width: 33.333333%;
  }

      .about-designer-show header h1.main-title-alt{
    width: 66.666667%;
        margin-left: 5.5rem;
        line-height: 4rem;
  }
}

@media (min-width: 525px){

  .about-designer-show-details-sidebar{
    width: 66.666667%;
  }
}

@media (min-width: 769px){

  .about-designer-show-details-sidebar{
    width: 33.333333%;
  }
}

.about-designer-show-details-sidebar__img {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;

      aspect-ratio: 300/220;
    }

@media (min-width: 1025px) {

.about-designer-show-details-sidebar__img {
        aspect-ratio: 377/260
    }
      }

.about-designer-show-details-sidebar__infos,
    .about-designer-show-details-sidebar__links{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.about-designer-show-details-sidebar__infos .infos-title {
        font-size: 1.2rem;
        line-height: 2rem;
        font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
        --tw-text-opacity: 1;
        color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      }

.about-designer-show-details-sidebar__links{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      text-transform: uppercase;
      font-size: 1.2rem;
      line-height: 1.5rem;
      letter-spacing: 0.1rem;
}

@media (min-width: 769px){

  .about-designer-show-details-main{
    width: 66.666667%;
  }
}

.about-designer-show-details-main {

    font-size: 1.4rem;
    line-height: 2.5rem;
    letter-spacing: 0.035rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 2.6rem;
    --tw-text-opacity: 1;
    color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
  }

@media (min-width: 769px) {

.about-designer-show-details-main {
      margin-top: 0
  }
    }

@media (min-width: 1025px) {

.about-designer-show-details-main {
      font-size: 1.8rem;
      line-height: 2.9rem;
      letter-spacing: 0.045rem;
      padding: 0;
      margin-left: 2.6rem
  }
    }

.about-designer-show-details-projects svg.icon-dropdown-arrow, .about-designer-show-details-typefaces svg.icon-dropdown-arrow, .about-designer-show-details-family-case-studies svg.icon-dropdown-arrow, .about-designer-show-details-articles svg.icon-dropdown-arrow {
      width: 0.8rem;
      height: 0.5rem;
      margin-top: 0.8rem;
      margin-left: 1.2rem;
      transform: rotate(0deg);
      transition: transform 0.25s ease-out;
    }

.about-designer-show-details-projects ul, .about-designer-show-details-typefaces ul, .about-designer-show-details-family-case-studies ul, .about-designer-show-details-articles ul {
      margin-top: 3rem;
    }

.about-designer-show-details-projects .show-all, .about-designer-show-details-typefaces .show-all, .about-designer-show-details-family-case-studies .show-all, .about-designer-show-details-articles .show-all{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
      flex-direction: row-reverse;
      font-size: 1.2rem;
      line-height: 2.7rem;
      cursor: pointer;
      display: flex;
      align-items: baseline;
      margin-top: 1rem;
}

.about-designer-show-details-projects .show-all:hover, .about-designer-show-details-typefaces .show-all:hover, .about-designer-show-details-family-case-studies .show-all:hover, .about-designer-show-details-articles .show-all:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.about-designer-show-details-projects .show-all svg.icon-dropdown-arrow, .about-designer-show-details-typefaces .show-all svg.icon-dropdown-arrow, .about-designer-show-details-family-case-studies .show-all svg.icon-dropdown-arrow, .about-designer-show-details-articles .show-all svg.icon-dropdown-arrow {
        width: 0.9rem;
        height: 0.6rem;
        margin-top: 0.8rem;
        margin-left: 0.8rem;
      }

.about-designer-show-details-projects.has-revealed button svg, .about-designer-show-details-typefaces.has-revealed button svg, .about-designer-show-details-family-case-studies.has-revealed button svg, .about-designer-show-details-articles.has-revealed button svg {
        transform: rotate(180deg);
      }

.about-designer-show-details-projects,
  .about-designer-show-details-typefaces,
  .about-designer-show-details-family-case-studies,
  .about-designer-show-details-articles{
  margin-left: 2rem;
  margin-right: 2rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  margin-top: 4rem;
  margin-bottom: 4rem;
}

@media (min-width: 1025px) {

.about-designer-show-details-projects,
  .about-designer-show-details-typefaces,
  .about-designer-show-details-family-case-studies,
  .about-designer-show-details-articles{
    margin-left: 0px;
    margin-right: 0px;
  }
    }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-projects .article-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-typefaces .article-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-family-case-studies .article-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .show-all p:last-of-type, .about-designer-show-details-articles .article-content[data-expand-state-value="false"] .show-all p:last-of-type {
            display: none;
          }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-projects .article-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-typefaces .article-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-family-case-studies .article-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow, .about-designer-show-details-articles .article-content[data-expand-state-value="false"] .show-all .icon-dropdown-arrow {
          }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-projects .project-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-projects .case-study-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-projects .article-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-typefaces .project-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-typefaces .article-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-family-case-studies .article-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-articles .typeface-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-articles .project-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-articles .case-study-content[data-expand-state-value="true"] .show-all p:first-of-type, .about-designer-show-details-articles .article-content[data-expand-state-value="true"] .show-all p:first-of-type {
            display: none;
          }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-projects .project-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-projects .case-study-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-projects .article-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-typefaces .project-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-typefaces .article-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-family-case-studies .article-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-articles .typeface-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-articles .project-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-articles .case-study-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow, .about-designer-show-details-articles .article-content[data-expand-state-value="true"] .show-all .icon-dropdown-arrow {
            transform: rotate(180deg);
          }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 3) {
          display: none;
        }

@media (min-width: 769px) {

.about-designer-show-details-projects .typeface-content,
    .about-designer-show-details-projects .project-content,
    .about-designer-show-details-typefaces .typeface-content,
    .about-designer-show-details-typefaces .project-content,
    .about-designer-show-details-family-case-studies .typeface-content,
    .about-designer-show-details-family-case-studies .project-content,
    .about-designer-show-details-articles .typeface-content,
    .about-designer-show-details-articles .project-content {
        display: block
    }
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 4), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 4), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 4), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 4), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 4), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 4), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 4), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 4) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 3),
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 4),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 3),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 4),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 3),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 4),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 3),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 4),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 3),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 4),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 3),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 4) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 7), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 7), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 7), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 7), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 7), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 7), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .grid li:nth-child(n + 7), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .grid li:nth-child(n + 7) {
            display: none;
          }
      }

.about-designer-show-details-projects .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 3),
        .about-designer-show-details-projects .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 4),
        .about-designer-show-details-typefaces .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 3),
        .about-designer-show-details-typefaces .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 4),
        .about-designer-show-details-family-case-studies .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 3),
        .about-designer-show-details-family-case-studies .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 4),
        .about-designer-show-details-articles .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 3),
        .about-designer-show-details-articles .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 4) {
          display: block;
        }

.about-designer-show-details-projects .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 7), .about-designer-show-details-typefaces .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 7), .about-designer-show-details-family-case-studies .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 7), .about-designer-show-details-articles .article-content[data-expand-state-value="false"] ul:not(.tf-grid) li:nth-child(n + 7) {
          display: none;
        }

@media (min-width: 769px) {

.about-designer-show-details-projects .article-content, .about-designer-show-details-typefaces .article-content, .about-designer-show-details-family-case-studies .article-content, .about-designer-show-details-articles .article-content {
        display: block
    }
      }

.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 2) {
          display: none;
        }

@media (min-width: 525px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 3) {
            display: none;
          }
      }

@media (min-width: 769px) {

.about-designer-show-details-projects .case-study-content, .about-designer-show-details-typefaces .case-study-content, .about-designer-show-details-family-case-studies .case-study-content, .about-designer-show-details-articles .case-study-content {
        display: block
    }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 3) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 4), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 4), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 4), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .grid li:nth-child(n + 4) {
            display: none;
          }

.about-designer-show-details-articles {
      /* align with sidebar margin */
      width: calc(66.666667% - 2.6rem);
      margin-left: auto
  }
      }

/* TODO: remove when hover on image will be added everywhere */

.about-designer-show-details-articles .articles-item:hover .articles-item__image {
        box-shadow: none;
      }

@media (min-width: 1025px) {

.error-page__content {
      margin-left: calc(33.33333% + 20px);
      width: calc(66.66667% - 40px)
  }
    }

.error-page__content h1{
  margin-bottom: 1.5rem;
}

@media (min-width: 1025px){

  .error-page__content h1{
    margin-bottom: 9rem;
  }
}

.error-page__content p.text{
  font-family: 'MenckenSpeText', Georgia, serif;
}

.help-index.container{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px){

  .help-index.container{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

@media (min-width: 1025px){

  .help-index.container{
    margin-left: auto;
    margin-right: auto;
  }
}

.help-index .help-header {
    margin-bottom: 3.8rem;
  }

@media (min-width: 525px) {

.help-index__content {
      margin-left: calc(33.33333% + 2rem);
      width: calc(66.66667% - 4rem)
  }
    }

.help-index__content .search-results {
      font-size: 1.9rem;
      line-height: 2rem;
      margin-bottom: 2.6rem;
      font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
    }

.help-index__content .search-results span{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px) {

.help-index__content .search-results {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 2.1rem
    }
      }

.help-index__content .description {
      padding-left: 2rem;
      padding-right: 2rem;
      font-size: 1.4rem;
      line-height: 2.5rem;
      letter-spacing: 0.04rem;
      margin-bottom: 4.1rem;
    }

@media (min-width: 1025px) {

.help-index__content .description {
        font-size: 1.8rem;
        line-height: 2.9rem;
        padding: 0;
        margin-bottom: 4.6rem
    }
      }

.help-index__content .categories {
      margin-bottom: 4rem;
    }

.help-index__content .categories button:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px){

  .help-index__content .categories button:hover{
    --tw-text-opacity: 1;
    color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
  }
}

.help-index__content .categories .category {
        font-size: 1.5rem;
        line-height: 2rem;
        padding-top: 0.4rem;
        border-top-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
        font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
      }

@media (min-width: 1025px) {

.help-index__content .categories .category {
          font-size: 1.8rem;
          padding-top: 1rem
      }
        }

.help-index__content .categories .category > button{
  width: 100%;
  display: inline-flex;
  align-items: center;
}

.form .help-index__content .categories .category > button .form-group + .form-group {
    margin-top: 0;
  }

.form .help-index__content .categories .category > button .form-group {
    flex: 1 1 50%;
  }

.help-index__content .categories .category > button {
          margin-bottom: 1rem;
        }

.help-index__content .categories .category > button svg {
            width: 0.8rem;
            height: 0.5rem;
            margin-left: 1rem;
            transform: rotate(0deg);
          }

@media (min-width: 1025px) {

.help-index__content .categories .category > button {
            cursor: default
        }

            .help-index__content .categories .category > button svg {
              display: none;
            }
          }

.help-index__content .categories .category.has-revealed > button svg {
            transform: rotate(180deg);
          }

.help-index__content .pages {
      margin-bottom: 3rem;
    }

@media (min-width: 1025px) {

.help-index__content .pages {
        margin-bottom: 5rem;
        display: block
    }
      }

.help-index__content .pages .page {
        margin-bottom: 1rem;
        width: 100%;
        display: inline-flex;
        align-items: flex-start;
      }

.form .help-index__content .pages .page .form-group + .form-group {
    margin-top: 0;
  }

.form .help-index__content .pages .page .form-group {
    flex: 1 1 50%;
  }

.help-index__content .pages .page{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.help-index__content .pages .page button {
          width: 2rem;
          height: 2rem;
          margin-right: 1rem;
          margin-top: 0.3rem;
          flex-shrink: 0;
          --tw-text-opacity: 1;
          color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
          border-radius: 9999px;
          border-width: 1px;
          border-style: solid;
          --tw-border-opacity: 1;
          border-color: rgba(115, 115, 115, var(--tw-border-opacity, 1));
        }

.help-index__content .pages .page button:hover{
  --tw-border-opacity: 1;
  border-color: rgba(60, 58, 54, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(60, 58, 54, var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px) {

.help-index__content .pages .page button {
            margin-top: 0.8rem
        }
          }

.help-index__content .pages .page button svg {
            width: 1rem;
            height: 1.2rem;
            transform: rotateZ(-90deg);
            margin: auto;
          }

.help-index__content .pages .page a {
          color: inherit;
          font-size: 1.9rem;
          line-height: 2.7rem;
        }

.help-index__content .pages .page a:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px) {

.help-index__content .pages .page a {
            font-size: 2.8rem;
            line-height: 3.8rem
        }
          }

.help-index__content .pages .page.has-revealed button{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
  --tw-border-opacity: 1;
  border-color: rgba(60, 58, 54, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(60, 58, 54, var(--tw-bg-opacity, 1));
}

.help-index__content .pages .page.has-revealed button svg {
              transform: rotateZ(90deg);
            }

.help-index__content .sections {
      margin-top: 1.2rem;
      margin-bottom: 1rem;
      width: 100%;
    }

.help-index__content .sections .section {
        margin-bottom: 1.2rem;
      }

.help-index__content .sections .section a {
          font-size: 1.3rem;
          line-height: 2.7rem;
        }

@media (min-width: 1025px) {

.help-index__content .sections .section a {
            font-size: 1.5rem;
            line-height: 2.8rem
        }
          }

@media (min-width: 525px) {

.help-show__content {
      margin-left: calc(33.33333% + 2rem);
      width: calc(66.66667% - 4rem)
  }
    }

.help-show__content .title{
  margin-bottom: 1.5rem;
}

@media (min-width: 1025px){

  .help-show__content .title{
    margin-bottom: 3.5rem;
  }
}

.help-show__content .title {
      font-size: 2.2rem;
      line-height: 2.2rem;
    }

@media (min-width: 769px) {

.help-show__content .title {
        font-size: 4.6rem;
        line-height: 4.6rem
    }
      }

.help-show .sections {
    margin-top: 3.6rem;
    margin-bottom: 1rem;
    width: 100%;
  }

@media (min-width: 1025px) {

.help-show .sections {
      margin-top: 7.6rem
  }
    }

.help-show .sections .section {
      margin-bottom: 1.2rem;
      padding-top: 1.3rem;
      border-top-width: 1px;
      --tw-border-opacity: 1;
      border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    }

.help-show .sections .section button{
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}

.form .help-show .sections .section button .form-group + .form-group {
    margin-top: 0;
  }

.form .help-show .sections .section button .form-group {
    flex: 1 1 50%;
  }

.help-show .sections .section button {
        margin-bottom: 1rem;
        font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
      }

.help-show .sections .section button svg {
          width: 1.3rem;
          height: 0.8rem;
          margin-left: 1rem;
          margin-top: 0.7rem;
          transform: rotate(0deg);
        }

.help-show .sections .section__title{
  text-align: left;
        font-size: 1.8rem;
        line-height: 2.2rem;
        max-width: 85%;
}

@media (min-width: 525px) {

.help-show .sections .section__title {
          max-width: 90%
      }
        }

@media (min-width: 769px) {

.help-show .sections .section__title {
          max-width: 95%
      }
        }

@media (min-width: 1025px) {

.help-show .sections .section__title {
          font-size: 2.5rem;
          line-height: 2.5rem
      }
        }

.help-show .sections .section__title h2{
  font-family: 'MenckenSpeHead', Georgia, serif;
          font-size: 2.2rem;
          line-height: 2.8rem;
}

@media (min-width: 1025px) {

.help-show .sections .section__title h2 {
            font-size: 3.2rem;
            line-height: 3.8rem
        }
          }

.help-show .sections .section__title h3{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
}

.help-show .sections .section__content {
        font-size: 1.4rem;
        line-height: 2.5rem;
        margin-left: 2.2rem;
      }

@media (min-width: 1025px) {

.help-show .sections .section__content {
          font-size: 1.8rem;
          line-height: 2.9rem;
          letter-spacing: 0.04rem;
          margin-left: 0
      }
        }

.help-show .sections .section__content h1,
        .help-show .sections .section__content h2,
        .help-show .sections .section__content h3,
        .help-show .sections .section__content h4,
        .help-show .sections .section__content h5,
        .help-show .sections .section__content h6 {
          font-size: 1.6rem;
          font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
        }

@media (min-width: 1025px) {

.help-show .sections .section__content h1,
        .help-show .sections .section__content h2,
        .help-show .sections .section__content h3,
        .help-show .sections .section__content h4,
        .help-show .sections .section__content h5,
        .help-show .sections .section__content h6 {
            font-size: 2.2rem
        }
          }

/* States */

.help-show .sections .section.has-revealed button{
  margin-bottom: 1.5rem;
}

@media (min-width: 1025px){

  .help-show .sections .section.has-revealed button{
    margin-bottom: 3rem;
  }
}

.help-show .sections .section.has-revealed button svg {
            transform: rotate(180deg);
          }

/**
 * Controller files will be imported here. Please do not edit this file manually.
 */

.payment .payment-provider-issue{
  margin-bottom: 2rem;
  border-radius: 0.25rem;
  border-left-width: 8px;
  --tw-border-opacity: 1;
  border-left-color: rgba(163, 46, 40, var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgba(201, 58, 51, var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 769px){

  .payment .payment-provider-issue{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1025px){

  .payment .payment-provider-issue{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.payment .payment-provider-issue .text-container{
  display: flex;
  flex: 1 1 0%;
  align-items: center;
}

@media (min-width: 769px){

  .payment .payment-provider-issue .text-container{
    align-items: flex-start;
  }
}

.payment .payment-provider-issue .text-container span{
  border-radius: 0.5rem;
  padding: 0.5rem;
}

.payment .payment-provider-issue .text-container p{
  margin-left: 0.75rem;
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
}

.payment .payment-provider-issue .text-container p a{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
  text-decoration-line: underline;
}

.payment .payment-provider-issue .text-container p a:hover{
  --tw-text-opacity: 1;
  color: rgba(229, 229, 229, var(--tw-text-opacity, 1));
}

.about-page.container{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px){

  .about-page.container{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

@media (min-width: 1025px){

  .about-page.container{
    margin-left: auto;
    margin-right: auto;
  }

.about-page .about-page__content {
      margin-left: calc(33.33333% + 20px);
      width: calc(66.66667% - 40px)
  }
}

.about-page .about-page__content h1{
  margin-bottom: 1.5rem;
}

@media (min-width: 1025px){

  .about-page .about-page__content h1{
    margin-bottom: 9rem;
  }
}

.about-page .about-page__content h1 {
      line-height: 4rem;
    }

.about-page .about-page__content h3.subtitle-3{
  padding-top: 1rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1025px){

  .about-page .about-page__content h3.subtitle-3{
    padding-bottom: 4rem;
  }
}

.about-page .about-page__content h3.subtitle-3{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.about-page .about-page__content h3.subtitle-3 a {
        color: inherit;
      }

.about-page .about-page__content h3.subtitle-3 a:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.about-page .about-page__content .markdown p {
        padding-left: 2rem;
        padding-right: 2rem;
      }

@media (min-width: 1025px) {

.about-page .about-page__content .markdown p {
          padding: 0
      }
        }

.about-page .about-page__content .designers-list{
  margin-bottom: 9rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 2rem;
  gap: 2rem;
}

@media print {
  .about-page .about-page__content .designers-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.prefooter .about-page .about-page__content .designers-list {
    grid-template-columns: 1fr;
  }

@media (min-width: 525px) {

.prefooter .about-page .about-page__content .designers-list {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
  }
    }

@media (min-width: 769px) {

.prefooter .about-page .about-page__content .designers-list {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

@media (min-width: 1025px) {

.prefooter .about-page .about-page__content .designers-list {
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr))
  }
    }

@media (min-width: 1440px) {

.prefooter .about-page .about-page__content .designers-list {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

.articles-index ul.about-page .about-page__content .designers-list {
    grid-row-gap: 5.5rem;
  }

@media (min-width: 1025px) {

.articles-index ul.about-page .about-page__content .designers-list {
      grid-row-gap: 7rem
  }
    }

.about-designers-index ul.about-page .about-page__content .designers-list{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 525px){

  .about-designers-index ul.about-page .about-page__content .designers-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1025px){

  .about-designers-index ul.about-page .about-page__content .designers-list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 9rem;
  }
}

.about-designers-index ul.about-page .about-page__content .designers-list {

    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

@media (min-width: 1025px) {

.about-designers-index ul.about-page .about-page__content .designers-list {
      margin-top: 0
  }
    }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3) {
          display: none;
        }

@media (min-width: 769px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3),
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 7), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 7), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 7), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 7), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 7), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 7), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 7), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 7) {
            display: none;
          }
      }

.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2) {
          display: none;
        }

@media (min-width: 525px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 3) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .about-page .about-page__content .designers-list li:nth-child(n + 4) {
            display: none;
          }
      }

.typeface-family-case-studies-index .about-page .about-page__content .designers-list {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-family-case-studies-index .about-page .about-page__content .designers-list {
      margin-left: auto;
      margin-right: auto
  }
    }

.typeface-segments-index .about-page .about-page__content .designers-list {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-segments-index .about-page .about-page__content .designers-list {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0
  }

.about-page .about-page__content .designers-list{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
    }

@media (min-width: 1025px){

  .about-page .about-page__content .designers-list{
    margin-bottom: 18rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
}

.search-page{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px){

  .search-page{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

@media (min-width: 1025px){

  .search-page{
    margin-left: auto;
    margin-right: auto;
  }
}

.search-page.empty{
  padding-bottom: 20rem;
}

.search-page .search-page__content .search-page__header .search-field{
  display: flex;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1025px){

  .search-page .search-page__content .search-page__header .search-field{
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
}

.search-page .search-page__content .search-page__header .search-field{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.search-page .search-page__content .search-page__header .search-field:focus-within{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgba(115, 115, 115, var(--tw-border-opacity, 1));
}

@media (min-width: 769px){

  .search-page .search-page__content .search-page__header .search-field:focus-within{
    border-left-width: 8px;
  }
}

.search-page .search-page__content .search-page__header .search-field:focus-within {
          padding-left: 1.2rem;
        }

@media (min-width: 769px) {

.search-page .search-page__content .search-page__header .search-field:focus-within {
            padding-left: 0.8rem
        }
          }

.search-page .search-page__content .search-page__header .search-field input{
  margin-left: 0.75rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));

          outline: none;
}

.search-page .search-page__content .search-page__header .search-field input:focus{
  --tw-text-opacity: 1;
  color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
}

.search-page .search-page__content .search-page__header h1.title{
  margin-top: 1rem;
}

@media (min-width: 1025px){

  .search-page .search-page__content .search-page__header h1.title{
    margin-top: 3.5rem;
  }
}

.search-page .search-page__content .search-page__header h1.title span{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.search-page .search-page__content .search-page__results .results{
  margin-top: 4rem;
}

@media (min-width: 1025px){

  .search-page .search-page__content .search-page__results .results{
    margin-top: 10rem;
  }
}

.search-page .search-page__content .search-page__results .results h3.subtitle-3{
  padding-top: 1rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 1025px){

  .search-page .search-page__content .search-page__results .results h3.subtitle-3{
    padding-bottom: 4rem;
  }
}

.search-page .search-page__content .search-page__results .results h3.subtitle-3{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
}

.search-page .search-page__content .search-page__results .results ul.list,
        .search-page .search-page__content .search-page__results .results .show-all{
  margin-right: 3.5rem;
}

.search-page .search-page__content .search-page__results .results.grid-results ul.list{
  display: flex;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

@media print {
  .search-page .search-page__content .search-page__results .results.grid-results ul.list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.prefooter .search-page .search-page__content .search-page__results .results.grid-results ul.list {
    grid-template-columns: 1fr;
  }

@media (min-width: 525px) {

.prefooter .search-page .search-page__content .search-page__results .results.grid-results ul.list {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
  }
    }

@media (min-width: 769px) {

.prefooter .search-page .search-page__content .search-page__results .results.grid-results ul.list {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

@media (min-width: 1025px) {

.prefooter .search-page .search-page__content .search-page__results .results.grid-results ul.list {
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr))
  }
    }

@media (min-width: 1440px) {

.prefooter .search-page .search-page__content .search-page__results .results.grid-results ul.list {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

.articles-index ul.search-page .search-page__content .search-page__results .results.grid-results ul.list {
    grid-row-gap: 5.5rem;
  }

@media (min-width: 1025px) {

.articles-index ul.search-page .search-page__content .search-page__results .results.grid-results ul.list {
      grid-row-gap: 7rem
  }
    }

.about-designers-index ul.search-page .search-page__content .search-page__results .results.grid-results ul.list{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 525px){

  .about-designers-index ul.search-page .search-page__content .search-page__results .results.grid-results ul.list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1025px){

  .about-designers-index ul.search-page .search-page__content .search-page__results .results.grid-results ul.list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 9rem;
  }
}

.about-designers-index ul.search-page .search-page__content .search-page__results .results.grid-results ul.list {

    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

@media (min-width: 1025px) {

.about-designers-index ul.search-page .search-page__content .search-page__results .results.grid-results ul.list {
      margin-top: 0
  }
    }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3) {
          display: none;
        }

@media (min-width: 769px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3),
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 7), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 7), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 7), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 7), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 7), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 7), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 7), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 7) {
            display: none;
          }
      }

.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2) {
          display: none;
        }

@media (min-width: 525px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 3) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .search-page .search-page__content .search-page__results .results.grid-results ul.list li:nth-child(n + 4) {
            display: none;
          }
      }

.typeface-family-case-studies-index .search-page .search-page__content .search-page__results .results.grid-results ul.list {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-family-case-studies-index .search-page .search-page__content .search-page__results .results.grid-results ul.list {
      margin-left: auto;
      margin-right: auto
  }
    }

.typeface-segments-index .search-page .search-page__content .search-page__results .results.grid-results ul.list {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-segments-index .search-page .search-page__content .search-page__results .results.grid-results ul.list {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0
  }

.search-page .search-page__content .search-page__results .results.grid-results ul.list{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
    }

@media (min-width: 1025px){

  .search-page .search-page__content .search-page__results .results.grid-results ul.list{
    grid-template-columns: repeat(6, minmax(0, 1fr));
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}

.search-page .search-page__content .search-page__results .results.grid-results ul.list li:hover .grid-item-name{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

.search-page .search-page__content .search-page__results .results.grid-results ul.list li .grid-item-img{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
                aspect-ratio: 349/243;
                -o-object-fit: cover;
                   object-fit: cover;
                -o-object-position: center;
                   object-position: center;
}

@media (min-width: 769px) {

.search-page .search-page__content .search-page__results .results.grid-results ul.list li .grid-item-img {
                  aspect-ratio: 293/204
              }
                }

@media (min-width: 1025px) {

.search-page .search-page__content .search-page__results .results.grid-results ul.list li .grid-item-img {
                  aspect-ratio: 168/117
              }
                }

.search-page .search-page__content .search-page__results .results.grid-results ul.list li .grid-item-name{
  font-family: 'MenckenSpeText', Georgia, serif;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
  margin-top: 0.5rem;

                font-size: 1.2rem;
                line-height: 1.6rem;
}

@media (min-width: 525px) {

.search-page .search-page__content .search-page__results .results.grid-results ul.list li .grid-item-name {
                  font-size: 1.6rem;
                  line-height: 2rem
              }
                }

.search-page .search-page__content .search-page__results .results.list-results ul.list li {
              font-size: 1.4rem;
            }

.search-page .search-page__content .search-page__results .results.list-results ul.list li:not(:last-child){
  margin-bottom: 1rem;
}

.search-page .search-page__content .search-page__results .results.grid-results[data-expand-state-value="false"] .list li:nth-child(n + 7) {
            display: none;
          }

.search-page .search-page__content .search-page__results .results.list-results[data-expand-state-value="false"] .list li:nth-child(n + 9) {
            display: none;
          }

.search-page .search-page__content .search-page__results .results[data-expand-state-value="false"] .show-all p:last-of-type {
              display: none;
            }

.search-page .search-page__content .search-page__results .results[data-expand-state-value="true"] .show-all p:first-of-type {
              display: none;
            }

.search-page .search-page__content .search-page__results .results[data-expand-state-value="true"] .show-all .icon-dropdown-arrow {
              transform: rotate(180deg);
            }

.search-page .search-page__content .search-page__results .results .show-all{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
  font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
          flex-direction: row-reverse;
          font-size: 1.2rem;
          line-height: 2.7rem;
          cursor: pointer;
          display: flex;
          align-items: baseline;
          margin-top: 1rem;
}

.search-page .search-page__content .search-page__results .results .show-all:hover{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

.search-page .search-page__content .search-page__results .results .show-all svg.icon-dropdown-arrow {
            width: 0.9rem;
            height: 0.6rem;
            margin-top: 0.8rem;
            margin-left: 0.8rem;
          }

.cms-page{
  margin-top: 2rem;
}

@media (min-width: 769px){

  .cms-page{
    margin-top: 5rem;
  }
}

@media (min-width: 1025px) {

.cms-page .cms-page__content {
      margin-left: calc(33.33333% + 20px);
      width: calc(66.66667% - 40px)
  }
    }

.cms-page .cms-page__content h1{
  margin-bottom: 1.5rem;
}

@media (min-width: 1025px){

  .cms-page .cms-page__content h1{
    margin-bottom: 9rem;
  }
}

.cms-page .cms-page__content h1 {
      line-height: 4rem;
    }

.typeface-family-case-studies-index.container{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px){

  .typeface-family-case-studies-index.container{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

@media (min-width: 1025px){

  .typeface-family-case-studies-index.container{
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 769px) {

.typeface-family-case-studies-index .typeface-family-case-study-subnavigation .subnavigation-container .subnavigation-variations {
          width: 100%
      }
        }

@media (min-width: 1025px) {

.typeface-family-case-studies-index .typeface-family-case-study-subnavigation .subnavigation-container .subnavigation-variations {
          width: 50%
      }
        }

.typeface-family-case-studies-index .grid {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-family-case-studies-index .grid {
      margin-left: auto;
      margin-right: auto
  }
    }

.typeface-family-case-studies-index .grid-parameters{
  margin-bottom: 2rem;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
}

.form .typeface-family-case-studies-index .grid-parameters .form-group + .form-group {
    margin-top: 0;
  }

.form .typeface-family-case-studies-index .grid-parameters .form-group {
    flex: 1 1 50%;
  }

.typeface-family-case-studies-index .grid-parameters {
    margin-top: 3.5rem;
  }

@media (min-width: 769px) {

.typeface-family-case-studies-index .grid-parameters {
      margin-top: 7.5rem
  }
    }

.typeface-family-case-studies-index .grid-parameters select{
  margin-right: 0px;
  display: none;
}

.offers-container.typeface-family-case-studies-index .grid-parameters select {
      display: none;
    }

@media (min-width: 769px){

  .typeface-family-case-studies-index .grid-parameters select{
    display: block;
  }
}

.typeface-family-case-studies-show .container{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px){

  .typeface-family-case-studies-show .container{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

@media (min-width: 1025px){

  .typeface-family-case-studies-show .container{
    margin-left: auto;
    margin-right: auto;
  }
}

.typeface-family-case-studies-show .segment-header{
  margin-left: 3.5rem;
  margin-right: 3.5rem;
  margin-bottom: 3.5rem;
}

@media (min-width: 769px){

  .typeface-family-case-studies-show .segment-header{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

@media (min-width: 1025px){

  .typeface-family-case-studies-show .segment-header{
    margin-left: auto;
    margin-right: auto;
  }
}

.typeface-family-case-studies-show .segment-header p{
  flex-shrink: 0;
}

@media (min-width: 769px){

  .typeface-family-case-studies-show .segment-header p{
    padding-top: 0.75rem;
  }
}

@media (min-width: 1025px){

  .typeface-family-case-studies-show .segment-header p{
    padding-top: 0px;
  }

.typeface-family-case-studies-show .segment-header {
      margin-bottom: 10.8rem
  }

      .typeface-family-case-studies-show .segment-header h1.main-title-alt {
        margin-left: 5.5rem;
        line-height: 1.09;
      }
}

.typeface-family-case-studies-show .typeface-family-case-study__slider__main img,
    .typeface-family-case-studies-show .typeface-family-case-study__slider__thumbnails img{
  --tw-bg-opacity: 1;
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity, 1));
}

.typeface-family-case-studies-show .typeface-family-case-study__slider__main{
  width: 100%;
  flex: none;
}

.typeface-family-case-studies-show .typeface-family-case-study__slider__main img {
        aspect-ratio: 9/4;
        -o-object-fit: cover;
           object-fit: cover;

        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        width: 100vw;
      }

@media (min-width: 525px) {

.typeface-family-case-studies-show .typeface-family-case-study__slider__main img {
          max-width: 100%;
          width: 100%;
          position: static;
          margin-left: 0;
          margin-right: 0
      }
        }

.typeface-family-case-studies-show .typeface-family-case-study__slider__thumbnails{
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.typeface-family-case-studies-show .typeface-family-case-study__slider__thumbnail{
  flex-shrink: 0;
}

@media (min-width: 1025px) {

.typeface-family-case-studies-show .details-main {
      width: calc(66.666667% - 4rem)
  }
    }

.typeface-family-case-studies-show .related-fonts{
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}

@media (min-width: 1025px) {

.typeface-family-case-studies-show .related-fonts {
      width: calc(66.666667% - 4rem);
      margin-right: 0
  }
    }

.typeface-family-case-studies-show .related-fonts-item {
    max-width: 16.8rem;
  }

.typeface-family-case-studies-show .related-fonts-item img{
  --tw-bg-opacity: 1;
  background-color: rgba(229, 229, 229, var(--tw-bg-opacity, 1));
  margin-bottom: 0.5rem;
}

.typeface-family-case-studies-show .related-fonts-item p {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.035rem;
      min-height: 4rem;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
      margin-bottom: 1rem;
    }

@media (min-width: 1025px) {

.typeface-family-case-studies-show .related-fonts-item p {
        font-size: 16px
    }
      }

.typeface-family-case-studies-show .related-fonts-item:hover p{
  --tw-text-opacity: 1;
  color: rgba(163, 46, 40, var(--tw-text-opacity, 1));
}

@media (min-width: 1025px) {

.typeface-segments-details .details-main,
  .typeface-segments-details .details-sidebar {
      margin-top: 1rem
  }
    }

.typeface-segments-details .details-main{
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
    padding-top: 1rem;
}

@media (min-width: 1025px){

  .typeface-segments-details .details-main{
    width: 66.666667%;
      border-top: none;
      padding-top: 0rem;
  }
}

.typeface-segments-details .details-main .content-container {
      padding-left: 2.6rem;
    }

@media (min-width: 1025px) {

.typeface-segments-details .details-main .content-container {
        padding-left: 0
    }
      }

.typeface-segments-details .details-main .markdown-title {
      margin-bottom: 1.7rem;
      font-size: 1.5rem;
      line-height: 2rem;
      font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
    }

@media (min-width: 1025px) {

.typeface-segments-details .details-main .markdown-title {
        margin-bottom: 2.2rem;
        font-size: 2.5rem
    }
      }

.typeface-segments-details .details-main .slider {
      margin-top: 1.6rem;
      margin-bottom: 2.8rem;
    }

@media (min-width: 1025px) {

.typeface-segments-details .details-main .slider {
        margin-top: 0;
        margin-bottom: 4.8rem
    }
      }

.typeface-segments-details .details-main .markdown {
      font-size: 1.4rem;
      line-height: 2.5rem;
      letter-spacing: 0.035rem;
      margin-left: 2.6rem;
      --tw-text-opacity: 1;
      color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
    }

@media (min-width: 1025px){

  .typeface-segments-details .details-main .markdown{
    --tw-text-opacity: 1;
    color: rgba(60, 58, 54, var(--tw-text-opacity, 1));
  }
}

/* copy of subtitle-e */

.typeface-segments-details .details-main .markdown h5{
  font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
        font-feature-settings:
          "onum" 1,
          "pnum" 1;
        font-size: 1.5rem;
        line-height: 2rem;
        margin-top: 2rem;
        margin-bottom: 0.6rem;
}

@media (min-width: 1025px) {

.typeface-segments-details .details-main .markdown h5 {
          font-size: 2.1rem;
          line-height: 2.4rem;
          margin-top: 3rem;
          margin-bottom: 1.4rem
      }

.typeface-segments-details .details-main .markdown {
        font-size: 1.8rem;
        line-height: 2.9rem;
        letter-spacing: 0.045rem;
        margin-left: 0
    }
        }

.typeface-segments-details .content-block {
    padding: 1.6rem 1rem;
    margin-left: 2.6rem;
    margin-right: 2.6rem;
    margin-top: 1.6rem;
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
    --tw-bg-opacity: 1;
    background-color: rgba(242, 242, 242, var(--tw-bg-opacity, 1));
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  }

.typeface-segments-details .content-block li{
  max-width: -moz-max-content;
  max-width: max-content;
}

.typeface-segments-details .content-block p {
      margin-bottom: 1.6rem;
    }

@media (min-width: 1025px) {

.typeface-segments-details .content-block p {
        margin-bottom: 2rem
    }
      }

.typeface-segments-details .content-block img {
      width: 100%;
      height: auto;
      max-width: 100%;
      -o-object-fit: fill;
         object-fit: fill;
      -o-object-position: center;
         object-position: center;
      background-color: #d8d8d8;
      border: 1px solid #c2c2c2;
    }

.typeface-segments-details .content-block a {
      display: block;
      margin-top: 1rem;
    }

.typeface-segments-details .content-block a .button {
        min-width: 13.3rem;
      }

@media (min-width: 1025px) {

.typeface-segments-details .content-block a {
        margin-top: 2rem
    }

        .typeface-segments-details .content-block a .button {
          font-size: 1.2rem;
          min-height: 2.7rem;
        }

.typeface-segments-details .content-block {
      margin-top: 8.8rem;
      padding: 2.7rem 2rem;
      margin-left: 0;
      margin-right: 0
  }
      }

.typeface-segments-details .font-pairings {
    margin-top: 4rem;
    margin-bottom: 4rem;
    padding-top: 0.5rem;
    padding-left: 2.6rem; /* minus 1rem from main container */
    padding-right: 2.6rem; /* minus 1rem from main container */ border-top-width: 1px; --tw-border-opacity: 1; border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  }

@media (min-width: 1025px) {

.typeface-segments-details .font-pairings {
      padding-top: 1.3rem;
      margin-bottom: 8rem;
      padding-left: 0;
      padding-right: 0;
      margin-top: 8.8rem
  }
    }

.typeface-segments-glyphs .glyphs-header{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.typeface-segments-glyphs .glyphs-header select {
      padding-top: 0;
      padding-bottom: 0;
    }

.typeface-segments-glyphs .glyphs-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, 5rem);
    grid-gap: 4px;
  }

@media (min-width: 1025px) {

.typeface-segments-glyphs .glyphs-list {
      grid-template-columns: repeat(auto-fill, 9.6rem)
  }
    }

.typeface-segments-glyphs #glyphs_count {
    margin-left: 0.5rem;
    font-size: 1rem;
    line-height: 2.7rem;
    letter-spacing: 1px;
    font-family: 'AllumiSpe', San Francisco, Corbel, Verdana, sans-serif;
  }

.typeface-segments-inuse__container {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

@media (min-width: 769px){

  .typeface-segments-inuse__container{
    margin-left: auto;
    margin-right: auto;
  }
}

.typeface-segments-index.container{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px){

  .typeface-segments-index.container{
    margin-left: 1.75rem;
    margin-right: 1.75rem;
  }
}

@media (min-width: 1025px){

  .typeface-segments-index.container{
    margin-left: auto;
    margin-right: auto;
  }
}

.typeface-segments-index .grid-parameters{
  display: none;
}

.offers-container.typeface-segments-index .grid-parameters {
      display: none;
    }

@media (min-width: 769px){

  .typeface-segments-index .grid-parameters{
    display: inline-flex;
  }
}

.typeface-segments-index .grid-parameters{
  width: 100%;
    margin-top: 7.5rem;
    margin-bottom: 1.6rem;
}

.typeface-segments-index .grid-parameters select:nth-child(2){
  margin-right: 0px;
}

.typeface-segments-index .grid {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-segments-index .grid {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0
  }
    }

/* .font-info {

    @media screen(desktop) {
      max-width: 38rem;
      margin-right: 4rem;
      margin-top: 7rem;
      margin-bottom: 5rem;
    }
  } */

@media (min-width: 1440px) {

.typeface-segments-show:not(.typeface-segments-details) .slider .carousel .carousel-btn-prev {
            left: calc((100vw - var(--grid-max-width)) / 2 - 70px)
        }

.typeface-segments-show:not(.typeface-segments-details) .slider .carousel .carousel-btn-next {
            right: calc((100vw - var(--grid-max-width)) / 2 - 70px)
        }
          }

.typeface-segments-show .segment-tabs {
    margin-bottom: 3rem;
  }

@media (min-width: 1025px) {

.typeface-segments-show .segment-tabs {
      margin-bottom: 4rem
  }
    }

.typeface-segments-show .add-to-cart-price{
  display: inline-flex;
  align-items: center;
}

.form .typeface-segments-show .add-to-cart-price .form-group + .form-group {
    margin-top: 0;
  }

.form .typeface-segments-show .add-to-cart-price .form-group {
    flex: 1 1 50%;
  }

@media (min-width: 1025px) {

.typeface-segments-show .add-to-cart-price {
      display: initial
  }
      .typeface-segments-show .font-size-slider input {
        max-width: 18rem;
      }
    }

.typeface-segments-show .offers {
    margin-bottom: 3rem;
  }

@media (min-width: 1025px) {

.typeface-segments-show .offers {
      margin-bottom: 6rem
  }
    }

.typeface-variations-show .variations .toolbar .toolbar-compare {
        display: inline-flex;
      }

.typeface-variations-show .variations .section-compare textarea {
      width: 100%;
      height: 100%;
      overflow: hidden;
      color: #000;
      outline: 0;
      margin-bottom: 0.5em;
      line-height: 1em;
      -webkit-font-kerning: normal;
      font-feature-settings: "kern";
      font-kerning: normal;
      border: none;
      resize: none;
      backface-visibility: hidden;
      will-change: height, font-size, line-height;
    }

.typeface-variations-show .variations .section-compare textarea:nth-child(1) {
        font-size: 4.4rem;
        line-height: 4rem;
      }

@media (min-width: 1025px) {

.typeface-variations-show .variations .section-compare textarea:nth-child(1) {
          font-size: 13.2rem;
          line-height: 13.2rem;
          margin-bottom: 0.68em
      }
        }

.typeface-variations-show .variations .section-compare textarea:nth-child(2) {
        font-size: 3.5rem;
        line-height: 4rem;
      }

@media (min-width: 1025px) {

.typeface-variations-show .variations .section-compare textarea:nth-child(2) {
          font-size: 5.2rem;
          line-height: 7.5rem;
          margin-bottom: 0.63em
      }
        }

.typeface-variations-show .variations .section-compare textarea:nth-child(3) {
        font-size: 2rem;
        line-height: 2.8rem;
      }

@media (min-width: 1025px) {

.typeface-variations-show .variations .section-compare textarea:nth-child(3) {
          font-size: 3.1rem;
          line-height: 3.7rem;
          margin-right: 5%
      }
        }

.typeface-variations-show .variations .section-compare textarea:nth-child(4) {
        font-size: 1.6rem;
        line-height: 2.5rem;
      }

@media (min-width: 1025px) {

.typeface-variations-show .variations .section-compare textarea:nth-child(4) {
          font-size: 2rem;
          line-height: 2.7rem
      }
        .typeface-variations-show .variations .section-compare textarea:nth-child(3),
        .typeface-variations-show .variations .section-compare textarea:nth-child(4) {
          width: 45%;
          flex: 1 1 auto;
        }
        }

.typeface-variations-show .variations .section-compare:last-of-type > div {
        height: 100%;
        justify-content: space-between;
      }

@media (min-width: 1025px){

  .typeface-variations-show .variations .section-compare:last-of-type > div{
    display: flex;
  }
}

.typeface-variations-show .variations .section-compare:last-of-type div textarea {
        height: 100%;
        width: 100%;
      }

@media (min-width: 1025px){

  .typeface-variations-show .variations .section-compare:last-of-type div textarea{
    width: 50%;
  }
}

.typeface-variations-show .variations .section-compare:last-of-type div textarea:first-of-type{
  margin-bottom: 4rem;
}

@media (min-width: 1025px){

  .typeface-variations-show .variations .section-compare:last-of-type div textarea:first-of-type{
    margin-bottom: 0px;
    margin-right: 4rem;
  }
}

.confirmations-new{
  display: flex;
  flex-direction: row-reverse;
}

.confirmations-new .confirmations-new-main{
  margin-bottom: 2rem;
  width: 100%;
}

@media (min-width: 769px){

  .confirmations-new .confirmations-new-main{
    width: 66.666667%;
  }
}

.confirmations-new .confirmations-new-main h1.title{
  margin-bottom: 5rem;
}

@media (min-width: 1025px){

  .confirmations-new .confirmations-new-main form{
    width: 50%;
  }
}

.passwords-new{
  display: flex;
}

.passwords-new .passwords-new-main{
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: 0px;
  width: 100%;
}

@media (min-width: 769px){

  .passwords-new .passwords-new-main{
    width: 66.666667%;
  }
}

.passwords-new .passwords-new-main h1.title{
  margin-bottom: 5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
  padding-bottom: 3rem;
}

@media (min-width: 1025px){

  .passwords-new .passwords-new-main form{
    width: 50%;
  }
}

.passwords-new .passwords-new-main .actions p.informations-reset{
  margin-bottom: 1rem;
  font-family: 'MenckenSpeText', Georgia, serif;
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

.registrations-new{
  display: flex;
  flex-direction: row-reverse;
}

.registrations-new .registrations-new-main{
  margin-bottom: 2rem;
  width: 100%;
}

@media (min-width: 769px){

  .registrations-new .registrations-new-main{
    width: 66.666667%;
  }
}

.registrations-new .registrations-new-main h1.title{
  margin-bottom: 5rem;
}

.sessions-new .sessions-new-main{
  margin-top: 3rem;
  display: grid;
}

@media print {
  .sessions-new .sessions-new-main {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.prefooter .sessions-new .sessions-new-main {
    grid-template-columns: 1fr;
  }

@media (min-width: 525px) {

.prefooter .sessions-new .sessions-new-main {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
  }
    }

@media (min-width: 769px) {

.prefooter .sessions-new .sessions-new-main {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

@media (min-width: 1025px) {

.prefooter .sessions-new .sessions-new-main {
      grid-template-columns: repeat(auto-fit, minmax(270px, 1fr))
  }
    }

@media (min-width: 1440px) {

.prefooter .sessions-new .sessions-new-main {
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
  }
    }

.articles-index ul.sessions-new .sessions-new-main {
    grid-row-gap: 5.5rem;
  }

@media (min-width: 1025px) {

.articles-index ul.sessions-new .sessions-new-main {
      grid-row-gap: 7rem
  }
    }

.about-designers-index ul.sessions-new .sessions-new-main{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 525px){

  .about-designers-index ul.sessions-new .sessions-new-main{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1025px){

  .about-designers-index ul.sessions-new .sessions-new-main{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 9rem;
  }
}

.about-designers-index ul.sessions-new .sessions-new-main {

    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

@media (min-width: 1025px) {

.about-designers-index ul.sessions-new .sessions-new-main {
      margin-top: 0
  }
    }

.about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3) {
          display: none;
        }

@media (min-width: 769px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3),
          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3),
          .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3),
          .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3),
          .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3),
          .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3),
          .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3),
          .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4) {
            display: block;
          }

          .about-designer-show-details-projects .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 7), .about-designer-show-details-projects .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 7), .about-designer-show-details-typefaces .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 7), .about-designer-show-details-typefaces .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 7), .about-designer-show-details-family-case-studies .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 7), .about-designer-show-details-family-case-studies .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 7), .about-designer-show-details-articles .typeface-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 7), .about-designer-show-details-articles .project-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 7) {
            display: none;
          }
      }

.about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2) {
          display: none;
        }

@media (min-width: 525px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 2) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3) {
            display: none;
          }
      }

@media (min-width: 1025px) {
          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 3) {
            display: block;
          }

          .about-designer-show-details-projects .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4), .about-designer-show-details-typefaces .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4), .about-designer-show-details-family-case-studies .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4), .about-designer-show-details-articles .case-study-content[data-expand-state-value="false"] .sessions-new .sessions-new-main li:nth-child(n + 4) {
            display: none;
          }
      }

.typeface-family-case-studies-index .sessions-new .sessions-new-main {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-family-case-studies-index .sessions-new .sessions-new-main {
      margin-left: auto;
      margin-right: auto
  }
    }

.typeface-segments-index .sessions-new .sessions-new-main {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

@media (min-width: 769px) {

.typeface-segments-index .sessions-new .sessions-new-main {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0
  }
    }

.sessions-new .sessions-new-main {

    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 2fr;
    grid-column-gap: 4rem;
    grid-row-gap: 9.5rem;
  }

.sessions-new .sessions-new-main .section .section-title {
        font-size: 13px;
        line-height: 27px;
        font-family: 'YsansSpeDemi', San Francisco, Corbel, Verdana, sans-serif;
        padding-top: 6px;
        border-top-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgba(229, 229, 229, var(--tw-border-opacity, 1));
        margin-bottom: 16px;
      }

.sessions-new .sessions-new-main .section.login {
        grid-area: 1 / 1 / 2 / 4;
      }

@media (min-width: 1025px) {

.sessions-new .sessions-new-main .section.login {
          grid-area: 1 / 1 / 1 / 2
      }
        }

.sessions-new .sessions-new-main .section.register {
        grid-area: 2 / 1 / 3 / 4;
      }

@media (min-width: 1025px) {

.sessions-new .sessions-new-main .section.register {
          grid-area: 1 / 2 / 2 / 4
      }

.sessions-new .sessions-new-main .section.register form {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start
        }

            .sessions-new .sessions-new-main .section.register form fieldset {
              flex: 1 1;
              width: 50%;
              margin-right: 40px;
            }

              .sessions-new .sessions-new-main .section.register form fieldset:last-of-type {
                margin-right: 0;
              }
        }

.sessions-new .sessions-new-main .notes{
  --tw-text-opacity: 1;
  color: rgba(115, 115, 115, var(--tw-text-opacity, 1));
}

@media (min-width: 525px) {

.sessions-new .sessions-new-main .notes {
        width: 100%
    }
      }

.sessions-new .sessions-new-main .notes .newsletter label {
        line-height: 27px;
      }

.sessions-new .sessions-new-main .notes .confirmation {
        line-height: 20px;
      }

.hover\:cursor-pointer:hover{
  cursor: pointer;
}

.hover\:bg-black\/100:hover{
  background-color: rgb(0, 0, 0);
}

.hover\:bg-grey-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(115, 115, 115, var(--tw-bg-opacity, 1));
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
}

.focus\:ring-white:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity, 1));
}

.peer:checked ~ .peer-checked\:text-red{
  --tw-text-opacity: 1;
  color: rgba(201, 58, 51, var(--tw-text-opacity, 1));
}

@media (min-width: 525px){

  .tablet-portrait\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tablet-portrait\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}

@media (min-width: 769px){

  .tablet\:left-auto{
    left: auto;
  }

  .tablet\:order-3{
    order: 3;
  }

  .tablet\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .tablet\:-mr-2{
    margin-right: -0.5rem;
  }

  .tablet\:mb-10{
    margin-bottom: 2.5rem;
  }

  .tablet\:mb-32{
    margin-bottom: 8rem;
  }

  .tablet\:mb-40{
    margin-bottom: 10rem;
  }

  .tablet\:ml-3{
    margin-left: 0.75rem;
  }

  .tablet\:mr-16{
    margin-right: 4rem;
  }

  .tablet\:mr-8{
    margin-right: 2rem;
  }

  .tablet\:mt-0{
    margin-top: 0px;
  }

  .tablet\:mt-16{
    margin-top: 4rem;
  }

  .tablet\:mt-28{
    margin-top: 7rem;
  }

  .tablet\:mt-40{
    margin-top: 10rem;
  }

  .tablet\:block{
    display: block;
  }

  .tablet\:inline-block{
    display: inline-block;
  }

  .tablet\:flex{
    display: flex;
  }

  .tablet\:inline-flex{
    display: inline-flex;
  }

  .tablet\:list-item{
    display: list-item;
  }

  .tablet\:hidden{
    display: none;
  }

  .tablet\:w-4\/12{
    width: 33.333333%;
  }

  .tablet\:w-8\/12{
    width: 66.666667%;
  }

  .tablet\:max-w-xl{
    max-width: 36rem;
  }

  .tablet\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tablet\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tablet\:items-start{
    align-items: flex-start;
  }

  .tablet\:justify-between{
    justify-content: space-between;
  }

  .tablet\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .tablet\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .tablet\:pr-4{
    padding-right: 1rem;
  }

  .tablet\:pt-4{
    padding-top: 1rem;
  }

  .tablet\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

@media (min-width: 1025px){

  .desktop\:order-2{
    order: 2;
  }

  .desktop\:order-none{
    order: 0;
  }

  .desktop\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .desktop\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .desktop\:-mt-10{
    margin-top: -2.5rem;
  }

  .desktop\:mb-0{
    margin-bottom: 0px;
  }

  .desktop\:mb-16{
    margin-bottom: 4rem;
  }

  .desktop\:mb-40{
    margin-bottom: 10rem;
  }

  .desktop\:mb-72{
    margin-bottom: 18rem;
  }

  .desktop\:mb-8{
    margin-bottom: 2rem;
  }

  .desktop\:ml-1{
    margin-left: 0.25rem;
  }

  .desktop\:ml-8{
    margin-left: 2rem;
  }

  .desktop\:mr-16{
    margin-right: 4rem;
  }

  .desktop\:mr-8{
    margin-right: 2rem;
  }

  .desktop\:mt-24{
    margin-top: 6rem;
  }

  .desktop\:mt-28{
    margin-top: 7rem;
  }

  .desktop\:mt-32{
    margin-top: 8rem;
  }

  .desktop\:mt-40{
    margin-top: 10rem;
  }

  .desktop\:block{
    display: block;
  }

  .desktop\:flex{
    display: flex;
  }

  .desktop\:list-item{
    display: list-item;
  }

  .desktop\:hidden{
    display: none;
  }

  .desktop\:w-4\/6{
    width: 66.666667%;
  }

  .desktop\:flex-1{
    flex: 1 1 0%;
  }

  .desktop\:flex-none{
    flex: none;
  }

  .desktop\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .desktop\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .desktop\:flex-row{
    flex-direction: row;
  }

  .desktop\:flex-col{
    flex-direction: column;
  }

  .desktop\:flex-wrap{
    flex-wrap: wrap;
  }

  .desktop\:items-start{
    align-items: flex-start;
  }

  .desktop\:items-end{
    align-items: flex-end;
  }

  .desktop\:items-center{
    align-items: center;
  }

  .desktop\:items-baseline{
    align-items: baseline;
  }

  .desktop\:justify-between{
    justify-content: space-between;
  }

  .desktop\:gap-12{
    gap: 3rem;
  }

  .desktop\:gap-x-12{
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .desktop\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .desktop\:text-\[18px\]{
    font-size: 18px;
  }
}