@charset "UTF-8";
/*

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

a img {
  border: 0; }

blockquote, q {
  quotes: none; }

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

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

input[type="submit"]::-moz-focus-inner {
  border: none; }

input[type="button"]::-moz-focus-inner {
  border: none; }

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

input:focus, textarea:focus, input, textarea {
  background: transparent; }

select {
  border-radius: 0; }

input[type="text"], input[type="password"], input[type="email"], textarea, button {
  -webkit-appearance: none;
  border-radius: 0; }

html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none; }

/* Clearfix */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

@media (hover: hover) {
  .sub_nav_link_container a:hover {
    color: #111; }
    .sub_nav_link_container a:hover.selected {
      color: #EE1F25; }
  .sub_nav_link_container a.selected {
    color: #EE1F25; } }

.info_section_content .width_6 img {
  width: 100%;
  margin-bottom: 2em; }
  .info_section_content .width_6 img:not(.mobile_only) {
    display: block; }

#main_nav_list #info_desktop_nav .subnav {
  line-height: 1; }

#info_desktop_nav .subnav {
  padding: 1.454rem; }
  #info_desktop_nav .subnav ul {
    display: flex;
    flex-direction: column;
    width: 39.4rem;
    margin-left: auto; }

@media (max-width: 1300px) {
  #info_desktop_nav .subnav ul {
    width: 41.5rem; } }

@media (max-width: 1200px) {
  #info_desktop_nav .subnav ul {
    width: 44.1rem; } }

.collection_link, #info_desktop_nav .subnav ul li {
  line-height: 1;
  padding-top: 0.727rem;
  padding-bottom: 0.727rem;
  display: block;
  clear: both;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-bottom: -1px;
  color: #999; }
  .collection_link a, #info_desktop_nav .subnav ul li a {
    display: block;
    color: #999; }

#info_desktop_nav .subnav ul li {
  background: #fff; }

.text_section_sub_nav,
.text_section_content {
  vertical-align: top;
  margin-top: 12.634rem;
  line-height: 1.454; }

.text_section_sub_nav {
  z-index: 5;
  box-sizing: border-box;
  position: relative;
  margin-right: calc(1.57rem + 8.33%); }

.sub_nav_heading {
  padding-left: calc(0.36rem + 25%);
  margin-bottom: 5.09rem; }

.sub_nav {
  padding-bottom: 1.454rem;
  border-bottom: 1px solid #a9a9a9; }
  .sub_nav.info_subnav, .sub_nav.about_sub_nav {
    padding-bottom: 0;
    border-bottom: none; }
  .sub_nav.about_sub_nav .section_heading {
    margin-top: 1.454rem;
    padding-left: calc(0.36rem + 25%); }

.info_section {
  margin-bottom: 0.727rem; }
  .info_section h2.section_heading {
    color: #a9a9a9;
    padding-left: calc(0.36rem + 25%);
    margin-bottom: 0.727rem; }
  .info_section a {
    color: #999; }

.sub_nav_link_container {
  font-variant-numeric: tabular-nums;
  display: block;
  padding-left: calc(0.36rem + 25%);
  line-height: 1.454; }
  .sub_nav_link_container.overline_black {
    margin-top: 1.454rem; }
  .sub_nav_link_container h2,
  .sub_nav_link_container a {
    color: #999; }

.sub_nav_link_number {
  position: absolute;
  left: 0; }

.text_section_content {
  box-sizing: border-box;
  margin-bottom: 5.09rem; }
  .text_section_content.legal_section {
    border-top: none; }
  .text_section_content .largest_type {
    margin-bottom: 2.181rem; }
  .text_section_content p {
    text-indent: 2.909rem; }
  .text_section_content p:nth-child(1) {
    text-indent: 0; }

.legal_pdf {
  position: relative;
  color: #999;
  margin-top: 0.727rem; }

.text_section_content.legal_section {
  padding-top: 0; }

.legal_section {
  position: relative;
  padding-top: 0; }
  .legal_section a {
    color: #999; }
  .legal_section h2 {
    position: relative;
    margin-bottom: 2.181rem; }
  .legal_section .text_section_number {
    position: relative;
    margin-right: 0.3em; }
  .legal_section.top {
    min-height: 11.5rem; }
  .legal_section.break {
    position: relative;
    border-top: 0;
    margin-top: 2.908rem;
    padding-top: 2.181rem; }
    .legal_section.break:before {
      content: ' ';
      position: absolute;
      top: -1.454rem;
      left: -30%;
      width: 160%;
      height: 2rem;
      background: #fff; }

.legal_subsection {
  position: relative; }

.legal_sub_sub_section {
  position: relative; }
  .legal_sub_sub_section h2 {
    display: block;
    border-top: 1px dotted #a9a9a9;
    padding-top: 0.727rem;
    text-decoration: none;
    margin-bottom: 1em; }

.download {
  padding-left: 1.3rem; }
  .download:after {
    content: ' ';
    top: -0.1rem;
    left: 0;
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-image: url(/assets/download_gray-ea3fc1df38dc2fd6bdb98e17be418fd32b1bd703ddc2cd5054354c8792c33ce3.svg);
    background-size: 1rem 1rem;
    background-position: center;
    background-repeat: no-repeat; }

#cart_middle .legal_section {
  padding-top: 0.52rem; }
  #cart_middle .legal_section .legal_pdf {
    position: relative;
    left: 0;
    top: 0; }
  #cart_middle .legal_section .largest_type {
    font-size: 1rem; }
  #cart_middle .legal_section .legal_subsection h2 {
    position: relative;
    margin-bottom: 1.636rem;
    top: 0;
    padding-left: 0;
    padding-top: 0.727rem; }
    #cart_middle .legal_section .legal_subsection h2:first-child {
      margin-top: calc(-0.727rem - 1px); }

.about_section .norule.text_section {
  padding-top: 0;
  border-top: 0; }

.about_section .text_section {
  border-top: 1px solid #a9a9a9; }

.text_section {
  padding-top: 0.727rem;
  border-top: 1px solid #a9a9a9;
  margin-bottom: 1.454rem; }

.legal_section h2 {
  padding-top: 0.727rem;
  border-top: 1px solid #a9a9a9; }

.text_section img.section_image, .legal_section img.section_image {
  margin-bottom: 1.454rem; }

.text_section img, .legal_section img {
  width: 100%; }
  .text_section img:not(.section_image), .legal_section img:not(.section_image) {
    margin-bottom: 2.909rem; }

.text_section.faq_text_section, .legal_section.faq_text_section {
  margin-bottom: 0; }

.text_section.about_section, .text_section.designer, .text_section.faq_text_section, .legal_section.about_section, .legal_section.designer, .legal_section.faq_text_section {
  margin-bottom: 0;
  padding-bottom: 2.181rem; }
  .text_section.about_section p:nth-child(1), .text_section.designer p:nth-child(1), .text_section.faq_text_section p:nth-child(1), .legal_section.about_section p:nth-child(1), .legal_section.designer p:nth-child(1), .legal_section.faq_text_section p:nth-child(1) {
    text-indent: 0; }
  .text_section.about_section p, .text_section.designer p, .text_section.faq_text_section p, .legal_section.about_section p, .legal_section.designer p, .legal_section.faq_text_section p {
    text-indent: 2.909rem; }

.text_section.designer, .legal_section.designer {
  position: relative; }
  .text_section.designer img, .legal_section.designer img {
    width: 100%;
    margin-bottom: 2.909rem; }

.anchor_element {
  position: absolute;
  top: -12.634rem;
  width: 0; }

.text_links {
  display: block;
  margin-top: -0.727rem; }
  .text_links a {
    display: block;
    color: #999; }

.designer_caption {
  color: #999;
  position: relative;
  top: -2.181rem; }

.designer_image {
  width: 100%;
  display: block;
  margin-top: 1.09rem; }

.text_section_heading {
  position: relative;
  margin-bottom: 2.181rem;
  box-sizing: border-box; }

.text_section_heading#info {
  margin-bottom: 5.09rem;
  padding-bottom: 0;
  box-sizing: border-box; }

.text_section_number {
  position: absolute;
  left: 0; }

.info_two_column {
  display: grid;
  grid-template-columns: 26.1rem auto;
  padding-bottom: 0.727rem; }

#info_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2; }

.info_image_sizer {
  padding-left: calc(0.36rem + 25%); }

.info_image img {
  display: block;
  width: 100%; }

@media (max-width: 1000px) {
  .info_image.cell {
    display: none; }
  .info_section_container .width_6, .text_section_content .width_6 {
    margin-right: 0;
    width: 100%; }
  #info_content {
    position: relative;
    width: 100%; }
  .info_two_column {
    display: block; }
    .info_two_column div:last-child h2 {
      margin-top: 0.727rem; }
  .text_section.about_section, .text_section.designer, .text_section.faq_text_section, .legal_section.about_section, .legal_section.designer, .legal_section.faq_text_section {
    padding-bottom: 0; }
    .text_section.about_section p:nth-child(1), .text_section.designer p:nth-child(1), .text_section.faq_text_section p:nth-child(1), .legal_section.about_section p:nth-child(1), .legal_section.designer p:nth-child(1), .legal_section.faq_text_section p:nth-child(1) {
      text-indent: 0; }
    .text_section.about_section p, .text_section.designer p, .text_section.faq_text_section p, .legal_section.about_section p, .legal_section.designer p, .legal_section.faq_text_section p {
      text-indent: 2.909rem; }
  .text_section_heading#info {
    margin-bottom: 0;
    display: none; }
  .download {
    padding-left: 1.5rem;
    margin-top: 0.5rem;
    display: inline-block; }
    .download:after {
      top: 0.22rem;
      height: 1.3rem;
      width: 1.3rem;
      background-size: 1.1rem 1.1rem; }
  body.about_section, body.faq, body.eula, body.about, body.information_section {
    margin-top: 4.998rem; }
    body.about_section main, body.faq main, body.eula main, body.about main, body.information_section main {
      padding-bottom: 0; }
    body.about_section .text_section_sub_nav, body.about_section .info_section_content, body.about_section .text_section_content, body.faq .text_section_sub_nav, body.faq .info_section_content, body.faq .text_section_content, body.eula .text_section_sub_nav, body.eula .info_section_content, body.eula .text_section_content, body.about .text_section_sub_nav, body.about .info_section_content, body.about .text_section_content, body.information_section .text_section_sub_nav, body.information_section .info_section_content, body.information_section .text_section_content {
      display: block;
      min-width: 100%;
      margin-right: 0; }
  .text_section.designer, .text_section.about_section {
    margin-bottom: 2.909rem; }
  .text_section_content.legal_section {
    width: calc(100% + 3.272rem);
    margin-left: -1.636rem;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0 1.636rem 1.454rem 1.636rem; }
  .legal_section.top {
    min-height: 4.5rem; }
  .text_section_sub_nav .sub_nav {
    display: none; }
  .text_section_sub_nav {
    margin-top: 1.454rem;
    margin-bottom: 1.454rem;
    padding: 0;
    width: 100%;
    position: static;
    margin-right: 0;
    border-top: none; }
    .text_section_sub_nav .overline_black {
      border-top: none; }
    .text_section_sub_nav .sub_nav_heading {
      padding: 0;
      border-bottom: 0;
      margin-bottom: 0;
      font-size: 1.55rem;
      line-height: 1.41; }
      .text_section_sub_nav .sub_nav_heading h1 {
        font-size: 1.55rem;
        line-height: 1.41; }
  .text_section_heading, .legal_section h2 {
    width: 100%;
    margin-bottom: 1em; }
  .text_section_content {
    margin-top: 0;
    width: 100%;
    margin-bottom: 1.454rem; }
  .information_section .text_section_content.legal_section {
    padding: 1.454rem; }
  .text_section_content .largest_type {
    font-size: 1rem;
    margin-bottom: 2.909rem; }
  .text_section .text_section_heading {
    margin-bottom: 0.727rem; }
  .text_section .largest_type {
    font-size: 1rem;
    margin-bottom: 0; }
  .text_section_number,
  .text_section_heading {
    position: static;
    display: inline-block; }
  .text_section_number {
    margin-left: 0; }
  .text_section_heading {
    margin-left: 0; }
  .information_section.about_section .text_section:nth-child(1) {
    padding-top: 0;
    border-top: none; }
  .text_section.designer img,
  .text_section img {
    width: 100%;
    margin-bottom: 0.727rem; }
  .text_section_heading#about {
    display: none; }
  .text_links {
    margin-top: 0.727rem; } }

.limited_dropdown ul {
  overflow: hidden; }

.limited_dropdown.open {
  max-width: none; }
  .limited_dropdown.open ul {
    overflow: auto; }

.limited_dropdown.dropdown:not(.open) li.selected:after {
  z-index: 2; }

.limited_dropdown.dropdown:not(.open) li.selected:before {
  content: ' ';
  background: #ECF6F9;
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: calc(100% - 2px);
  z-index: 1; }

.right_buttons {
  position: absolute;
  top: 0.68rem;
  right: 0;
  display: flex;
  align-items: center; }

.type_tester_toolbar {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  padding: 0;
  border-top: 0.05rem solid #000;
  border-bottom: 0.05rem solid #000;
  background: #fff;
  height: 3rem;
  text-align: left;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
  z-index: 10;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .type_tester_toolbar .dropdown, .type_tester_toolbar .slider {
    margin-top: 0;
    margin-right: 2.081rem; }
  .type_tester_toolbar .slider .track {
    background: #999; }
  .type_tester_toolbar .slider .thumb, .type_tester_toolbar .slider .level {
    background: #111; }
  .type_tester_toolbar button.alignment {
    background-color: transparent;
    color: transparent;
    overflow: hidden;
    padding: 0;
    opacity: 0.4;
    margin: 0 0.2rem;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    .type_tester_toolbar button.alignment:hover {
      color: transparent; }
    .type_tester_toolbar button.alignment.selected {
      opacity: 1; }
    .type_tester_toolbar button.alignment.align_left {
      background-image: url(/assets/tester/Icon_Align_Left-1f26309403ead38789af9a024171df231fc2fb2b25464cd69a0d1e220b8bf521.svg); }
    .type_tester_toolbar button.alignment.align_center {
      background-image: url(/assets/tester/Icon_Align_Center-cdbd91b3e5a522b4b089ca09fd4fc796a9e1ceeabcecfca723b95d3c1133ce35.svg); }
    .type_tester_toolbar button.alignment.align_right {
      background-image: url(/assets/tester/Icon_Align_Right-3b3b4924753404f6687e74f1047af24c7661428211632016a232175012606f9a.svg);
      margin-right: 5.4rem; }
  .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment) {
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 0;
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    opacity: 0.4;
    position: relative;
    top: -0.1rem; }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).selected, .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment):hover {
      opacity: 1;
      background-color: transparent; }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).invert {
      overflow: hidden;
      background-image: url(/assets/tester/Icon_Positive_Negative-63dece4083e0169260225d5e5b615f094ff96a02f5b3aa11e44160a91dd3133b.svg);
      background-size: cover;
      width: 1.3rem;
      margin-left: 0.4rem;
      margin-right: 0.3rem;
      color: transparent;
      opacity: 1; }
      .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).invert:active {
        color: transparent; }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).reset {
      background-image: url(/assets/tester/Icon_Refresh-3c375171e03efdc396dfa9abab2038ef3671aa80fe748cd3fff84458769ae907.svg);
      width: 1.3rem;
      opacity: 1; }
      .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).reset:active {
        color: transparent; }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).tester_add_to_cart {
      background-image: url(/assets/cart-d2f4bcdd072d5511cd0b68a7195b58b5e754e4bbc439c087edab6ee9cd7b16f1.svg);
      background-size: 1.1rem;
      opacity: 1; }
      .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).tester_add_to_cart.in_cart {
        background-image: url(/assets/in_cart-3f64f64d9be1e7f358a3807ab7a93504fa5911b27eebc855672cb7cebd1cb4d1.svg); }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).wght {
      background-image: url(/assets/tester/Icon_Weight_Axis-1ad1375acb2183fc7733a5bda69e41e79e11e8da89fe25f194a84a5619c9b5d3.svg); }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).wdth {
      background-image: url(/assets/tester/Icon_Width_Axis-a7160e5da5b421784b86149aca7cb9bfbc6dec91bad8ceb0ce77da4911952e61.svg); }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).ital {
      background-image: url(/assets/tester/Icon_Italic_Axis-710f2f63cf974980949feb556318e2276a2fd5b793851f9cad59ef83f4b272b2.svg); }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).CONT {
      background-image: url(/assets/tester/Icon_Contrast-7926016aea1fbda7bda09f1ea4a74e7ca34d183edb01afc4d62009a9f6dbb78b.svg); }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).cont {
      background-image: url(/assets/tester/Icon_Contrast-7926016aea1fbda7bda09f1ea4a74e7ca34d183edb01afc4d62009a9f6dbb78b.svg); }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).slnt {
      background-image: url(/assets/tester/Icon_Glyph_Rotation_Axis-e3dfb5fae75e9f4b0d3213fd434dc7b55360a7675c931e5ad5b81851d7165387.svg); }
    .type_tester_toolbar button:not(.checkout_button):not(.mobile_button):not(.alignment).opsz {
      background-image: url(/assets/tester/Icon_Optical_size_Axis-a83257743bd21eea647d2e1c524b152ab248675d5274df8a3a87131cbac2f29e.svg); }

.type_tester:not(.variable_style) .variable_slider {
  display: none; }

.variable_slider:not(.active) {
  display: none; }

.toolbar_left {
  display: flex;
  align-items: center;
  height: 3rem; }
  .toolbar_left button {
    margin-right: 1.09rem; }
  .toolbar_left .dropdown.open {
    position: relative; }

.toolbar_right {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 3rem; }

.collection_anchor {
  position: absolute;
  top: calc(-12.362rem - 1px); }

#type_it_content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  margin-left: -2.181rem;
  margin-right: -2.181rem;
  margin-top: -2.181rem;
  margin-bottom: 0.9rem;
  background-color: #fff; }
  #type_it_content .collection_anchor {
    top: calc(-10.181rem + 0.5px); }
  #type_it_content.dark_mode .type_tester {
    filter: invert(1); }
    #type_it_content.dark_mode .type_tester.inverted {
      filter: invert(0); }

.type_tester {
  font-feature-settings: "liga" 0, "clig" 0, "calt" 0;
  grid-column: span 2;
  padding: 2.181rem;
  background-color: #fff;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center; }
  .type_tester.half {
    grid-column: span 1; }
    .type_tester.half .toolbar_right {
      min-width: 100%;
      border-bottom: 0.05rem solid #000;
      align-self: flex-start;
      justify-content: flex-start; }
    .type_tester.half .align_left {
      margin-left: auto; }
    .type_tester.half .type_tester_toolbar button.alignment.align_right {
      margin-right: 0; }
    .type_tester.half .type_tester_input {
      padding-top: 6.816rem; }
    .type_tester.half.even {
      padding-right: 1.0905rem; }
    .type_tester.half.odd {
      padding-left: 1.0905rem; }
  .type_tester.inverted {
    filter: invert(1); }

.type_tester_input {
  padding: 3.0534rem 0 0 0;
  outline: none;
  column-gap: 2%;
  word-wrap: normal;
  overflow: hidden; }

@supports (-ms-ime-align: auto) {
  .type_tester_input {
    word-break: break-all; } }

.italic_icon {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  z-index: 1000;
  width: 0;
  height: 0;
  letter-spacing: normal !important;
  white-space: nowrap;
  font-size: 1rem !important;
  line-height: 1rem;
  font-family: 'Plain Interface' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: #111;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  transform: translate(-1.505rem, -3.99rem); }
  .italic_icon span {
    position: absolute;
    top: 0.945rem;
    left: 0;
    text-align: center;
    width: 4.965159206rem;
    z-index: 3;
    pointer-events: none; }
  .italic_icon:before, .italic_icon:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 4.965159206rem;
    height: 3.5rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
  .italic_icon:before {
    z-index: 1;
    background-image: url(/assets/italic_shadow-9f177f8d1a7cc01553185723c86500a08890c7a15255e640b470dd2529098681.svg);
    transform: scale(1.1);
    transform-origin: 45% 50%;
    filter: blur(0.3rem);
    opacity: 0.3; }
  .italic_icon:after {
    z-index: 2;
    background-image: url(/assets/italic-3a20c1b55f6e5c909a46214f1d3a0cb0e224aab8397fe496525a2e6a75eb2b55.svg); }

.mobile_toggle {
  display: none; }

@media (max-width: 1000px) {
  #type_it_content {
    margin-left: -1.636rem;
    margin-right: -1.636rem;
    margin-top: 0; }
  .toolbar_right {
    display: none; }
  .type_tester {
    margin-top: 0;
    padding: 0 1.636rem 1.636rem 1.636rem; }
    .type_tester .slider {
      display: none; }
    .type_tester .toolbar_left, .type_tester .toolbar_right {
      min-width: 100%;
      justify-content: flex-start; }
    .type_tester.half.odd, .type_tester.half.even {
      padding: 0 1.636rem 1.636rem 1.636rem; }
    .type_tester.half .type_tester_input, .type_tester .type_tester_input {
      padding: 1.636rem 0 0 0; }
  .dropdown.desktop_only {
    display: none; }
  .toolbar_left {
    flex-wrap: wrap; }
  .toolbar_right {
    margin-bottom: -1px; }
    .toolbar_right .slider, .toolbar_right .slider_toggle, .toolbar_right .alignment, .toolbar_right .reset, .toolbar_right .tester_add_to_cart {
      display: none; }
  .type_tester_input {
    font-size: 50%;
    padding: 1.636rem 0;
    column-count: 1 !important; }
  .mobile_toggle {
    display: block;
    position: absolute;
    top: 0.727rem;
    left: 0.727rem;
    right: 0.727rem; }
    .mobile_toggle:before {
      content: 'Settings'; }
  .toolbar_left_sliders {
    display: flex;
    flex-grow: 1; }
    .toolbar_left_sliders .slider {
      flex-grow: 1;
      max-width: 10rem; }
  .type_tester_toolbar {
    height: auto;
    flex-wrap: wrap; }
    .type_tester_toolbar .dropdown {
      margin-top: 0;
      position: relative;
      margin-right: 0; }
      .type_tester_toolbar .dropdown.open {
        top: 0; }
    .type_tester_toolbar .limited_dropdown {
      max-width: none; }
  button:not(.checkout_button):not(.mobile_button):not(.alignment).invert {
    height: 1.9rem !important;
    width: 1.5rem !important; }
  .slider {
    width: auto;
    margin-bottom: 0;
    margin-right: 0.6rem !important;
    margin-left: 0.4rem !important;
    height: 1rem !important;
    line-height: 1rem !important;
    flex-grow: 1; }
    .slider .label {
      width: calc(100% - 17rem); }
    .slider .track {
      margin-left: 0;
      width: 100%; }
    .slider .thumb {
      width: 1rem;
      height: 1rem;
      border-radius: 1rem; }
  body:not(.collections) .dropdown li.selected:after {
    right: 0.75rem !important;
    top: 0.85rem !important; } }

#related_collections {
  margin-top: 2.909rem; }
  #related_collections > h2 {
    margin: 2.181rem 0 1.09rem 0;
    color: #999; }
  #related_collections #featured_collections li {
    aspect-ratio: 1.78;
    height: auto;
    overflow: hidden; }
  #related_collections #featured_collections h2 {
    top: 1.09rem;
    left: 1.09rem; }
  #related_collections #featured_collections .purchase_options {
    bottom: 1.09rem;
    right: 1.09rem; }
  #related_collections #featured_collections .learn_more {
    font-size: 1rem;
    bottom: 1.09rem;
    left: 1.09rem; }
  #related_collections #featured_collections .featured_style.variable {
    font-size: 5vw; }

body.right_to_left .otf_feature_panel_left, body.right_to_left .otf_feature_panel_right, body.right_to_left .type_tester_input {
  direction: rtl; }

.variable_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.collection_top_row {
  margin-top: 2.909rem;
  margin-bottom: 12.363rem; }

.collection_aside {
  width: calc(-1.1rem + 25%);
  margin-right: 1.454rem; }

#features_aside {
  z-index: 10;
  position: sticky;
  position: -webkit-sticky;
  top: 7.543rem; }

#typeface_nav {
  display: flex;
  justify-content: center;
  padding: 2.181rem 0;
  box-sizing: border-box;
  height: 7rem;
  position: sticky;
  top: calc(5.362rem - 1px);
  z-index: 50;
  margin-left: -2.181rem;
  margin-right: -2.181rem;
  margin-bottom: 2.181rem;
  pointer-events: none; }
  #typeface_nav a {
    margin: 0 0.227rem;
    pointer-events: auto; }
  #typeface_nav a:not(:hover) {
    background-color: #A6A6A6;
    color: #fff; }

#collection_description {
  margin-left: calc(0.24rem + 16.66%);
  width: calc(-0.73rem + 50%);
  font-size: 1.55rem;
  line-height: 1.41; }
  #collection_description p {
    text-indent: 2.545rem;
    margin-bottom: 0; }
    #collection_description p:nth-child(1) {
      text-indent: 0; }
  #collection_description a {
    color: #999; }

#collection_description_container {
  margin-top: 2.909rem;
  position: relative; }
  #collection_description_container .aside_container .collection_row.collection_feature_menu {
    padding-top: 0.8rem;
    margin-bottom: 0.6rem; }

.aside_container.open .aside_content.character_set {
  display: flex; }

.character_set a {
  align-self: flex-end;
  color: #999; }

.character_set ul {
  width: 13.454rem;
  min-width: 13.454rem;
  padding-right: 1.09rem;
  box-sizing: border-box; }

.character_set li {
  padding-left: 0.5rem;
  position: relative; }
  .character_set li:after {
    content: '';
    position: absolute;
    top: 0.5rem;
    left: 0;
    width: 0.2rem;
    height: 0.2rem;
    background: #000; }

#collection_article_link {
  margin-top: 2.909rem;
  display: inline-block;
  font-size: 1rem; }

.collection_feature_label {
  line-height: 1.55; }

.collection_selectors {
  display: none;
  margin-top: 0.727rem;
  padding-top: 0.727rem; }
  .collection_selectors:after {
    content: ' ';
    position: absolute;
    border-top: 1px dotted #a9a9a9;
    width: calc(100% - 0.908rem);
    right: 0.454rem;
    top: 2.454rem; }

.gray_wrapper {
  background-color: #f2f2f2;
  padding-bottom: 0.454rem;
  margin-bottom: 0.727rem; }
  .gray_wrapper h2.collection_row {
    padding-left: 0.454rem;
    padding-bottom: 1.454rem; }
  .gray_wrapper .aside_container, .gray_wrapper h2.collection_row, .gray_wrapper.feature_selectors .collection_feature_menu {
    position: relative; }
    .gray_wrapper .aside_container.open:after, .gray_wrapper h2.collection_row.open:after, .gray_wrapper.feature_selectors .collection_feature_menu.open:after {
      bottom: 0; }
    .gray_wrapper .aside_container:after, .gray_wrapper h2.collection_row:after, .gray_wrapper.feature_selectors .collection_feature_menu:after {
      content: ' ';
      position: absolute;
      bottom: -0.727rem;
      left: 0.454rem;
      right: 0.454rem;
      border-top: 1px solid #a9a9a9; }
    .gray_wrapper .aside_container:last-child:after, .gray_wrapper h2.collection_row:last-child:after, .gray_wrapper.feature_selectors .collection_feature_menu:last-child:after {
      display: none; }

.collection_feature_selector {
  margin-left: -12.364rem;
  padding-left: 12.364rem; }

#collection_designer_link {
  color: #999; }
  #collection_designer_link:hover {
    color: #111; }

.collection_row {
  margin-bottom: 0.727rem;
  padding-top: 0.727rem;
  box-sizing: border-box; }
  .collection_row.background {
    background-color: #f2f2f2; }
  .collection_row.collection_feature_menu {
    display: flex;
    align-items: baseline;
    position: relative;
    cursor: default; }
    .collection_row.collection_feature_menu.selected .collection_feature_selector, .collection_row.collection_feature_menu:hover .collection_feature_selector {
      color: #111; }
    .collection_row.collection_feature_menu.selected .collection_row_heading:after, .collection_row.collection_feature_menu:hover .collection_row_heading:after {
      background-color: #111;
      border-color: #111; }
    .collection_row.collection_feature_menu:hover .collection_feature_label {
      color: #111; }
    .collection_row.collection_feature_menu.selected .collection_selectors {
      display: block; }
    .collection_row.collection_feature_menu .collection_row_heading:after {
      content: '';
      position: absolute;
      top: 0.75rem;
      left: 0.727rem;
      width: 0.6rem;
      height: 0.6rem;
      border-radius: 50%;
      border: 1px solid #a9a9a9;
      transition: transform 0.2s ease; }
    .collection_row.collection_feature_menu.aside_toggle .collection_row_heading {
      width: 12.364rem;
      padding-left: 1.954rem; }
      .collection_row.collection_feature_menu.aside_toggle .collection_row_heading:after {
        background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg);
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        width: 0.9rem;
        height: 0.9rem;
        border: 0;
        border-radius: 0;
        margin-left: 0.5rem;
        left: 0.2rem; }
    .collection_row.collection_feature_menu.aside_toggle.selected .collection_row_heading:after, .collection_row.collection_feature_menu.aside_toggle:hover .collection_row_heading:after {
      background-color: transparent; }

.language_set {
  border-bottom: 1px dotted #a9a9a9;
  padding-bottom: 0.727rem;
  margin-bottom: 0.727rem; }
  .language_set:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.aside_container.open .aside_content {
  margin-bottom: 0.727rem; }

.aside_content {
  display: none; }
  .aside_content:not(.specimens) {
    box-sizing: border-box;
    line-height: 1.55; }
  .aside_content.top_toggle {
    border-top: 1px dotted #a9a9a9;
    padding-top: 0.727rem; }
    .aside_content.top_toggle h2 {
      margin-bottom: 0.727rem; }
  .aside_content.specimens a {
    display: inline-block;
    margin-top: 0.727rem; }

.specimens {
  position: relative; }
  .specimens a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    margin-bottom: 0.727rem; }
    .specimens a.current {
      display: block;
      position: relative; }

#specimen_nav {
  display: flex;
  align-items: center; }

#previous_specimen, #next_specimen {
  border-radius: 0;
  width: 1rem;
  height: 1rem;
  padding: 0;
  margin: 0;
  overflow: hidden;
  color: transparent;
  background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle; }

#previous_specimen {
  transform: rotate(90deg); }

#next_specimen {
  transform: rotate(-90deg); }

#specimen_count {
  margin: 0 0.5rem;
  display: inline-block;
  vertical-align: middle;
  color: #111;
  height: 1rem;
  line-height: 1.2rem; }

.when_open {
  display: none; }

.collection_aside.collection_top_row .aside_toggle h2.collection_row_heading {
  padding-left: 0; }
  .collection_aside.collection_top_row .aside_toggle h2.collection_row_heading:after {
    margin-left: 0;
    left: auto;
    top: 0.85rem;
    right: 0;
    background-color: transparent;
    background-image: url(/assets/toggle-d4227d53158baee5032d81e5a52d4b379d35ca71d4a66957831f14de5ed11bcc.svg);
    width: 0.9rem;
    height: 0.9rem;
    transform: rotate(0deg); }

.collection_aside.collection_top_row .aside_container.open .aside_toggle h2.collection_row_heading:after {
  transform: rotate(45deg); }

.aside_container.collection_families .collection_row.collection_feature_menu.aside_toggle .collection_row_heading {
  color: #999; }
  .aside_container.collection_families .collection_row.collection_feature_menu.aside_toggle .collection_row_heading:after {
    background-image: url(/assets/selector_gray-d580aad1a17d5f873f90f7b345f1adbce53bb142fba08207c9e955359a93a7c7.svg); }

.aside_container:hover.collection_families .collection_row.collection_feature_menu.aside_toggle .collection_row_heading {
  color: #111; }
  .aside_container:hover.collection_families .collection_row.collection_feature_menu.aside_toggle .collection_row_heading:after {
    background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg); }

.aside_container.open .when_open {
  display: block; }

.aside_container.open .when_closed {
  display: none; }

.aside_container.open .aside_content {
  display: block; }
  .aside_container.open .aside_content.inlineblock {
    display: inline-block; }

.aside_container.open.collection_families .collection_row.collection_feature_menu.aside_toggle .collection_row_heading {
  color: #111; }
  .aside_container.open.collection_families .collection_row.collection_feature_menu.aside_toggle .collection_row_heading:after {
    background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg); }

.aside_container.open .collection_row_heading:after {
  background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg);
  transform: rotate(180deg); }

.collection_row_heading {
  box-sizing: border-box;
  width: 12.364rem;
  margin-right: 1.09rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.collection_row_content {
  width: calc(100% - 13.454rem);
  line-height: 1.3em;
  margin-top: -0.15em; }
  .collection_row_content.aside_content {
    margin-left: 13.454rem;
    padding-bottom: 0.727rem; }
  .collection_row_content img {
    width: 100%;
    display: block;
    margin: 0.2rem 0 0 0; }

.variable_fonts .collection_row.collection_feature_menu .collection_row_heading:after {
  display: none; }

.variable_fonts .collection_row_heading {
  padding-left: 0.454rem;
  color: #999; }

.variable_fonts .collection_row:not(h2) {
  margin-bottom: 0; }

.variable_fonts .collection_row_content.aside_content {
  margin-left: 0;
  width: 100%; }

.gray_wrapper.variable_fonts {
  margin-bottom: 8rem; }

#features_aside .info {
  position: absolute;
  right: 0.454rem;
  top: 100%;
  box-sizing: border-box;
  margin-top: -7.5rem; }
  #features_aside .info.open {
    margin-top: 1rem;
    width: 100%; }
    #features_aside .info.open img {
      display: none; }

#features_aside .info_text {
  right: -0.45rem;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  top: -8rem; }

#features_aside h2.collection_row_heading {
  padding-left: 0.727rem; }

#features_aside .aside_toggle h2.collection_row_heading {
  padding-left: 1.9rem; }

#collection_family_overview {
  position: relative;
  margin-bottom: 2.909rem; }

.family_overview_content_container {
  padding-top: 1.636rem;
  padding-bottom: 1.636rem; }

.family_overview {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 0; }
  .family_overview:not(.variable) {
    overflow: hidden; }
  .family_overview.index_0 {
    margin-left: 0; }
  .family_overview h2 {
    width: 100%;
    box-sizing: border-box;
    line-height: 1.454;
    border-bottom: 1px solid #a9a9a9;
    padding-bottom: 0.727rem; }

.family_overview_content_container {
  width: 100%; }

.single_column .family_style {
  width: 100%; }

.family_style {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  line-height: 1.17;
  width: calc(-0.73rem + 50%);
  padding-right: 1.454rem;
  box-sizing: border-box;
  position: relative; }

.collection_families .collection_row_heading {
  line-height: 1.17; }

#otf_features, #character_maps {
  position: relative; }
  #otf_features .collection_feature, #character_maps .collection_feature {
    margin: calc(2.181rem + 3px) 0 7.272rem 0; }
  #otf_features .style_selector_container, #character_maps .style_selector_container {
    background: #fff;
    height: calc(2.181rem + 4px); }

.aside_style_row {
  position: relative; }

.style_selector.in_cart {
  color: #00AE10; }

button.cart_button.unstyled:not(.checkout_button):not(.mobile_button):hover ~ .style_selector {
  color: #111 !important; }

button.cart_button.unstyled:not(.checkout_button):not(.mobile_button).sidebar_remove_from_cart:hover ~ .style_selector {
  color: #EE1F25 !important; }

button.cart_button.unstyled:not(.checkout_button):not(.mobile_button) {
  width: 1rem;
  height: 1rem;
  position: absolute;
  color: transparent;
  right: 0.454rem;
  top: 0.1rem;
  white-space: nowrap; }
  button.cart_button.unstyled:not(.checkout_button):not(.mobile_button):after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/add_to_cart-b2ed1ea0cda087397132fdca25999c0725b4f77ebf6b381ee0961b2a8a22f22d.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
  button.cart_button.unstyled:not(.checkout_button):not(.mobile_button).disabled:after, button.cart_button.unstyled:not(.checkout_button):not(.mobile_button).disabled:hover:after {
    background-image: url(/assets/cart_disabled-742885fa8a0dd4c9b854538ee7e5dc7cc8c480d60dd011a646fb7e434a9c903d.svg) !important; }
  button.cart_button.unstyled:not(.checkout_button):not(.mobile_button):hover:after {
    background-image: url(/assets/add_to_cart_active-68311e69b8139d8554ce05175df7b2f739f6e2e3343b95daf1469385b6f3a4c7.svg) !important; }
  button.cart_button.unstyled:not(.checkout_button):not(.mobile_button):hover:before {
    content: 'Add to cart';
    position: absolute;
    top: -0.6rem;
    right: 1.5rem;
    background: #00AE10;
    color: #fff;
    line-height: 2.454rem;
    height: 2.454rem;
    padding: 0 0.727rem;
    border-radius: 0.54525rem; }

button.cart_button.unstyled:not(.checkout_button):not(.mobile_button).sidebar_remove_from_cart:after {
  background-image: url(/assets/in_cart-3f64f64d9be1e7f358a3807ab7a93504fa5911b27eebc855672cb7cebd1cb4d1.svg); }

button.cart_button.unstyled:not(.checkout_button):not(.mobile_button).sidebar_remove_from_cart:disabled:hover:after {
  background-image: url(/assets/in_cart-3f64f64d9be1e7f358a3807ab7a93504fa5911b27eebc855672cb7cebd1cb4d1.svg); }

button.cart_button.unstyled:not(.checkout_button):not(.mobile_button).sidebar_remove_from_cart:disabled:hover:before {
  content: '';
  display: none; }

button.cart_button.unstyled:not(.checkout_button):not(.mobile_button).sidebar_remove_from_cart:hover:after {
  background-image: url(/assets/remove_from_cart-1cfbf673e79e622236337ddd9dcf8bf8e1e3bc3a7c56e6b8017bc35e92b5cd7b.svg) !important; }

button.cart_button.unstyled:not(.checkout_button):not(.mobile_button).sidebar_remove_from_cart:hover:before {
  display: none; }

.style_selector_container .dropdown {
  position: absolute;
  margin: 0.727rem 0 0 0;
  margin-left: -0.727rem; }

.style_selector_container .dropdown {
  font-family: 'Plain Interface', Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

.style_selector_container li {
  position: relative; }

.otf_name {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .otf_name:after {
    content: ' ';
    position: absolute;
    right: -2.8rem;
    top: -0.12rem;
    width: 2.1rem;
    height: 1.3rem;
    background-image: url(/assets/toggle_on-11e57c7e9d10119832a075a4b50987f9703615edee622708ea77efb572557a19.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }

.otf_feature.off .otf_name:after {
  background-image: url(/assets/toggle_off-691a9bf94987dfc4065172ae480980d92386611b881b22d7a5a2a405b224d645.svg); }

.otf_toolbar {
  font-family: 'Plain Interface', Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

.heading_and_selector {
  display: flex; }

#character_maps .heading_and_selector_left h2 {
  margin: 0; }

.heading_and_selector_left {
  width: 50%;
  max-width: 50%;
  display: flex;
  justify-content: space-between;
  position: relative; }
  .heading_and_selector_left .dropdown {
    left: auto;
    right: 0;
    top: -0.727rem;
    margin: 0; }
  .heading_and_selector_left h2 {
    font-family: 'Plain Interface', Arial, sans-serif;
    font-weight: normal;
    font-style: normal; }

#character_maps {
  position: relative; }
  #character_maps .character_block {
    border-left: 1px solid #a9a9a9; }
  #character_maps h2 {
    font-family: 'Plain Interface', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 1.454rem;
    margin-top: 1.454rem; }

.character_block_container.hidden {
  display: none; }

.character_block_selector, .otf_feature_selector, .style_selector {
  cursor: default; }
  .character_block_selector.selected, .character_block_selector:hover, .otf_feature_selector.selected, .otf_feature_selector:hover, .style_selector.selected, .style_selector:hover {
    color: #111; }
  .character_block_selector.disabled, .otf_feature_selector.disabled, .style_selector.disabled {
    opacity: 0.5;
    pointer-events: none; }

.character_block {
  display: grid;
  grid-template-columns: repeat(26, 1fr); }

.character {
  font-size: 2.8rem;
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #a9a9a9;
  margin-bottom: -1px;
  border-width: 1px 1px 1px 0;
  position: relative;
  z-index: 1; }
  .character:hover {
    z-index: 3;
    cursor: none;
    background: #000;
    border-color: #000; }
    .character:hover .glyph {
      color: #fff; }
    .character:hover .character_zoom {
      display: flex; }
  .character.hidden {
    display: none; }
  .character.align_right .character_zoom {
    left: auto;
    right: 0; }

.character_zoom {
  z-index: 100;
  background: #D9ECF2;
  display: none;
  pointer-events: none;
  position: absolute;
  font-size: 500%;
  box-sizing: border-box;
  top: 100%;
  left: 0; }

.character_pad {
  display: inline-block;
  width: 0;
  height: 0; }

.code_point, .glyph_name {
  position: absolute;
  font-size: 1rem;
  line-height: 1rem;
  font-family: 'Plain Interface', Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  left: 0.727rem;
  padding-right: 1rem;
  text-align: left;
  line-height: 1.2; }

.code_point {
  text-transform: uppercase;
  top: 0.727rem; }

.glyph_name {
  bottom: 0.727rem; }

.code_point_otf {
  color: #EE1F25;
  text-transform: uppercase;
  margin-right: 0.25em; }

.otf_feature {
  position: relative; }

.otf_toolbar {
  position: absolute;
  box-sizing: border-box;
  padding: 0.727rem;
  width: 100%;
  top: 0;
  left: 0; }

.otf_feature_panel {
  display: flex;
  padding: 1.454rem 0;
  background: #f2f2f2;
  font-size: 3rem;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch; }

.otf_feature_panel_left, .otf_feature_panel_right {
  width: 50%;
  box-sizing: border-box;
  padding: 1.454rem 2.908rem 0 2.908rem; }

.otf_feature_panel_left {
  border-right: 1px solid #a9a9a9;
  font-feature-settings: "liga" 0, "clig" 0, "calt" 0; }
  .otf_feature_panel_left span {
    color: #999; }

.otf_feature {
  margin-bottom: 0.727rem; }

.otf_feature.disabled {
  display: none; }

.more_information .more_information_content {
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; }

.more_information.open .more_information_content {
  pointer-events: auto;
  opacity: 1; }

.close_info {
  position: absolute;
  top: 1.454rem;
  right: 1.454rem;
  width: 1rem;
  cursor: pointer; }

.more_information_toggle {
  position: absolute;
  top: 0.727rem;
  right: 0.727rem;
  color: #999;
  cursor: pointer; }

.more_information_content {
  background: #262626;
  color: #e5e5e5;
  padding: 1.454rem;
  width: 26.172rem;
  line-height: 1.41;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 90; }

.more_information_heading {
  margin-bottom: 0.727rem;
  margin-top: 1.454rem; }
  .more_information_heading:first-of-type {
    margin-top: 0; }
  .more_information_heading img {
    margin-right: 0.727rem;
    width: 4rem;
    display: inline-block;
    vertical-align: top; }
  .more_information_heading span {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 6.2rem);
    margin-top: -0.25rem; }

#collection_features {
  min-height: calc(100vh - 15.086rem); }

#character_maps .collection_feature {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(26, 1fr); }

.character {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center; }

.character_zoom {
  width: calc(500% + 5px);
  height: calc(500% + 5px);
  align-items: center;
  justify-content: center; }

@media (max-width: 1300px) {
  .character_zoom {
    font-size: 450%; } }

@media (max-width: 1100px) {
  #related_collections #featured_collections .featured_style.variable {
    font-size: 20vw; }
  #character_maps h2.overline {
    margin-top: 0; }
  .character_block {
    margin-bottom: 2.181rem; }
  .character_zoom {
    font-size: 400%; } }

@media (max-width: 1000px) {
  .family_overview_content_container {
    padding-top: 0;
    padding-bottom: 0; }
  .heading_and_selector.overline {
    border-top: 0; }
  .heading_and_selector_left {
    width: 100%;
    max-width: 100%; }
    .heading_and_selector_left h2 {
      display: none; }
    .heading_and_selector_left .dropdown {
      top: -0.4rem; }
  .more_information {
    display: none; }
  #specimen_count {
    line-height: 1rem; }
  .style_selector_container .dropdown {
    left: -0.727rem;
    right: -0.727rem; }
  .family_overview h2.cell {
    padding-left: 0; }
  .gray_wrapper {
    background-color: #fff; }
    .gray_wrapper .aside_container:after, .gray_wrapper h2.collection_row:after, .gray_wrapper.feature_selectors .collection_feature_menu:after {
      display: none; }
  #character_maps {
    display: none;
    padding-bottom: 0;
    margin-bottom: 0.5rem; }
  #character_maps, #otf_features {
    border-top-color: transparent; }
  #type_it_content, #otf_features {
    display: block !important; }
  .collection_feature_selector {
    white-space: nowrap; }
  html {
    font-size: 18px; }
  #character_maps .heading_and_selector.overline {
    border-top: 0; }
  #character_maps .collection_feature, #otf_features .collection_feature {
    display: block;
    margin: 0;
    margin-top: 1.454rem;
    width: auto;
    border-top: 1px solid #a9a9a9; }
  #character_maps .style_selector_container, #otf_features .style_selector_container {
    width: 100%;
    border-bottom: 1px dotted #a9a9a9;
    box-sizing: border-box;
    z-index: 11; }
    #character_maps .style_selector_container ul, #character_maps .style_selector_container .dropdown_sizer, #otf_features .style_selector_container ul, #otf_features .style_selector_container .dropdown_sizer {
      width: 100% !important; }
  #otf_collection_selectors {
    display: none; }
  #otf_features .style_selector_container {
    margin-top: 0; }
  .aside_container.collection_feature_menu {
    display: none; }
  .collection_row.collection_feature_menu {
    padding-top: 0.9rem; }
    .collection_row.collection_feature_menu .collection_row_heading:after {
      top: 0.93rem;
      margin-left: -0.4rem; }
  .character_block_selector,
  .otf_feature_selector {
    pointer-events: none; }
    .character_block_selector:not(.selected),
    .otf_feature_selector:not(.selected) {
      display: none; }
  .family_style {
    margin-left: -0.4rem;
    padding-left: 0.4rem; }
  .collection_feature_selector {
    margin-left: 0;
    padding-left: 0; }
  .aside_container.collection_families {
    display: none; }
  #features_aside {
    top: 3.362rem;
    height: 2.8rem;
    background-color: #fff;
    z-index: 5; }
  .open_collection_selectors #features_aside .collection_selectors {
    height: 50vh !important;
    padding-bottom: 0.727rem;
    overflow: auto;
    border-color: #d9d9d9; }
    .open_collection_selectors #features_aside .collection_selectors:before {
      display: none; }
    .open_collection_selectors #features_aside .collection_selectors .character_block_selector.selected {
      background: #C7EAFB;
      color: #009AFF; }
  .open_collection_selectors #features_aside .character_block_selector,
  .open_collection_selectors #features_aside .otf_feature_selector {
    display: block;
    pointer-events: auto; }
  #features_aside #character_block_selector_conainer {
    display: none;
    width: calc(100vw - 3.272rem);
    margin-left: -5.5rem; }
  #features_aside .collection_selectors {
    border: 1px solid transparent;
    position: absolute;
    height: 2.8rem;
    box-sizing: border-box;
    border-bottom: 1px dotted #a9a9a9;
    overflow: hidden;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    padding-top: 0.1rem;
    margin-top: 0;
    top: 5.4rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin; }
    #features_aside .collection_selectors .character_block_selector {
      padding: 0.727rem 4.363rem 0.727rem 0.727rem;
      line-height: 1; }
    #features_aside .collection_selectors::-webkit-scrollbar {
      width: 0.3rem;
      background-color: #fff; }
    #features_aside .collection_selectors::-webkit-scrollbar-thumb {
      background-color: #d9d9d9; }
    #features_aside .collection_selectors:before {
      content: '';
      position: absolute;
      top: 0.727rem;
      right: 0.45rem !important;
      background: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg);
      width: 0.9rem;
      height: 0.9rem;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
    #features_aside .collection_selectors:after {
      top: 0;
      z-index: 100; }
  .otf_feature_panel_left {
    display: none; }
  .otf_feature_panel_right {
    padding-left: 1.454rem;
    padding-right: 1.454rem;
    padding-top: 2.181rem;
    word-break: break-word;
    width: 100%; }
  .more_information_content {
    width: 100%;
    box-sizing: border-box; }
  .more_information_toggle {
    color: #e8e8e8; }
    .more_information_toggle:after {
      content: '';
      position: absolute;
      position: absolute;
      top: 0;
      right: 0;
      background-image: url(/assets/info_gray-454be1e5138c9ca11af2edcd4652c273fd124132566de97eb2f8fa279959bb4f.svg);
      width: 1rem;
      height: 1rem;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
  .collection_row_heading {
    margin-right: 0.454rem; }
  .cart_step .collection_row_heading {
    width: 7rem; } }

@media (max-width: 700px) {
  #character_maps .collection_feature {
    width: auto; }
  .character_block {
    grid-template-columns: repeat(6, 1fr); }
  #typeface_nav {
    display: none; }
  .heading_and_selector_left {
    width: 100%;
    max-width: 100%; }
    .heading_and_selector_left h2 {
      display: none; } }

#specimen {
  padding-top: 7.543rem; }

#specimen_header_left {
  position: relative;
  top: 1.454rem; }

.specimen header {
  left: 2.181rem;
  height: 7.543rem;
  width: calc(100% - 4.362rem); }

.specimen #character_maps, .specimen #otf_features {
  padding-top: 0.4rem; }

.specimen .dropdown:not(.open).not_selected li.selected:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnODE1IgogICB3aWR0aD0iODI2LjM2MTM5IgogICBoZWlnaHQ9IjQ2NS42MDM1MiIKICAgdmlld0JveD0iMCAwIDgyNi4zNjEzOSA0NjUuNjAzNTIiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTgyMSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgxOSIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDojYWJhYmFiO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDo4LjkzODU4MjQyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgZD0iTSA1Mi44NzUsMCBBIDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgNTIuNDM1NTUsMC4wMTU2IEggNTEuNjI1IFYgMC4wNDQ5IEEgNTIuODc0Njg3LDUyLjg3NDY4NyAwIDAgMCAwLDUyLjg3NDk3IDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgMTUuNTQ0OTMsOTAuMjc1MzYgbCAtMC4wMjM0LDAuMDIzNCAzNTkuNjQ2NDgsMzU5LjI0NDE0IDAuMDA0LC0wLjAwNCBhIDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgMzcuOTU1MDgsMTYuMDY0NDUgNTIuODc0Njg3LDUyLjg3NDY4NyAwIDAgMCAwLjA1NDcsLTAuMDAyIDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgMC4wNTI3LDAuMDAyIDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgMzcuOTU1MDgsLTE2LjA2NDQ1IGwgMC4wMDQsMC4wMDQgMzU5LjY0NjUyLC0zNTkuMjQ0MTQgLTAuMDI0LC0wLjAyMzQgQSA1Mi44NzQ2ODcsNTIuODc0Njg3IDAgMCAwIDgyNi4zNjEwOSw1Mi44NzQ5NyA1Mi44NzQ2ODcsNTIuODc0Njg3IDAgMCAwIDc3NC43MzYwNCwwLjA0NDkgViAwLjAxNTYgSCA3NzMuOTI1NSBBIDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgNzczLjQ4NjA0LDAgNTIuODc0Njg3LDUyLjg3NDY4NyAwIDAgMCA3NzMuMTczNTQsMC4wMTU2IEggNTcyLjk3MDcxIDI1My4zOTA2MyA1My4xODc1IEEgNTIuODc0Njg3LDUyLjg3NDY4NyAwIDAgMCA1Mi44NzUsMCBaIgogICAgIGlkPSJwYXRoODI1LTAiIC8+Cjwvc3ZnPgo=); }

.specimen footer {
  line-height: 1.454; }

.specimen .otf_feature.off .otf_name:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIKCSBpZD0ic3ZnODcxIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIxLjIgMTIuOCIKCSBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMS4yIDEyLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQUJBQkFCO3N0cm9rZS1taXRlcmxpbWl0Ojc7fQo8L3N0eWxlPgo8c29kaXBvZGk6bmFtZWR2aWV3ICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgYm9yZGVyb3BhY2l0eT0iMSIgZml0LW1hcmdpbi1ib3R0b209IjAiIGZpdC1tYXJnaW4tbGVmdD0iMCIgZml0LW1hcmdpbi1yaWdodD0iMCIgZml0LW1hcmdpbi10b3A9IjAiIGdyaWR0b2xlcmFuY2U9IjEwIiBndWlkZXRvbGVyYW5jZT0iMTAiIGlkPSJuYW1lZHZpZXc4NzMiIGlua3NjYXBlOmJib3gtbm9kZXM9InRydWUiIGlua3NjYXBlOmJib3gtcGF0aHM9ImZhbHNlIiBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc4NzEiIGlua3NjYXBlOmN4PSI5LjQyMjc4NTIiIGlua3NjYXBlOmN5PSIxLjY3MDQ0MzkiIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiBpbmtzY2FwZTpzbmFwLWJib3g9InRydWUiIGlua3NjYXBlOnNuYXAtYmJveC1lZGdlLW1pZHBvaW50cz0idHJ1ZSIgaW5rc2NhcGU6c25hcC1iYm94LW1pZHBvaW50cz0idHJ1ZSIgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTM5MCIgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIiBpbmtzY2FwZTp3aW5kb3cteD0iMCIgaW5rc2NhcGU6d2luZG93LXk9IjI1IiBpbmtzY2FwZTp6b29tPSIzMS4wMzU2MTciIG9iamVjdHRvbGVyYW5jZT0iMTAiIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgc2hvd2dyaWQ9ImZhbHNlIj4KCTwvc29kaXBvZGk6bmFtZWR2aWV3Pgo8ZyBpZD0iZzE2NTkiIHRyYW5zZm9ybT0ibWF0cml4KC0xLDAsMCwxLDIxLjEzMzM0MSwtMS44NDM1NjQ1ZS03KSI+Cgk8cGF0aCBpZD0icmVjdDE0NDYtNCIgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgc29kaXBvZGk6bm9kZXR5cGVzPSJzc3NjY2NzIiBjbGFzcz0ic3QwIiBkPSJNNi4zLDAuNwoJCWMtMy4xLDAtNS42LDIuNS01LjYsNS42UzMuMiwxMiw2LjMsMTJoOC41Yy0zLjEsMC01LjYtMi41LTUuNi01LjZzMi41LTUuNiw1LjYtNS42TDYuMywwLjd6Ii8+Cgk8Y2lyY2xlIGlkPSJwYXRoMTQ1MCIgY2xhc3M9InN0MCIgY3g9IjE0LjciIGN5PSI2LjQiIHI9IjUuNiIvPgo8L2c+Cjwvc3ZnPgo=); }

.specimen .otf_name:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIKCSBpZD0ic3ZnODcxIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIxLjIgMTIuOCIKCSBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMS4yIDEyLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMTExMTExO3N0cm9rZTojMTExMTExO3N0cm9rZS1taXRlcmxpbWl0Ojc7fQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiMxMTExMTE7c3Ryb2tlLW1pdGVybGltaXQ6Nzt9Cjwvc3R5bGU+Cjxzb2RpcG9kaTpuYW1lZHZpZXcgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiBib3JkZXJvcGFjaXR5PSIxIiBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgZml0LW1hcmdpbi1sZWZ0PSIwIiBmaXQtbWFyZ2luLXJpZ2h0PSIwIiBmaXQtbWFyZ2luLXRvcD0iMCIgZ3JpZHRvbGVyYW5jZT0iMTAiIGd1aWRldG9sZXJhbmNlPSIxMCIgaWQ9Im5hbWVkdmlldzg3MyIgaW5rc2NhcGU6YmJveC1ub2Rlcz0idHJ1ZSIgaW5rc2NhcGU6YmJveC1wYXRocz0iZmFsc2UiIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2Zzg3MSIgaW5rc2NhcGU6Y3g9IjkuNDIyNzg1MiIgaW5rc2NhcGU6Y3k9IjEuNjcwNDQzOSIgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiIGlua3NjYXBlOnNuYXAtYmJveD0idHJ1ZSIgaW5rc2NhcGU6c25hcC1iYm94LWVkZ2UtbWlkcG9pbnRzPSJ0cnVlIiBpbmtzY2FwZTpzbmFwLWJib3gtbWlkcG9pbnRzPSJ0cnVlIiBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMzkwIiBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjI1NjAiIGlua3NjYXBlOndpbmRvdy14PSIwIiBpbmtzY2FwZTp3aW5kb3cteT0iMjUiIGlua3NjYXBlOnpvb209IjMxLjAzNTYxNyIgb2JqZWN0dG9sZXJhbmNlPSIxMCIgcGFnZWNvbG9yPSIjZmZmZmZmIiBzaG93Z3JpZD0iZmFsc2UiPgoJPC9zb2RpcG9kaTpuYW1lZHZpZXc+CjxnIGlkPSJnMTY1OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wOTY3Njg2OSkiPgoJPHBhdGggaWQ9InJlY3QxNDQ2LTQiIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIHNvZGlwb2RpOm5vZGV0eXBlcz0ic3NzY2NjcyIgY2xhc3M9InN0MCIgZD0iTTYuMywwLjcKCQljLTMuMSwwLTUuNiwyLjUtNS42LDUuNlMzLjIsMTIsNi4zLDEyaDguNWMtMy4xLDAtNS42LTIuNS01LjYtNS42YzAtMy4xLDIuNS01LjYsNS42LTUuNkw2LjMsMC43eiIvPgoJPGNpcmNsZSBpZD0icGF0aDE0NTAiIGNsYXNzPSJzdDEiIGN4PSIxNC43IiBjeT0iNi40IiByPSI1LjYiLz4KPC9nPgo8L3N2Zz4K); }

.specimen .type_tester .dropdown, .specimen .type_tester .slider {
  opacity: 1 !important; }

#specimen_style_name {
  margin-top: 1.454rem; }

@media (hover: hover) {
  .specimen .dropdown:hover:not(.open).not_selected li.selected:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDgyNi4zNjEzOSA0NjUuNjAzNTIiCiAgIGhlaWdodD0iNDY1LjYwMzUyIgogICB3aWR0aD0iODI2LjM2MTM5IgogICBpZD0ic3ZnODE1IgogICB2ZXJzaW9uPSIxLjEiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTgyMSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgxOSIgLz4KICA8cGF0aAogICAgIGlkPSJwYXRoODI1LTAiCiAgICAgZD0iTSA1Mi44NzUsMCBBIDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgNTIuNDM1NTUsMC4wMTU2IEggNTEuNjI1IFYgMC4wNDQ5IEEgNTIuODc0Njg3LDUyLjg3NDY4NyAwIDAgMCAwLDUyLjg3NDk3IDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgMTUuNTQ0OTMsOTAuMjc1MzYgbCAtMC4wMjM0LDAuMDIzNCAzNTkuNjQ2NDgsMzU5LjI0NDE0IDAuMDA0LC0wLjAwNCBhIDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgMzcuOTU1MDgsMTYuMDY0NDUgNTIuODc0Njg3LDUyLjg3NDY4NyAwIDAgMCAwLjA1NDcsLTAuMDAyIDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgMC4wNTI3LDAuMDAyIDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgMzcuOTU1MDgsLTE2LjA2NDQ1IGwgMC4wMDQsMC4wMDQgMzU5LjY0NjUyLC0zNTkuMjQ0MTQgLTAuMDI0LC0wLjAyMzQgQSA1Mi44NzQ2ODcsNTIuODc0Njg3IDAgMCAwIDgyNi4zNjEwOSw1Mi44NzQ5NyA1Mi44NzQ2ODcsNTIuODc0Njg3IDAgMCAwIDc3NC43MzYwNCwwLjA0NDkgViAwLjAxNTYgSCA3NzMuOTI1NSBBIDUyLjg3NDY4Nyw1Mi44NzQ2ODcgMCAwIDAgNzczLjQ4NjA0LDAgNTIuODc0Njg3LDUyLjg3NDY4NyAwIDAgMCA3NzMuMTczNTQsMC4wMTU2IEggNTcyLjk3MDcxIDI1My4zOTA2MyA1My4xODc1IEEgNTIuODc0Njg3LDUyLjg3NDY4NyAwIDAgMCA1Mi44NzUsMCBaIgogICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDojMTExMTExO2ZpbGwtb3BhY2l0eTowLjk0MTE3NjQ3O3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDo4LjkzODU4MjQyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2UtZGFzaG9mZnNldDowO3N0cm9rZS1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo=); } }

@media (max-width: 1800px) {
  .character {
    font-size: 2.1rem; } }

@font-face {
  font-family: 'Plain Interface';
  src: url(/assets/PlainPan-Regular-424e23915203fcf3680bc89906caeba0950534e558c0c984e341ba2952973cd3.woff2) format("woff2"), url(/assets/PlainPan-Regular-27227f1cb8ca42117d3a543e5fdc9f0870c013de0930ad061816259fa2d773e1.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'Plain Interface';
  src: url(/assets/Plain-Bold-30e4906e9dee75b311b5c29a5460672acbb1142c2309d2d094703b66b9e7fd09.woff2) format("woff2"), url(/assets/Plain-Bold-2849b73c103e3166531cd858e31e75f6545aac703b3c9be964ba828890ecf0d7.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'Plain Interface';
  src: url(/assets/PlainPan-Italic-3736814e86e41aefd16f6aa125c6058065afa2e1c0d5f71c45ccda37e0d2db68.woff2) format("woff2"), url(/assets/PlainPan-Italic-cfe818a0771e12f02a8bdf8f84e002cf17a1b6b5f93e62f1f298134a36429a3d.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }

input, select, textarea, label, button:not(.checkout_button), .button {
  font-family: 'Plain Interface', Arial, sans-serif;
  font-size: 1rem;
  color: #111;
  border: 0; }

input, select, textarea, label {
  line-height: 1.5; }

.button.filter {
  background-color: #A6A6A6;
  color: #fff; }

@media (hover: hover) {
  .typefaces_filter input:not(:checked) ~ label:hover {
    background-color: #fff;
    color: #EE1F25; } }

.button, button:not(.checkout_button) {
  line-height: 1; }

label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: top; }

.with_validation {
  position: relative; }
  .with_validation:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
  .with_validation.margin_bottom {
    margin-bottom: 0.727rem; }
  .with_validation.valid:after {
    background-image: url(/assets/valid_input-340f6f70f4f8581312ca24776b0bb32fa38dcf710e2059b094b87bd8444f4699.svg); }
  .with_validation.invalid:after {
    background-image: url(/assets/invalid_input-4c3b3f1c72b9bae0aa07fa8bcc2dae2b349d757a34ac568dc3559e09671adf71.svg); }

.checkbox, .radio {
  height: 1rem;
  position: relative;
  vertical-align: top;
  background-color: inherit;
  margin: 0.05rem;
  display: inline-block; }
  .checkbox input, .radio input {
    height: 1rem;
    width: 1rem;
    padding: 0;
    margin: 0;
    opacity: 0; }
  .checkbox:after, .radio:after {
    position: absolute;
    left: 0;
    top: 0;
    background-color: inherit;
    content: '';
    width: 1rem;
    height: 1.3rem;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain; }
  .checkbox.checked:after, .radio.checked:after {
    background-image: url(/assets/checked_box-0e4ed32c051db65cef03c3f0cf5b7578bace6f5266aa29ae4cea436fcc58eeb3.svg); }
  .checkbox.checked, .checkbox.focus, .radio.checked, .radio.focus {
    background-color: inherit; }

.checkbox:after {
  background-image: url(/assets/unchecked_box-d293631eae9cc580e0fcfefa5ac1a5f2a5c755d27a0fed380870865b19bd71a1.svg); }

.checkbox.checked:after {
  background-image: url(/assets/checked_box-0e4ed32c051db65cef03c3f0cf5b7578bace6f5266aa29ae4cea436fcc58eeb3.svg); }

.radio:after {
  background-image: url(/assets/unchecked_radio-032fd628c339aad89bc704ee5e3256f0013d4c0e105344171242bd54b9508806.svg); }

.radio.checked:after {
  background-image: url(/assets/checked_radio-e41d6d5e0ddeaee5555642cf63eb332720cbd16803dc7f2209f81de3d8fe19a6.svg); }

.radio_line {
  position: relative;
  height: 2.909rem;
  border-bottom: 1px solid #a9a9a9;
  margin-bottom: 0.727rem;
  padding-left: 7.636rem; }
  .radio_line .radio {
    position: absolute;
    top: -0.2rem;
    left: 0; }
  .radio_line label {
    position: relative;
    top: -0.29rem; }

input, select, textarea, #card_element {
  color: #111;
  background-color: #f2f2f2;
  padding: 0 0.727rem;
  height: 2.909rem;
  box-sizing: border-box;
  border: none; }
  input:focus, select:focus, textarea:focus, #card_element:focus {
    background-color: #f2f2f2; }
  input.margin_bottom, select.margin_bottom, textarea.margin_bottom, #card_element.margin_bottom {
    margin-bottom: 0.727rem; }
  input.full_width, select.full_width, textarea.full_width, #card_element.full_width {
    width: 100%; }
  input.half_width, select.half_width, textarea.half_width, #card_element.half_width {
    width: calc(50% - 0.23154rem);
    margin-right: 0.454rem; }
    input.half_width.omega, select.half_width.omega, textarea.half_width.omega, #card_element.half_width.omega {
      margin-right: 0; }

select {
  -webkit-padding-end: 0;
  -webkit-padding-start: 0.727rem;
  -webkit-user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  appearance: none;
  padding-right: 2rem;
  padding-left: 0.727rem; }

#card_element {
  padding-top: 0.8724rem; }

::-webkit-input-placeholder {
  color: #999;
  font-family: 'Plain Interface', Arial, sans-serif; }

::-moz-placeholder {
  color: #999;
  font-family: 'Plain Interface', Arial, sans-serif; }

:-moz-placeholder {
  color: #999;
  font-family: 'Plain Interface', Arial, sans-serif; }

::placeholder {
  color: #A6A4A1; }

::-ms-input-placeholder {
  color: #999;
  font-family: 'Plain Interface', Arial, sans-serif; }

select.blank {
  color: #A6A4A1; }

.select.open select.blank {
  color: #111; }

.button {
  display: inline-block;
  line-height: 2.454rem; }

@media (hover: hover) {
  button:not(.checkout_button):hover, .button:not(.filter):hover {
    background-color: #fff;
    color: #EE1F25;
    cursor: pointer; } }

button:not(.checkout_button):not(.mobile_button):not(.alignment), .button {
  height: 2.454rem;
  padding: 0 0.727rem;
  border-radius: 0.54525rem;
  color: #808080;
  background-color: #e8e8e8;
  line-height: 2.6rem;
  -webkit-font-smoothing: antialiased; }
  button:not(.checkout_button):not(.mobile_button):not(.alignment):not(.filter):active, .button:not(.filter):active {
    background-color: #fff;
    color: #EE1F25;
    cursor: pointer; }
  button:not(.checkout_button):not(.mobile_button):not(.alignment).unstyled, .button.unstyled {
    height: auto;
    background-color: transparent;
    padding: 0;
    border-radius: 0 !important;
    line-height: 1; }
  button:not(.checkout_button):not(.mobile_button):not(.alignment).margin_top, .button.margin_top {
    margin-top: 1.454rem; }
  button:not(.checkout_button):not(.mobile_button):not(.alignment).margin_left, .button.margin_left {
    margin-left: 1.454rem; }
  button:not(.checkout_button):not(.mobile_button):not(.alignment).chevron, .button.chevron {
    line-height: 1;
    height: 1.5rem;
    margin-top: -0.25rem;
    padding-right: 0.9rem;
    position: relative;
    color: #EE1F25; }
    button:not(.checkout_button):not(.mobile_button):not(.alignment).chevron:after, .button.chevron:after {
      content: ' ';
      position: absolute;
      top: 0;
      right: 0;
      width: 0.4rem;
      height: 1rem;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(/assets/chevron_red-5d154a3e4f17f591303cbc00d25f530adb7f60772ea911b07a127345758ce104.svg);
      top: 0.25rem; }
  button:not(.checkout_button):not(.mobile_button):not(.alignment).chevron_gray, .button.chevron_gray {
    padding-right: 0.9rem;
    position: relative;
    color: #808080;
    color: #999; }
    button:not(.checkout_button):not(.mobile_button):not(.alignment).chevron_gray:after, .button.chevron_gray:after {
      content: ' ';
      position: absolute;
      top: 0;
      right: 0;
      width: 0.4rem;
      height: 1rem;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(/assets/chevron_gray-267512138f2b3dd84763e337fc96eb7d6c495f6aa3580041303bf7133b51ed59.svg); }
    button:not(.checkout_button):not(.mobile_button):not(.alignment).chevron_gray:hover, .button.chevron_gray:hover {
      color: #EE1F25; }
      button:not(.checkout_button):not(.mobile_button):not(.alignment).chevron_gray:hover:after, .button.chevron_gray:hover:after {
        background-image: url(/assets/chevron_red-5d154a3e4f17f591303cbc00d25f530adb7f60772ea911b07a127345758ce104.svg); }

@media (hover: hover) {
  button:not(.checkout_button):not(.mobile_button).chevron_gray, .button.chevron_gray {
    padding-right: 0.9rem;
    position: relative;
    color: #808080;
    color: #999; }
    button:not(.checkout_button):not(.mobile_button).chevron_gray:after, .button.chevron_gray:after {
      content: ' ';
      position: absolute;
      top: 0;
      right: 0;
      width: 0.4rem;
      height: 1rem;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(/assets/chevron_gray-267512138f2b3dd84763e337fc96eb7d6c495f6aa3580041303bf7133b51ed59.svg); }
    button:not(.checkout_button):not(.mobile_button).chevron_gray:hover, .button.chevron_gray:hover {
      color: #EE1F25; }
      button:not(.checkout_button):not(.mobile_button).chevron_gray:hover:after, .button.chevron_gray:hover:after {
        background-image: url(/assets/chevron_red-5d154a3e4f17f591303cbc00d25f530adb7f60772ea911b07a127345758ce104.svg); } }

@media (hover: hover) {
  .article_link:hover {
    position: relative; }
    .article_link:hover .article_link_title {
      color: #EE1F25; }
    .article_link:hover .article_link_thumbnail {
      mix-blend-mode: darken; } }

@media (hover: hover) and (max-width: 1000px) {
  .article_link:hover .article_link_title {
    color: #111; }
  .article_link:hover:after {
    top: 0.727rem;
    left: 0;
    right: 0;
    bottom: 0.727rem;
    width: auto;
    height: auto; } }

.article_slideshow_previous:not(.checkout_button):not(.mobile_button):not(.alignment), .article_slideshow_next:not(.checkout_button):not(.mobile_button):not(.alignment) {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 2;
  width: 33.33%;
  background: transparent;
  color: transparent;
  overflow: hidden;
  user-select: none; }

.article_slideshow_previous:not(.checkout_button):not(.mobile_button):not(.alignment) {
  left: 0;
  cursor: w-resize; }
  .article_slideshow_previous:not(.checkout_button):not(.mobile_button):not(.alignment):active {
    opacity: 0; }

.article_slideshow_next:not(.checkout_button):not(.mobile_button):not(.alignment) {
  right: 0;
  cursor: e-resize; }
  .article_slideshow_next:not(.checkout_button):not(.mobile_button):not(.alignment):active {
    opacity: 0; }

.article_slideshow {
  overflow: hidden;
  position: relative;
  margin-top: 2.181rem; }
  .article_slideshow figcaption {
    position: relative;
    z-index: 20; }
  .article_slideshow .image_container {
    cursor: pointer; }
  .article_slideshow figure {
    position: relative;
    opacity: 1;
    transition: opacity 0.6s ease;
    width: 100%;
    z-index: 10; }
  .article_slideshow figure:not(.current) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1; }
  .article_slideshow img {
    width: 100%;
    display: block; }
    .article_slideshow img.mobile {
      display: none; }

#footnotes {
  display: flex;
  flex-direction: column;
  margin-top: 0.454rem; }
  #footnotes li {
    display: flex;
    align-items: baseline;
    font-size: 1rem;
    color: #999;
    line-height: 1.454; }
  #footnotes .reference_mark {
    margin-right: 0.454rem; }
  #footnotes button.reference_marker {
    background: transparent;
    border-radius: 0;
    appearance: none;
    padding: 0;
    margin: 0;
    display: inline;
    color: #999;
    height: auto;
    line-height: 1.454;
    font-size: 1rem;
    display: inline;
    margin-left: 0.454rem;
    position: relative;
    top: 0.1em; }

.article_text_container .numerator {
  color: #999; }
  .article_text_container .numerator button:not(.checkout_button):not(.mobile_button):not(.alignment) {
    background: transparent;
    border-radius: 0;
    appearance: none;
    padding: 0;
    margin: 0;
    display: inline;
    color: #111;
    height: auto;
    line-height: 1.17;
    font-feature-settings: "numr";
    font-size: 1.55rem; }

@media (hover: hover) {
  #footnotes button.reference_marker:hover {
    color: #EE1F25; }
  .article_text_container .numerator button:not(.checkout_button):not(.mobile_button):not(.alignment):hover {
    color: #EE1F25; } }

.articles, .article {
  margin-top: 12.634rem; }

.article.anniversary {
  margin-top: calc(100vh - 11.633rem); }
  .article.anniversary main {
    padding-top: 5.09rem;
    padding-bottom: 15.27rem; }
  .article.anniversary .text_with_image_outer_container .main_image_caption p {
    text-indent: 0;
    margin: 0; }

.article_sub_nav.cell {
  border-top: 1px solid #a9a9a9;
  position: sticky;
  position: -webkit-sticky;
  top: 12.634rem; }

#article_categories_container {
  border-top: 1px solid #a9a9a9; }

.article_filter {
  position: relative;
  margin-top: 0.727rem;
  padding-left: calc(7.39rem + 8.33%);
  padding-bottom: 0.727rem;
  border-bottom: 1px solid #a9a9a9;
  display: block;
  width: 100%;
  color: #999;
  box-sizing: border-box; }
  .article_filter.selected {
    color: #111; }
  .article_filter.selected:after, .article_filter:hover:after {
    background-color: #111;
    border-color: #111; }
  .article_filter:after {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 0.7rem);
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    border: 1px solid #a9a9a9; }

.article_link {
  width: 100%;
  display: block;
  border-top: 1px solid #a9a9a9; }

#search_heading {
  font-size: 1.55rem;
  margin-top: 1.09rem;
  margin-bottom: 1.09rem; }

#result_query {
  color: #EE1F25; }

#search_results {
  color: #999;
  margin-bottom: 0.727rem; }

.article_link_thumbnail {
  width: calc(-0.37rem + 75%);
  margin-bottom: 0.727rem;
  margin-top: 0.727rem; }

.article_link_information {
  margin-top: 0.727rem;
  line-height: 1.454;
  width: calc(-1.1rem + 25%); }
  .article_link_information h3 {
    color: #999; }

.article_link_title {
  margin-bottom: 2.181rem; }

.article_link_text {
  width: calc(-1.1rem + 25%); }

.article_sub_nav #search_field button[type="submit"] {
  position: absolute;
  visibility: hidden; }

.article_sub_nav_heading {
  margin-top: 1.09rem;
  padding-left: calc(7.39rem + 8.33%);
  margin-bottom: 2.181rem;
  line-height: 1em; }

.articles #search_field {
  padding-left: calc(7.39rem + 8.33%);
  margin-bottom: 0.727rem; }

.article_content_container {
  border-bottom: 1px solid #a9a9a9;
  margin-bottom: 7.272rem; }

.article_content video {
  width: 100%;
  display: block; }

.main_image_container.embed_video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; }
  .main_image_container.embed_video iframe {
    position: absolute;
    width: 100%;
    height: 100%; }

.article .article_sub_nav {
  position: static;
  box-sizing: border-box;
  margin-left: 0;
  margin-right: calc(1.57rem + 8.33%); }

.article .article_sub_nav_heading {
  padding-left: calc(0.36rem + 25%);
  min-height: 7.636rem;
  border-bottom: 1px solid #a9a9a9;
  margin-left: 0;
  margin-bottom: 0; }

.article_author_container {
  margin-top: 0.727rem;
  padding-left: calc(0.36rem + 25%);
  line-height: 1.454;
  border-bottom: 1px solid #a9a9a9;
  padding-bottom: 1.454rem; }

.article_author {
  margin-bottom: 1.454rem; }

.article_collection {
  display: block;
  margin-top: 0.727rem;
  margin-left: calc(0.36rem + 25%);
  color: #999; }
  .article_collection:hover {
    color: #EE1F25; }

.article_content {
  margin-top: -2.181rem;
  margin-bottom: 7.272rem; }

.main_image_container,
.article_text_container,
.article_heading {
  margin-top: 2.181rem; }

.article_image_container:hover {
  cursor: pointer; }

.text_with_image_outer_container .small {
  font-size: 1rem; }

.text_with_image_outer_container .numerator {
  font-feature-settings: "numr"; }

.article_text_container .small {
  font-size: 1rem; }

.article_text_container .numerator {
  font-feature-settings: "numr"; }

.article_text_container.caption_type {
  color: #999;
  line-height: 1.454; }

.article_text_container p:nth-child(1) {
  text-indent: 0; }

.article_text_container p {
  text-indent: 2.909rem; }

.text_with_image_outer_container {
  position: relative;
  margin-top: 1.454rem; }

.text_with_image_container {
  position: absolute;
  top: 0;
  right: calc(1.93rem + 133.33%);
  width: calc(-0.73rem + 50%); }
  .text_with_image_container img {
    width: 100%; }

.article_collection_content_link {
  display: inline-block;
  margin-left: 0;
  margin-top: 2.909rem; }

.article_heading {
  border-top: 1px solid #a9a9a9;
  padding-top: 0.727rem;
  margin-bottom: 2.909rem; }

.main_image_container img {
  width: 100%; }

.main_image_caption {
  margin-top: 0.727rem;
  color: #999;
  line-height: 1.454; }

.open_article_slideshow {
  overflow-y: hidden; }
  .open_article_slideshow #article_slideshow {
    opacity: 1;
    pointer-events: auto; }

#article_slideshow {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1000; }
  #article_slideshow .gm_slide {
    opacity: 0;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column; }
    #article_slideshow .gm_slide.current {
      opacity: 1;
      display: flex; }
    #article_slideshow .gm_slide .main_image_caption {
      padding: 4.363rem;
      text-align: center; }
    #article_slideshow .gm_slide img {
      position: absolute;
      object-fit: contain;
      object-position: center;
      top: 2rem;
      left: 2rem;
      width: calc(100% - 4rem);
      height: calc(100% - 4rem); }
  #article_slideshow .article_slideshow_count_container {
    position: relative;
    left: 2.909rem;
    bottom: 4.363rem;
    color: #999; }

.article_slide_image {
  flex-grow: 1;
  position: relative; }

#article_slideshow_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  z-index: 10; }
  #article_slideshow_close img {
    position: absolute;
    top: 2.181rem;
    right: 2.181rem;
    width: 1rem; }
  #article_slideshow_close:hover {
    cursor: pointer; }

#article_slideshow_next,
#article_slideshow_prev {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 5; }

#article_slideshow_prev {
  left: 0; }
  #article_slideshow_prev:hover {
    cursor: w-resize; }

#article_slideshow_next {
  right: 0; }
  #article_slideshow_next:hover {
    cursor: e-resize; }

#mobile_filter_toggle {
  display: none; }

@media (max-width: 1000px) {
  .articles,
  .article {
    margin: 3.362rem 1.636rem 0 1.636rem; }
  .article.anniversary {
    margin-top: calc(125vw + 3.362rem); }
    .article.anniversary main {
      padding-top: 0; }
  .article_sub_nav.cell {
    position: static;
    width: 100%;
    margin: 0;
    border-top: none; }
  .article_sub_nav_heading {
    margin-top: 1.454rem;
    margin-bottom: 1.454rem;
    padding-left: 0; }
  .articles #search_field {
    padding-left: 0; }
  .article_content_container.cell.width_8 {
    border-top: none;
    border-bottom: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.909rem; }
  .articles #search_field {
    margin-bottom: 0; }
  .article_sub_nav #search_field {
    border-bottom: 1px solid #a9a9a9; }
  #article_categories_container {
    display: none; }
  #mobile_filter_toggle {
    display: block;
    margin-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    height: 2.909rem;
    line-height: 2.909rem;
    box-sizing: border-box;
    border-bottom: 1px solid #a9a9a9; }
    #mobile_filter_toggle h2 {
      position: relative;
      display: inline-block;
      padding-right: 1.25rem; }
      #mobile_filter_toggle h2:after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        margin-top: -0.3rem;
        width: 0.75rem;
        height: 0.75rem;
        background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom center; }
  .open_article_filters #article_categories_container {
    display: block; }
  .open_article_filters #mobile_filter_toggle h2:after {
    background-position: bottom center;
    transform: rotate(180deg); }
  a.article_filter {
    padding-left: 1.636rem;
    margin-top: 0;
    padding-bottom: 0;
    height: 2.909rem;
    line-height: 2.909rem;
    border-bottom: 1px dotted #a9a9a9; }
    a.article_filter:last-child {
      border-bottom: 1px solid #111; }
    a.article_filter:after {
      top: calc(50% - 0.45rem); }
  .article_link {
    border-bottom: 1px solid #a9a9a9;
    border-top: none;
    margin-bottom: 2.3991rem; }
  .article_link_thumbnail {
    margin-top: 1.454rem;
    margin-bottom: 0; }
  .article_link_title.largest_type {
    line-height: 1.17;
    padding-bottom: 0.727rem;
    border-bottom: 1px dotted #a9a9a9;
    margin-bottom: 0.454rem; }
  .article_link_thumbnail.cell,
  .article_link_information {
    width: 100%;
    margin-right: 0; }
  .article_link_information {
    margin-top: 0.727rem; }
  .article_sub_nav #search_field button[type="submit"] {
    right: 0; }
  .article_credit_section_wrap {
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
    margin-bottom: 0.727rem;
    box-sizing: border-box; }
    .article_credit_section_wrap h2 {
      margin-bottom: 0; }
  .article .article_sub_nav_heading,
  .article_author_container {
    padding-left: 0;
    min-height: auto;
    border-bottom: 1px solid #a9a9a9; }
  .article .article_sub_nav_heading {
    padding-bottom: 1.454rem; }
  .article_content {
    margin-bottom: 2.181rem; }
  .article_author_container {
    margin-top: 0;
    padding-bottom: 0;
    height: 2.909rem;
    line-height: 2.909rem; }
    .article_author_container .article_author {
      margin-bottom: 0;
      padding-left: 0.454rem;
      color: #999; }
    .article_author_container .author_bio {
      display: none; }
  a.article_collection:not(.article_collection_content_link) {
    margin-left: 0;
    padding-left: 0.454rem;
    margin-top: 0;
    padding-bottom: 0;
    height: 2.909rem;
    line-height: 2.909rem;
    border-bottom: 1px solid #a9a9a9; }
  a.article_collection:after {
    display: inline-block;
    vertical-align: bottom;
    content: '>';
    margin-left: 0.454rem; }
  a.article_collection_content_link {
    margin-top: 1.454rem; }
  .article_content.cell.width_6 {
    margin-top: 0;
    width: 100%;
    margin-right: 0; }
  .main_image_container,
  .text_with_image_outer_container,
  .article_text_container,
  .article_heading {
    margin-top: 1.454rem; }
  .article_text_container.largest_type,
  .text_with_image_outer_container .largest_type {
    font-size: 1rem; }
  .text_with_image_outer_container .largest_type {
    margin-top: 1.454rem; }
  .main_image_caption {
    line-height: 1.41; }
    .main_image_caption p {
      margin: 0;
      text-indent: 0; }
  .article_heading {
    margin-bottom: 1.454rem; }
  .text_with_image_container.article_image_container {
    position: static;
    width: 100%;
    margin-top: 1.454rem; } }

.slider {
  white-space: nowrap;
  position: relative;
  height: 2.454rem;
  line-height: 2.454rem;
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .slider label {
    display: inline-block;
    vertical-align: top;
    height: 2.454rem;
    line-height: 2.604rem;
    color: #111; }
  .slider label {
    color: #111; }
  .slider .track {
    background: #999; }
  .slider .thumb, .slider .level {
    background: #111; }

.track {
  display: inline-block;
  vertical-align: middle;
  height: 1px;
  width: 6rem;
  margin-left: 0.727rem;
  background-color: #d9d9d9;
  position: relative; }

.thumb {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0.7rem;
  background: #999;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  cursor: default;
  z-index: 2; }

.level {
  position: absolute;
  left: 0;
  height: 100%;
  background: #999;
  z-index: 1; }

#collection_filters_wrapper {
  display: flex;
  justify-content: center;
  position: sticky;
  position: -webkit-sticky;
  top: 5.362rem;
  left: 0;
  width: 100%;
  padding: 2.181rem 0;
  pointer-events: none;
  z-index: 10; }

#collection_filters {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative; }
  #collection_filters .dropdown {
    text-align: left;
    margin-left: 1.0905rem;
    margin-right: 1.0905rem;
    opacity: 0.5; }
    #collection_filters .dropdown:hover, #collection_filters .dropdown.open {
      opacity: 1; }

#reset_filters {
  padding: 0;
  background: transparent;
  width: 1.2rem;
  height: 1.2rem;
  color: transparent;
  overflow: hidden;
  background-position: center;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/assets/reload-a34eeb5e938cbad5ceab838e18772162e016187b8e4908178a8611449fdfd483.svg);
  display: none;
  opacity: 0.35;
  pointer-events: auto;
  position: absolute;
  right: -1.8rem; }

@media (hover: hover) {
  #reset_filters:hover {
    opacity: 0.8; } }

.filtered_collections #reset_filters {
  display: inline-block; }

.typefaces_filter {
  margin: 0 0.227rem;
  position: relative;
  pointer-events: auto; }
  .typefaces_filter input {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    color: transparent;
    appearance: none;
    -webkit-appearance: none; }
  .typefaces_filter input:checked ~ label {
    background-color: #009AFF;
    color: #fff; }

#collections {
  margin-top: 1.454rem; }
  #collections .collection {
    position: relative;
    background-color: #eee;
    text-align: center;
    padding: 0.25rem 1rem;
    margin-bottom: 1.454rem; }
    #collections .collection:last-child {
      margin-bottom: 0; }
    #collections .collection.focused {
      background: #D9ECF2; }
      #collections .collection.focused.interacted .apply_to_all_collections {
        opacity: 1;
        cursor: pointer; }
  #collections h2, #collections .dropdown, #collections .learn_more, #collections .counts, #collections .apply_to_all_collections {
    position: absolute; }
  #collections .single_name {
    display: none; }
  #collections .learn_more {
    left: 0.727rem;
    bottom: 0.727rem;
    color: #999; }
  #collections h2, #collections .counts, #collections .dropdown {
    top: 0.727rem; }
  #collections .counts {
    right: 0.727rem;
    color: #999; }
  #collections h2, #collections .dropdown {
    left: 0.727rem; }
  #collections .apply_to_all_collections {
    opacity: 0;
    bottom: 1.454rem;
    right: 1.454rem;
    color: #009AFF; }
  #collections .dropdown {
    text-align: left; }

.hover {
  opacity: 0;
  transition: background-color 0.2s ease; }

.collection_name {
  box-sizing: border-box;
  outline: none;
  white-space: normal;
  width: 100%;
  padding-bottom: 2.6rem; }

.collection_wrapper {
  line-height: 1.2;
  font-size: 6vw;
  margin-top: 2.6rem;
  left: 0;
  width: 100%;
  min-height: calc(100% - 5rem); }

#collection_description_container h2.mobile {
  display: none; }

@media (max-width: 1000px) {
  #reset_filters {
    display: none !important; }
  .collection_name, .collection_name_sizer {
    top: calc(50% + 0.7rem); }
  .collection_name {
    padding-bottom: 1.2rem;
    padding-top: 0.5rem;
    min-height: 10.4rem;
    word-break: break-word;
    display: flex;
    align-items: center;
    justify-content: center; }
  #collections {
    margin-top: 0; }
    #collections .collection_name_sizer {
      height: calc(100% - 7rem); }
    #collections .collection .hover_out {
      opacity: 0; }
    #collections .collection .hover {
      opacity: 1; }
    #collections .collection .single_name {
      display: block; }
  #collection_filters_wrapper {
    margin-left: 0;
    padding-top: 1.09rem;
    padding-bottom: 1.09rem;
    top: 3.362rem;
    margin-top: 3.362rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10; }
    #collection_filters_wrapper:after {
      left: -1.454rem;
      right: -1.454rem;
      width: auto;
      padding: 0;
      box-sizing: border-box; }
    #collection_filters_wrapper .dropdown {
      display: none; }
  #collections .counts {
    display: none; }
  #collections .collection {
    width: 100%;
    margin-right: 0;
    padding-bottom: 2.181rem;
    margin-bottom: 1.454rem;
    box-sizing: border-box; }
  #collections .learn_more {
    bottom: 0.727rem; }
  #collections .apply_to_all_collections {
    bottom: 0.727rem;
    right: 0.727rem; }
  .collection_wrapper {
    position: static; }
  .collection_wrapper, .collection_name_sizer {
    font-size: 10vw; }
  .collection .hero_slideshow img {
    top: 50%; }
  .collection_aside.collection_top_row,
  .collection_aside#collection_overview_aside,
  .family_overview {
    margin-top: 0;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0; }
    .collection_aside.collection_top_row .collection_row:not(.aside_toggle):last-child,
    .collection_aside#collection_overview_aside .collection_row:not(.aside_toggle):last-child,
    .family_overview .collection_row:not(.aside_toggle):last-child {
      margin-bottom: 1.454rem; }
  #collection_overview_aside {
    display: block;
    padding-top: 0.727rem;
    padding-bottom: 0.727rem;
    border-top: 1px solid #a9a9a9; }
  .family_overview {
    border-top: 1px dotted #a9a9a9; }
  .family_overview h2 {
    width: 100%;
    margin-bottom: 2.181rem; }
  .family_overview h2 {
    padding-left: 0.454rem;
    box-sizing: border-box; }
  .collection_row_content {
    padding-left: 0; }
  #collection_description_container {
    display: flex;
    flex-wrap: wrap-reverse; }
    #collection_description_container > h2 {
      min-width: 100%;
      margin-bottom: 2.181rem; }
      #collection_description_container > h2.desktop {
        display: none; }
      #collection_description_container > h2.mobile {
        display: block; }
  #collection_description {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.636rem; }
    #collection_description p {
      font-size: 1rem; }
  #collection_article_link {
    margin-top: 1.454rem; }
  .collection_row.collection_feature_menu.languages {
    display: none; }
  #collection_features .collection_aside,
  .family_overview_content_container,
  .family_overview_content_container .family_style {
    width: 100%;
    margin-right: 0; }
  .family_overview_content_container {
    line-height: 0.65; }
  .family_overview_content_container .family_style {
    font-size: 50%; }
  #collection_features .collection_aside {
    border-bottom: 1px dotted #a9a9a9;
    background: #fff;
    z-index: 22; }
  .family_overview {
    margin-bottom: 2.181rem;
    margin-left: 0; }
  .collection_styles_container {
    display: none; }
  #collection_family_overview {
    margin-bottom: 0; }
  #collection_features {
    width: 100%;
    border-top: 1px solid #a9a9a9; }
  .collection_row.collection_feature_menu.overline.aside_toggle {
    display: block;
    border-top: 1px solid #a9a9a9;
    margin-right: 0; }
  .collection_row.collection_feature_menu {
    display: inline-block;
    margin-right: 0.727rem;
    border-top: none; }
    .collection_row.collection_feature_menu:nth-child(3) {
      margin-right: 0; }
  #collection_features .collection_row.collection_feature_menu .collection_row_heading {
    width: 1rem; }
  .main_collection_content.width_9 {
    width: 100%;
    border-top: none; }
  #otf_features {
    border-top: none;
    font-feature-settings: "liga" 0, "clig" 0, "calt" 0; }
  #character_maps .collection_feature {
    margin-left: auto;
    margin-right: auto; } }

@supports (-ms-ime-align: auto) {
  #collection_filters_wrapper {
    margin-top: 0; }
  #collections {
    margin-top: 6.816rem; } }

@media (max-width: 1000px) {
  #collection_filters {
    justify-content: stretch;
    box-sizing: border-box;
    margin-left: -0.227rem;
    margin-right: -0.227rem;
    width: calc(100% + 0.454rem); }
    #collection_filters label {
      width: 100%;
      box-sizing: border-box; }
    #collection_filters:after {
      left: -0.727rem;
      right: -0.727rem; }
  .typefaces_filter {
    display: none;
    flex-grow: 1; }
    .typefaces_filter.filter_serif, .typefaces_filter.filter_sans_serif, .typefaces_filter.filter_variable {
      display: block; } }

#featured_collections {
  width: calc(100% + 2px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.454rem; }
  #featured_collections li {
    height: 27vw;
    background-color: #f2f2f2;
    position: relative;
    filter: brightness(1);
    transition: filter 0.2s ease; }
    #featured_collections li:hover {
      filter: brightness(0.95); }
      #featured_collections li:hover .hover {
        opacity: 1; }
    #featured_collections li.filtered {
      display: none; }
  #featured_collections svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    display: block; }
  #featured_collections h2 {
    position: absolute;
    top: 1.636rem;
    left: 1.636rem; }
  #featured_collections .purchase_options, #featured_collections .learn_more {
    position: absolute;
    bottom: 1.636rem;
    color: #575757;
    border-radius: 0; }
  #featured_collections .purchase_options {
    line-height: 1;
    right: 1.636rem;
    padding: 0;
    background: transparent;
    height: auto; }
  #featured_collections .learn_more {
    left: 1.636rem; }
  #featured_collections .counts {
    color: #e5e5e5;
    margin-left: 0.5em; }
  #featured_collections h2 {
    position: absolute;
    left: 1.636rem;
    bottom: 2.936rem; }

.featured_style {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease; }
  .featured_style.current {
    opacity: 1; }
  .featured_style.variable {
    font-size: 10vw;
    display: flex;
    justify-content: center;
    align-items: center; }

@media (max-width: 1000px) {
  #featured_collections {
    width: 100%;
    display: block; }
    #featured_collections h2 {
      top: 0.727rem;
      left: 0.727rem; }
    #featured_collections .purchase_options {
      display: none; }
    #featured_collections .learn_more {
      bottom: 0.727rem;
      left: 0.727rem; }
    #featured_collections li {
      width: 100%;
      margin-bottom: 1.454rem; }
      #featured_collections li:nth-child(odd) {
        margin-right: 0; }
  .featured_style.variable {
    font-size: 6rem; } }

#homepage_layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.454rem;
  margin: 0 2rem;
  padding-bottom: 2rem; }
  #homepage_layout img, #homepage_layout video {
    display: block;
    width: 100%;
    height: 100%;
    object-position: center; }
  #homepage_layout .mobile {
    display: none; }
  #homepage_layout iframe {
    padding: 0;
    margin: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 100%; }
  #homepage_layout .homepage_section:not(.half) + .homepage_section:not(.half) {
    margin-top: -1.454rem; }

.homepage_section {
  display: block;
  width: 100%;
  height: 0;
  padding: 0 0 50% 0;
  position: relative;
  overflow: hidden; }
  .homepage_section .keep_me_updated {
    display: none; }
  .homepage_section:not(.half) {
    grid-column: span 2;
    margin-left: -2rem;
    margin-right: -2rem;
    width: calc(100% + 4rem); }
  .homepage_section.half {
    padding-bottom: 55.55%; }
    .homepage_section.half .homepage_slide_label {
      top: 1.636rem;
      left: 1.636rem; }
    .homepage_section.half .homepage_slide:not(.embed_slide) .homepage_slide_link {
      bottom: 1.636rem;
      left: 1.636rem; }
    .homepage_section.half .homepage_slide.embed_slide .homepage_slide_link {
      padding-bottom: 1.636rem;
      padding-left: 1.636rem; }
    .homepage_section.half .homepage_slide_category {
      bottom: 1.636rem;
      right: 1.636rem; }
    .homepage_section.half .homepage_slide {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .homepage_section .homepage_slide.embed_slide .homepage_slide_link {
    padding-bottom: 2.181rem;
    padding-left: 2.181rem;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: flex-end; }
  .homepage_section .homepage_section:not(.half) + .homepage_section:not(.half) {
    margin-top: -1.454rem; }
  .homepage_section button.keep_me_updated {
    position: absolute;
    top: 1.636rem;
    right: 1.636rem;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    height: auto !important;
    line-height: 1 !important; }

.homepage_slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: opacity 0.3s ease;
  opacity: 0;
  z-index: 1; }
  .homepage_slide.current {
    opacity: 1;
    z-index: 5; }
  .homepage_slide.contain video, .homepage_slide.contain img {
    object-fit: contain; }
  .homepage_slide.cover video, .homepage_slide.cover img {
    object-fit: cover; }
  .homepage_slide:not(:hover) .homepage_slide_label, .homepage_slide:not(:hover) .homepage_slide_category, .homepage_slide:not(:hover) .homepage_slide_link, .homepage_slide:not(:hover) .homepage_slide.embed_slide .homepage_slide_link {
    display: none; }

.homepage_section:hover .homepage_slide.embed_slide .homepage_slide_link {
  display: flex; }

.homepage_slide:hover .keep_me_updated {
  display: block; }

.variable_slide_container .desktop, .variable_slide_container .mobile {
  display: flex;
  padding: 2rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  align-items: center; }

.homepage_slide_label {
  position: absolute;
  top: 2.181rem;
  left: 2.181rem; }

.homepage_slide_link {
  position: absolute;
  bottom: 2.181rem;
  left: 2.181rem; }

.homepage_slide_category {
  position: absolute;
  bottom: 2.181rem;
  right: 2.181rem; }

@media (max-width: 1000px) {
  .mobile_var_placeholder {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center; }
  .slide_text {
    display: none; }
  #homepage_layout {
    margin: 0 1.636rem;
    display: flex;
    flex-direction: column; }
    #homepage_layout .desktop {
      display: none; }
    #homepage_layout .mobile {
      display: block; }
  .homepage_section:not(.half) {
    margin-left: -1.636rem;
    margin-right: -1.636rem;
    width: calc(100% + 3.272rem);
    height: calc(125vw + 3.362rem);
    padding: 0; }
  .homepage_section.half {
    padding: 0 0 54% 0; } }

.width_1 {
  width: calc(-1.34rem + 8.33%); }

.width_2 {
  width: calc(-1.22rem + 16.66%); }

.width_3 {
  width: calc(-1.1rem + 25%); }

.width_4 {
  width: calc(-0.97rem + 33.33%); }

.width_5 {
  width: calc(-0.85rem + 41.66%); }

.width_6 {
  width: calc(-0.73rem + 50%); }

.width_7 {
  width: calc(-0.61rem + 58.33%); }

.width_8 {
  width: calc(-0.49rem + 66.66%); }

.width_9 {
  width: calc(-0.37rem + 75%); }

.width_10 {
  width: calc(-0.25rem + 83.33%); }

.width_11 {
  width: calc(-0.13rem + 91.66%); }

.inlineblock {
  display: inline-block;
  vertical-align: top; }

.cell {
  display: inline-block;
  margin-right: 1.454rem;
  vertical-align: top; }
  .cell.alpha {
    margin-left: 0; }
  .cell.omega {
    margin-right: 0; }

#copyright {
  color: #999;
  margin-top: 2.181rem; }

#collection_nav button {
  line-height: 1.18;
  margin-right: 2.8rem;
  padding: 0 0.2rem 0 0.15rem;
  margin-top: 0;
  vertical-align: top;
  margin-bottom: 0;
  padding-top: 0;
  background: transparent;
  color: #fff;
  height: auto; }

.mobile_only {
  display: none; }

main {
  position: relative; }

@media (hover: hover) {
  a:hover {
    color: #111; }
  .gridded_subnav_list.collections a.collection_link:hover {
    border-color: #fff;
    color: #fff;
    z-index: 1000;
    position: relative; }
  #collection_nav {
    position: absolute;
    top: 2.1rem;
    left: 9.2rem;
    z-index: 10; }
    #collection_nav button.selected {
      color: #999; }
  body.light_header #collection_nav button {
    color: #000; }
    body.light_header #collection_nav button.selected {
      color: #999; }
  #info_desktop_nav .subnav ul li:hover {
    border-color: #000;
    z-index: 1000; }
  #main_nav_list > li:hover {
    box-sizing: border-box; }
    #main_nav_list > li:hover a,
    #main_nav_list > li:hover span:not(.menu_label):not(.menu_highlight) {
      color: #999; }
    #main_nav_list > li:hover nav.subnav a {
      color: #999; }
    #main_nav_list > li:hover nav.subnav a:hover {
      color: #111; }
  #main_nav_list > li > a:hover {
    height: 100%; }
  .light_header #info_desktop_nav .subnav ul li {
    background: #000; }
    .light_header #info_desktop_nav .subnav ul li:hover {
      border-color: #fff; }
      .light_header #info_desktop_nav .subnav ul li:hover a {
        color: #999; }
    .light_header #info_desktop_nav .subnav ul li a {
      color: #fff; }
  .light_header #main_nav_list a.collection_link.selected .menu_label {
    color: #fff; }
  .light_header #main_nav_list > li:hover {
    box-sizing: border-box; }
    .light_header #main_nav_list > li:hover a,
    .light_header #main_nav_list > li:hover span:not(.menu_label):not(.menu_highlight) {
      color: #999; }
    .light_header #main_nav_list > li:hover nav.subnav a:hover, .light_header #main_nav_list > li:hover #info_desktop_nav .subnav ul li:hover {
      color: #fff;
      border-color: #fff; }
  .light_header #logotype a:hover {
    color: #000; }
  .light_header .subnav a:hover h3 {
    color: #fff; } }

.turbo-progress-bar {
  background-color: #000; }

html {
  font-size: 17px; }

body {
  font-family: 'Plain Interface', Arial, sans-serif;
  color: #111;
  margin: 0 2.181rem;
  font-weight: normal;
  font-feature-settings: "liga" 1, "clig" 1, "calt" 1,"kern" 1;
  background-color: #fff; }
  body main {
    transition: filter 0.1s linear; }
  body.has_cart_items, body.collection {
    padding-bottom: 5.362rem; }
  body.account {
    padding-bottom: 0; }
  body.menu_open {
    overflow-x: hidden; }
    body.menu_open main, body.menu_open #hero_slideshow {
      filter: blur(1rem); }

.noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.noscroll {
  overflow: hidden; }

h1, h2, h3 {
  font-size: 1rem;
  font-weight: normal; }

a {
  color: #111;
  text-decoration: none; }

.largest_type {
  font-size: 1.55rem;
  line-height: 1.41; }

.light_header header {
  background-color: #fff;
  color: #000; }
  .light_header header h3, .light_header header a {
    color: #000; }

.light_header.header_scrolled header {
  background-color: rgba(255, 255, 255, 0.95); }

.light_header .subnav {
  background: #000;
  border-bottom-color: #000; }
  .light_header .subnav h2 {
    color: #fff; }
  .light_header .subnav h3 {
    color: #999; }

.light_header #main_nav_list > li nav.subnav a {
  color: #999; }

.light_header #main_nav_list > li.selected {
  color: #999; }
  .light_header #main_nav_list > li.selected a,
  .light_header #main_nav_list > li.selected span:not(.menu_label):not(.menu_highlight) {
    color: #999; }
  .light_header #main_nav_list > li.selected nav.subnav a:not(.collection_link) {
    color: #000; }

.overline_black {
  border-top: 1px solid #a9a9a9;
  padding-top: 0.727rem;
  box-sizing: border-box; }

.overline {
  border-top: 1px solid #a9a9a9;
  padding-top: 0.727rem;
  box-sizing: border-box;
  padding-top: 0.727rem;
  box-sizing: border-box; }
  .overline.dotted {
    border-top-style: dotted; }
  .overline:last-child:first-child {
    padding-bottom: 0; }

.info {
  width: 1rem;
  min-width: 1rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  position: relative; }
  .info img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1; }
  .info.open .info_text {
    display: block; }

#collections_sub_nav {
  background: #0e0e0e;
  margin-left: -2.181rem;
  margin-right: -2.181rem;
  padding: 2.181rem; }

#licensing_info_links li {
  cursor: default;
  user-select: none; }

#licensing_info_links .info {
  margin-left: 0;
  margin-right: 0.3rem;
  top: -0.15rem; }

.info_text {
  position: absolute;
  top: -0.727rem;
  right: -0.727rem;
  width: 18rem;
  background: #262626;
  color: #e8e8e8;
  display: none;
  z-index: 5;
  padding: 0.727rem 2.181rem 0.727rem 0.727rem;
  line-height: 1.454;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .info_text a {
    color: #999; }
  .info_text:after {
    content: ' ';
    position: absolute;
    top: 0.727rem;
    right: 0.727rem;
    width: 1rem;
    height: 1rem;
    background-image: url(/assets/close_info-0b2345435e4ee774bfa29afaa6051214777b3be44dab4a08eb5c746417e3496b.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }

.gray {
  color: #999; }

header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  height: 5.362rem;
  background-color: #000;
  color: #fff;
  font-size: 1rem;
  z-index: 80;
  transition: background-color 0.6s ease; }
  header a {
    display: inline-block;
    color: #fff; }

.header_scrolled header {
  background-color: rgba(0, 0, 0, 0.85); }

#logotype {
  position: fixed;
  z-index: 12;
  left: 2.181rem;
  top: 0;
  height: 5.362rem;
  line-height: 5.362rem; }
  #logotype a {
    color: #EE1F25; }
    #logotype a:hover {
      color: #fff; }

main {
  padding-bottom: 2.181rem; }

#main_nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.menu_highlight {
  float: right;
  color: #EE1F25; }

#main_nav_list {
  height: 5.362rem;
  width: 100%;
  padding-right: 2.181rem;
  text-align: right;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: flex-end; }
  #main_nav_list > li {
    margin-left: 3em;
    height: 5.362rem;
    line-height: 5.362rem;
    box-sizing: border-box; }
    #main_nav_list > li.selected {
      box-sizing: border-box;
      color: #999; }
      #main_nav_list > li.selected a {
        color: #999; }
  #main_nav_list .subnav {
    line-height: 1.454; }

.subnav {
  position: absolute;
  padding: 0 2.181rem;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  text-align: left;
  height: auto;
  padding-top: 1.454rem;
  padding-bottom: 1.454rem;
  background: #fff;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  box-sizing: border-box; }
  .subnav h2 {
    color: #111; }
    .subnav h2.subnav_header {
      color: #EE1F25; }
      .subnav h2.subnav_header a {
        color: #EE1F25; }

body.collections.invert {
  background: #000; }
  body.collections.invert main {
    filter: invert(1); }

body.type_it #collection_filters_wrapper {
  margin-bottom: 5.5rem; }

.gridded_subnav_list {
  position: relative;
  width: 100%;
  height: auto;
  text-align: left; }
  .gridded_subnav_list li {
    box-sizing: border-box;
    line-height: 1.454;
    vertical-align: top; }
    .gridded_subnav_list li.selected, .gridded_subnav_list li:hover {
      border-bottom: none; }
      .gridded_subnav_list li.selected a, .gridded_subnav_list li:hover a {
        border-bottom: none; }
  .gridded_subnav_list.info {
    margin-left: calc(0.24rem + 16.66%); }
  .gridded_subnav_list.collections {
    margin-top: 5.362rem; }
    .gridded_subnav_list.collections a {
      border-top: 1px solid #999;
      border-bottom: 1px solid #999;
      padding-top: 0.727rem;
      padding-bottom: 0.727rem; }
  .gridded_subnav_list a {
    color: #999; }

.subnav_nav_trigger {
  cursor: default; }
  .subnav_nav_trigger.selected {
    color: #999; }
  .subnav_nav_trigger.open {
    color: #999; }
    .subnav_nav_trigger.open .subnav {
      pointer-events: auto;
      opacity: 1; }

.light_header .subnav_nav_trigger.open {
  border-color: #000 !important; }

#cookie_notification {
  position: fixed;
  bottom: 2.181rem;
  left: 2.181rem;
  width: 28rem;
  padding: 1.454rem;
  line-height: 1.454;
  background: #262626;
  color: #fff;
  z-index: 10000;
  box-sizing: border-box; }
  #cookie_notification a {
    color: #999; }

.font_loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  visibility: hidden;
  font-family: Times New Roman, Times, serif;
  font-size: 10vw; }

.load_font, .font_loaded {
  transition: opacity 0.7s ease; }

.load_font {
  opacity: 0; }

.font_loaded {
  opacity: 1; }

.case_study_block {
  position: relative; }
  .case_study_block .hero_slideshow {
    z-index: 5; }
    .case_study_block .hero_slideshow .gm_slide_sizer {
      top: 0;
      height: 100%; }

.case_study_mark {
  position: absolute;
  left: 2.181rem;
  z-index: 10;
  color: #fff; }

.case_study_client {
  top: 2.181rem; }

body.collection, body.homepage, body.with_hero {
  padding-top: calc(100vh - 11.633rem); }

body.custom_index {
  margin: 0; }
  body.custom_index main {
    margin-top: 5.362rem;
    padding-bottom: 0; }

#hero_slideshow {
  top: 0;
  position: absolute;
  left: 0;
  overflow: hidden; }

.hero_slideshow {
  position: relative;
  background: #000;
  width: 100%;
  height: calc(100vh - 11.633rem); }
  .hero_slideshow img.desktop {
    display: block; }
  .hero_slideshow img.mobile {
    display: none; }
  .hero_slideshow .gm_slide, .hero_slideshow .gm_slide_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .hero_slideshow .gm_slide_sizer {
    position: absolute;
    top: 5.362rem;
    left: 0;
    width: 100%;
    height: calc(100% - 5.362rem);
    overflow: hidden;
    visibility: hidden; }
    .hero_slideshow .gm_slide_sizer.variable {
      display: flex;
      align-items: center;
      line-height: 1.2;
      justify-content: center;
      padding-left: 2.181rem;
      padding-right: 2.181rem;
      box-sizing: border-box;
      white-space: pre-line; }
    .hero_slideshow .gm_slide_sizer.sized {
      visibility: visible; }
    .hero_slideshow .gm_slide_sizer iframe {
      background: #000;
      position: absolute;
      display: block;
      overflow: hidden;
      top: 0;
      left: 0;
      width: 100%;
      height: calc(100% + 2px);
      border: 0;
      margin: 0;
      padding: 0; }
  .hero_slideshow .gm_slide {
    z-index: 1;
    opacity: 0;
    transition: opacity 0.6s ease; }
    .hero_slideshow .gm_slide.current {
      opacity: 1;
      z-index: 5; }
      .hero_slideshow .gm_slide.current .shown iframe {
        z-index: 20; }
  .hero_slideshow .gm_slide_background {
    visibility: hidden; }
    .hero_slideshow .gm_slide_background.shown {
      z-index: 30;
      visibility: visible; }
  .hero_slideshow iframe {
    pointer-events: none; }
  .hero_slideshow img, .hero_slideshow video {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%); }
    .hero_slideshow img.mobile_video, .hero_slideshow video.mobile_video {
      display: none; }

.gm_slide_pages {
  position: absolute;
  left: 2.181rem;
  bottom: 1.454rem;
  text-align: center;
  width: calc(100% - 4.362rem);
  z-index: 8;
  display: flex;
  justify-content: center; }

.homepage_section .gm_slide_pages {
  bottom: 2.5rem;
  width: calc(100% - 20rem);
  left: 10rem; }

.homepage_section.half .gm_slide_pages {
  opacity: 0;
  pointer-events: none; }

.gm_pagination_slide_link:not(.checkout_button):not(.mobile_button):not(.alignment) {
  display: inline-block;
  height: 0.15rem;
  width: calc(-1.34rem + 8.33%);
  margin-right: 1.454rem;
  background-color: #575757;
  position: relative; }
  .gm_pagination_slide_link:not(.checkout_button):not(.mobile_button):not(.alignment).current:after {
    transition: transform 2.5s linear; }
  .gm_pagination_slide_link:not(.checkout_button):not(.mobile_button):not(.alignment):after {
    content: ' ';
    background-color: #808080;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scaleX(0);
    transform-origin: top left;
    transition: transform 0s linear; }
  .gm_pagination_slide_link:not(.checkout_button):not(.mobile_button):not(.alignment):last-child {
    margin-right: 0; }

.gm_init .gm_pagination_slide_link:not(.checkout_button):not(.mobile_button):not(.alignment).current:after {
  transform: scaleX(1); }

.gm_previous_slide, .gm_next_slide {
  position: absolute;
  top: 0;
  width: 10vw;
  height: 100%;
  z-index: 7; }

.gm_previous_slide {
  left: 0;
  cursor: w-resize; }

.gm_next_slide {
  right: 0;
  cursor: e-resize; }

.address {
  white-space: pre; }

.newsletter_wrapper {
  position: relative;
  width: 100%;
  border-top: 1px solid #575757;
  padding-top: 2.181rem;
  padding-left: 2.181rem;
  padding-right: 2.181rem;
  padding-bottom: 1.454rem; }

#newsletter_signup_message {
  color: #EE1F25;
  margin-top: 0.727rem; }

.newsletter_text {
  margin-bottom: 2.181rem; }

#newsletter_email {
  width: 25rem; }

#newsletter_signup button {
  margin-left: 0.727rem; }

#contact_image {
  display: block;
  margin-bottom: 2.181rem;
  width: 100%; }

#contact_heading h1 {
  border-bottom: 1px solid #a9a9a9;
  padding-bottom: 5.09rem;
  margin-bottom: 0; }

.social_wrapper {
  border-top: 1px solid #575757;
  padding-top: 2.181rem; }
  .social_wrapper a {
    color: #999;
    display: block; }

.office_hours {
  margin-top: 1.8em; }

.contact_bottom_content {
  width: 100%;
  margin-top: 2.181rem; }

#gm_login_container {
  margin-top: 10rem; }
  #gm_login_container .checkbox {
    top: 0.15rem; }

.mobile_nav_link:not(.desktop_nav_link) {
  display: none; }

#collection_link_container {
  column-count: 5; }

.hero_slideshow .gm_slide_sizer iframe.mobile_only {
  display: none; }

@media (max-width: 2500px) {
  html {
    font-size: 16px; } }

@media (max-width: 2300px) {
  html {
    font-size: 15px; } }

@media (max-width: 2100px) {
  html {
    font-size: 14px; } }

@media (max-width: 1800px) {
  html {
    font-size: 13px; } }

@media (max-width: 1440px) {
  html {
    font-size: 12px; } }

@media (max-width: 1300px) {
  html {
    font-size: 11px; } }

@media (max-width: 1200px) {
  html {
    font-size: 10px; } }

@media (max-width: 1000px) {
  body.type_it #collection_filters_wrapper {
    margin-bottom: 0; }
  #collections_sub_nav {
    display: none; }
  header {
    z-index: 300; }
  .cart_is_open header {
    z-index: 25; }
  .hero_slideshow .gm_slide_sizer iframe.desktop_only {
    display: none; }
  .hero_slideshow .gm_slide_sizer iframe.mobile_only {
    display: block; }
  .desktop_only {
    display: none; }
  #collection_nav {
    display: none; }
  .has_cart_items #cart_bar {
    display: none; }
  #contact_heading h1 {
    border-bottom: 0;
    padding-bottom: 0; }
  #newsletter_email {
    width: 18rem; }
  .mobile_only {
    display: block; }
  .hero_slideshow video:not(.mobile_video) {
    display: none; }
  .hero_slideshow video.mobile_video {
    display: block; }
  html {
    font-size: 18px; }
  body {
    margin: 0 1.636rem;
    padding-bottom: 0; }
  main {
    padding-bottom: 6rem; }
  header,
  #main_nav_list,
  #main_nav_list > li,
  #logotype,
  #cart_background,
  #account_sub_nav {
    height: 3.362rem; }
  .hero_slideshow .gm_slide_pages, .homepage_section .gm_slide_pages {
    display: flex;
    justify-content: center;
    left: 1.636rem;
    right: 1.636rem;
    width: auto;
    bottom: 1.2rem; }
    .hero_slideshow .gm_slide_pages .gm_pagination_slide_link:not(.checkout_button):not(.mobile_button), .homepage_section .gm_slide_pages .gm_pagination_slide_link:not(.checkout_button):not(.mobile_button) {
      width: 100%;
      max-width: 25%;
      margin: 0 0.35rem; }
      .hero_slideshow .gm_slide_pages .gm_pagination_slide_link:not(.checkout_button):not(.mobile_button):first-child, .homepage_section .gm_slide_pages .gm_pagination_slide_link:not(.checkout_button):not(.mobile_button):first-child {
        margin-left: 0; }
      .hero_slideshow .gm_slide_pages .gm_pagination_slide_link:not(.checkout_button):not(.mobile_button):last-child, .homepage_section .gm_slide_pages .gm_pagination_slide_link:not(.checkout_button):not(.mobile_button):last-child {
        margin-right: 0; }
  #logotype, .case_study_mark {
    left: 1.636rem; }
  body.custom_index main {
    margin-top: 3.362rem;
    margin-bottom: 5.362rem; }
  .case_study_client {
    top: 1.636rem; }
  #main_nav_list {
    padding-right: 1.636rem; }
  #main_nav_list > li,
  #logotype {
    line-height: 3.63rem; }
  body.collection, body.homepage {
    padding-top: calc(125vw + 4.998rem); }
  .hero_slideshow {
    height: calc(125vw + 3.362rem); }
    .hero_slideshow img.desktop {
      display: none; }
    .hero_slideshow img.mobile {
      display: block; }
    .hero_slideshow .gm_slide_sizer {
      top: 3.362rem;
      height: calc(100% - 3.362rem); }
      .hero_slideshow .gm_slide_sizer.cover img {
        object-fit: cover;
        min-width: auto;
        min-height: auto;
        width: 100%;
        height: 100%; }
  #contact_wrapper {
    top: 3.362rem; }
  #contact_blocker {
    display: none !important; }
  #info_desktop_nav,
  #articles_nav_trigger {
    display: none; }
  #collections_nav_trigger #collection_link_container a {
    pointer-events: none; }
  #collections_nav_trigger .subnav {
    padding: 0; }
  #collections_nav_trigger .collections {
    margin-left: 0;
    max-height: 100%;
    overflow: auto;
    -webkit-overflow: touch;
    background-color: inherit; }
    #collections_nav_trigger .collections:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      width: 1px;
      background-color: inherit;
      z-index: 10; }
    #collections_nav_trigger .collections .cell.width_2 {
      width: auto;
      display: none; }
  #collections_nav_trigger .cell.width_2.subnav_header {
    width: 100%;
    display: inline-block;
    padding: 1.454rem 1.636rem;
    margin-right: 0;
    box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px dotted #575757; }
  .mobile_nav_link:not(.desktop_nav_link) {
    display: inline-block; }
  .desktop_nav_link:not(.mobile_nav_link) {
    display: none; }
  #main_nav_list > li {
    margin-left: 1.636rem; }
  #contact_wrapper {
    width: 100%;
    z-index: 101;
    padding-top: 0; }
  .contact_address {
    margin-bottom: 0; }
    .contact_address:before {
      content: ''; }
  .contact_section {
    padding-left: 1.454rem;
    padding-right: 1.454rem;
    padding-top: 1.454rem;
    padding-bottom: 1.454rem; }
  .contact_bottom_content {
    padding-bottom: 0; }
  .light_header .mobile_nav_link a {
    color: #999 !important; }
  #collections_sub_nav {
    padding: 0;
    position: fixed;
    top: 3.362rem;
    bottom: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    border-bottom: none; }
    #collections_sub_nav .subnav_header.cell.width_2 {
      width: 100%;
      margin-right: 0;
      padding: 1.454rem 0 1.454rem 1.454rem;
      box-sizing: border-box;
      border-bottom: 1px dotted;
      color: #999; }
    #collections_sub_nav #collection_link_container {
      width: 100%;
      margin-right: 0;
      column-count: 1;
      line-height: 1em; }
      #collections_sub_nav #collection_link_container a {
        float: none;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 33.333%;
        padding: 1.454rem;
        box-sizing: border-box;
        border-bottom: 1px dotted;
        border-right: 1px dotted; }
        #collections_sub_nav #collection_link_container a:nth-child(3n + 3) {
          border-right: none; }
  .light_header.open_mobile_menu #mobile_subnav_nav_trigger .subnav,
  .open_mobile_menu #mobile_subnav_nav_trigger .subnav {
    pointer-events: auto;
    opacity: 1; }
  .light_header.open_mobile_account #mobile_account_nav_trigger .subnav,
  .open_mobile_account #mobile_account_nav_trigger .subnav {
    pointer-events: auto;
    opacity: 1; }
  .subnav.more_subnav {
    left: 0;
    right: 0;
    font-size: 1.5rem;
    padding: 0;
    width: auto;
    border-bottom: none;
    padding-bottom: 0.727rem; }
    .subnav.more_subnav li {
      display: block; }
      .subnav.more_subnav li a {
        display: block;
        margin: 0 1.454rem;
        padding: 0.727rem 0;
        box-sizing: border-box;
        border-bottom: 1px solid #a9a9a9;
        color: #999; }
  #cookie_notification {
    width: calc(100% - 3.272rem);
    bottom: 0;
    left: 1.636rem;
    transition: bottom 0.3s ease; }
  .collection #cookie_notification {
    bottom: 3.362rem; }
  .mobile_cart_hidden.collection #cookie_notification {
    bottom: 0; } }

@media (max-width: 767px) {
  html {
    font-size: 16px !important; } }

@media (max-width: 600px) {
  html {
    font-size: 14px !important; }
  #collections_nav_trigger {
    display: none; } }

@media (max-width: 415px) {
  html {
    font-size: 13px !important; } }

#gm_login_container input[type="email"], #gm_login_container input[type="password"] {
  width: 100%; }

#gm_login_container form {
  background: #fff; }

#gm_forgot_password {
  font-size: 1rem; }

@media (hover: hover) {
  .vault_items a.license_upgrade:hover {
    background: #EE1F25; } }

.vault_items {
  margin-top: 0.727rem;
  position: relative; }
  .vault_items .vault_item_container {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 8.727rem); }
  .vault_items .styles_preview {
    background: #f7f5f0; }

a.upgraded_from {
  color: #999; }

.files_prepared {
  float: right;
  width: 8rem;
  text-align: center;
  display: block;
  background-color: #575757;
  animation: loadingglow 4s infinite ease-in-out; }

@-webkit-keyframes loadingglow {
  50% {
    background-color: #00AE10; } }

@keyframes loadingglow {
  50% {
    background-color: #00AE10; } }

.open .trial_confirmation, .purchase_eula_confirmation {
  display: flex; }

.purchase_eula_confirmation {
  align-items: flex-start;
  margin-bottom: 1.454rem; }
  .purchase_eula_confirmation .checkbox {
    top: 0.3rem;
    margin: 0 0.454rem 0 0; }
  .purchase_eula_confirmation a {
    text-decoration: underline; }
    .purchase_eula_confirmation a:hover {
      color: #EE1F25; }

.trial_confirmation {
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100% - 0.727rem);
  background: #262626;
  color: #e5e5e5;
  align-items: center;
  padding: 0 1.3rem;
  display: none; }
  .trial_confirmation label {
    color: #e5e5e5;
    margin: 0 1.3rem 0 0.4rem;
    position: relative;
    top: 0.12rem; }
  .trial_confirmation button img {
    display: block;
    width: 0.9rem; }
  .trial_confirmation a {
    color: #fff; }
    .trial_confirmation a:hover {
      color: #EE1F25; }
  .trial_confirmation .checkbox:after {
    background-image: url(/assets/unchecked_box_white-6bfd80f4baf0305ba086e7bc0261a98b6e012d06281b11423d014c84096f5f58.svg); }
  .trial_confirmation .checkbox.checked:after {
    background-image: url(/assets/checked_box_white-1470102738eccced7bf31c4b98a27d36688ffae330d9b303912d62b9744d6d84.svg); }

.trial_download {
  background: #00AE10; }
  .trial_download:hover {
    color: #fff; }

.non_upgradeable {
  width: 8rem;
  display: inline-block;
  float: right;
  margin-top: 0.727rem; }

.color_button, a.color_button {
  width: 8rem;
  border-radius: 0.727rem;
  height: 4rem;
  text-align: center;
  line-height: 1.17;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: right; }
  .color_button.vault_item_download, a.color_button.vault_item_download {
    background: #00AE10;
    margin-right: 0.727rem; }
  .color_button.license_upgrade, a.color_button.license_upgrade {
    background: #009AFF; }
  .color_button.upgraded_to, a.color_button.upgraded_to {
    margin-top: 0.727rem;
    background: #00AE10; }
    .color_button.upgraded_to:hover, a.color_button.upgraded_to:hover {
      color: #fff; }
  .color_button.upgrade_license_button, .color_button.purchase_license_button, a.color_button.upgrade_license_button, a.color_button.purchase_license_button {
    margin-top: 0.727rem;
    cursor: pointer;
    background: #575757; }
  .color_button.purchase_license_button.quote, a.color_button.purchase_license_button.quote {
    margin-top: 0; }

.vault_item {
  position: relative; }
  .vault_item.style .licensed_item {
    background: #f7f5f0; }

.licensed_item {
  margin-right: 0; }

.sign_in:not(.active) {
  visibility: hidden;
  pointer-events: none; }

#student_account_info, #student_checkout_licensee {
  line-height: 1.41;
  margin-bottom: 2.181rem; }
  #student_account_info a, #student_checkout_licensee a {
    display: inline-block;
    text-decoration: underline;
    margin-top: 0.727rem; }

#student_checkout_licensee {
  margin-top: 0.727rem; }

#student_account_creation_notice {
  float: left;
  margin-top: 2.181rem;
  line-height: 1.41; }

#registration_tos_link {
  margin-top: 0.727rem;
  margin-bottom: 0.727rem;
  text-decoration: underline;
  display: inline-block; }

#registration_tos div:first-child {
  display: flex;
  align-items: center; }

#registration_tos input[type="checkbox"] {
  margin-right: 0.2rem; }

#student_account_checkbox {
  margin-top: 1.454rem;
  display: flex;
  align-items: center;
  margin-bottom: -0.454rem; }
  #student_account_checkbox input {
    margin-right: 0.2rem; }

#student_fields {
  display: none;
  margin-top: 1.454rem; }
  #student_fields.shown {
    display: block; }

.order_button #payment_interface {
  z-index: 10;
  border-top: 0;
  width: 23.846rem;
  position: absolute;
  right: 0;
  background: #f7f5f0;
  top: 0.454rem;
  padding: 0.727rem; }
  .order_button #payment_interface #card_element {
    background: #EAE9E4; }
  .order_button #payment_interface button {
    background: #00AC10;
    color: #fff; }
    .order_button #payment_interface button:hover {
      background: #262626; }
    .order_button #payment_interface button:disabled {
      background: #262626;
      opacity: 0.5;
      pointer-events: none; }
  .order_button #payment_interface .checkout_errors {
    margin-bottom: 1.636rem; }

.order_download_interface {
  position: relative;
  z-index: 8; }
  .order_download_interface.open {
    z-index: 9; }

.open .download_domain_interface {
  display: block; }

.download.web {
  cursor: pointer; }

.domain_error {
  float: left;
  line-height: 1; }

.download_domain_interface {
  position: absolute;
  top: 0;
  right: 0;
  width: 28rem;
  padding: 1.454rem;
  background: #262626;
  color: #e5e5e5;
  display: none; }

.license_domain_container {
  border-bottom: 1px dotted #e5e5e5;
  padding-bottom: 1.454rem;
  margin-bottom: 0.454rem; }

.failed_card_notice {
  width: 8rem;
  display: inline-block;
  margin-bottom: 0.727rem;
  float: right;
  color: #EE1F25; }

.download_explanation {
  padding-bottom: 1.09rem;
  border-bottom: 1px dotted #e5e5e5;
  margin-bottom: 0.727rem;
  box-sizing: border-box;
  padding-right: 1.454rem; }

.license_domain {
  margin-top: 0.454rem;
  width: calc(100% - 1.09rem);
  box-sizing: border-box; }

.confirm_domain {
  float: right; }

.close_download_interface {
  position: absolute;
  top: 1.454rem;
  right: 1.454rem; }

.download_web_license {
  color: #00AE10; }

.download_license_description {
  color: #A9DD93; }

#account_sign_in_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 10000;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  #account_sign_in_wrapper form {
    padding-top: 2.909rem;
    background: #fff; }
  #account_sign_in_wrapper .field_with_errors {
    display: inline; }

#account_sign_in_wrapper h2, #set_password h2 {
  margin-bottom: 2.181rem; }

.form_notifications {
  color: #009AFF;
  padding-right: 1rem;
  padding-bottom: 1rem;
  box-sizing: border-box; }
  .form_notifications.error {
    color: #EE1F25; }
  .form_notifications.absolute {
    position: absolute;
    top: 0;
    left: 0; }

#password_reset_message {
  line-height: 1.454;
  padding-bottom: 2.181rem; }
  #password_reset_message button {
    float: right;
    position: relative;
    top: 1.636rem; }

#forgot_password_link {
  cursor: pointer;
  color: #EE1F25;
  margin-top: 0.7rem;
  float: right;
  margin-right: 2.909rem; }

#account_sign_in_container {
  margin-top: 2.181rem;
  margin-bottom: 2.181rem;
  overflow: auto; }

#account_sign_in_container input[type="password"], #account_sign_in_container .with_validation {
  width: 26.181rem;
  display: block;
  margin-left: auto;
  margin-right: auto; }

#set_password input[type="password"] {
  width: 26.181rem;
  display: block;
  margin-left: auto;
  margin-right: auto; }

#account_sign_in_container, #set_password {
  background-color: #fff;
  position: relative;
  padding: 1.636rem;
  width: 31.999rem;
  display: inline-block; }
  #account_sign_in_container.password_reset #password_reset, #set_password.password_reset #password_reset {
    display: block; }
  #account_sign_in_container.password_reset #new_customer, #account_sign_in_container.password_reset #create_account_prompt, #account_sign_in_container.password_reset #new_customer_session, #account_sign_in_container.password_reset #forgot_password_link, #set_password.password_reset #new_customer, #set_password.password_reset #create_account_prompt, #set_password.password_reset #new_customer_session, #set_password.password_reset #forgot_password_link {
    display: none; }
  #account_sign_in_container.create_account #new_customer, #set_password.create_account #new_customer {
    display: block; }
  #account_sign_in_container.create_account #create_account_prompt, #set_password.create_account #create_account_prompt {
    display: none; }

#set_password {
  margin: 10.724rem auto 5.362rem auto;
  display: block;
  padding-top: 2.181rem; }

.set_password {
  background: #404040; }

.checkbox_with_label {
  display: flex;
  align-items: center; }

.action_container {
  margin-top: 1.454rem;
  display: flex;
  justify-content: space-between;
  line-height: 1.41;
  background: #fff;
  position: relative; }
  .action_container.right_align {
    text-align: right;
    display: block; }
  .action_container .checkbox {
    background: #fff; }
    .action_container .checkbox input {
      position: relative;
      margin-right: 0.2em; }
  .action_container label {
    vertical-align: baseline; }
  .action_container button {
    white-space: nowrap; }

.form_content {
  padding: 0 2.909rem; }

.form_success {
  padding: 0 0 0.727rem 0;
  text-align: left; }

#password_reset_sign_in {
  color: #EE1F25; }

#new_customer {
  display: none; }

#new_customer_session.closed {
  display: none; }

form#new_customer {
  margin-top: 5.09rem;
  padding-top: 0;
  padding-bottom: 2.909rem;
  border-bottom: 0; }
  form#new_customer.closed {
    display: none; }
  form#new_customer .action_container {
    position: relative; }
  form#new_customer .form_notifications {
    position: absolute;
    width: calc(100% - 8rem); }

#password_reset {
  display: none; }
  #password_reset.open {
    display: block; }
  #password_reset .form_notifications {
    position: relative; }

#create_account_prompt {
  text-align: center;
  border-top: 1px solid #a9a9a9;
  padding-top: 4.545rem;
  margin-bottom: 2.909rem;
  margin-top: 4.545rem; }

#sign_in_close {
  position: absolute;
  top: 1.636rem;
  right: 1.636rem;
  width: 1rem;
  height: 1rem;
  color: transparent;
  overflow: hidden; }
  #sign_in_close:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/close_info-0b2345435e4ee774bfa29afaa6051214777b3be44dab4a08eb5c746417e3496b.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }

#customer_switch_error {
  color: #EE1F25;
  position: absolute;
  bottom: 1.1rem;
  margin-left: 1rem; }

#switch_customer {
  background: #00AC10;
  color: #fff;
  margin-left: 0.5rem; }
  #switch_customer:hover {
    background: #262626; }

#account_sub_nav {
  position: sticky;
  position: -webkit-sticky;
  pointer-events: auto;
  top: 5.362rem;
  margin-top: 5.362rem;
  margin-left: -2.181rem;
  width: calc(100% + 4.362rem);
  opacity: 1;
  background-color: #fff;
  padding-top: 2.181rem;
  padding-bottom: 0;
  margin-bottom: 7.272rem;
  z-index: 10;
  display: flex; }
  #account_sub_nav .subnav_header {
    color: #111; }
  #account_sub_nav.your_orders:after {
    content: ' ';
    position: absolute;
    top: calc(100% + 1px);
    left: calc(-1.1rem + 25%);
    margin-left: 0;
    height: 7.272rem;
    width: calc(-0.37rem + 75%);
    background: #fff; }
  #account_sub_nav h2 {
    white-space: nowrap; }

.subnav_list {
  white-space: nowrap; }

.account_subnav_list {
  display: flex;
  justify-content: flex-end;
  width: 100%; }
  .account_subnav_list li {
    margin-left: 2.909rem;
    padding-bottom: 2.181rem;
    box-sizing: border-box; }
    .account_subnav_list li a {
      color: #999; }
    .account_subnav_list li.selected {
      position: relative; }
      .account_subnav_list li.selected a {
        color: #EE1F25; }
      .account_subnav_list li.selected:after {
        content: '';
        left: 0;
        position: absolute;
        bottom: calc(-1px - 0.5px);
        width: 100%;
        border-bottom: 2px solid #EE1F25; }

@media (hover: hover) {
  .account_subnav_list li:hover {
    position: relative; }
    .account_subnav_list li:hover a {
      color: #EE1F25; }
    .account_subnav_list li:hover:after {
      content: '';
      left: 0;
      position: absolute;
      bottom: calc(-1px - 0.5px);
      width: 100%;
      border-bottom: 2px solid #EE1F25; } }

#orders_sub_nav,
.account_settings_sub_nav {
  border-top: 1px solid #a9a9a9;
  margin-left: calc(-1.34rem + 8.33%);
  vertical-align: top; }

#orders_sub_nav {
  position: sticky;
  position: -webkit-sticky;
  top: 15.9rem; }
  #orders_sub_nav h1 {
    margin-top: 1.09rem;
    padding-bottom: 2.181rem; }
    #orders_sub_nav h1.no_underline {
      border-bottom: 0; }

#confirm_retrieve h1 {
  padding-bottom: 0.727rem;
  padding-top: 0.727rem;
  border-bottom: 0;
  border-top: 1px dotted #a9a9a9; }

.account_search {
  position: relative; }
  .account_search input {
    width: 100%;
    margin: 0 0 0.727rem 0; }
  .account_search button:not(.checkout_button) {
    width: 1.2rem;
    height: 1.2rem;
    opacity: 0.3;
    display: block;
    position: absolute;
    padding: 0;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    border-radius: 0;
    background: transparent;
    color: transparent !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .account_search button:not(.checkout_button):after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
  .account_search.query_present button:not(.checkout_button):after {
    background-image: url(/assets/close_info-0b2345435e4ee774bfa29afaa6051214777b3be44dab4a08eb5c746417e3496b.svg); }

.receipt_link {
  color: #999; }

.web_domain_button:not(.checkout_button) {
  text-align: left;
  line-height: 1.454;
  color: #EE1F25;
  padding: 0;
  background: none; }

#orders_table {
  border-collapse: collapse;
  margin-bottom: 7.272rem;
  table-layout: fixed;
  vertical-align: top;
  line-height: 1.454; }
  #orders_table .color_button {
    line-height: 1.3;
    position: relative;
    left: -0.454rem; }
    #orders_table .color_button.non_web, #orders_table .color_button.web {
      background: #00AE10; }
      #orders_table .color_button.non_web:hover, #orders_table .color_button.web:hover {
        color: #fff; }
  #orders_table tbody,
  #orders_table tr {
    display: block;
    text-align: left; }
  #orders_table tr {
    position: relative;
    padding-top: 0.454rem;
    display: flex;
    padding-bottom: 2.181rem;
    border-bottom: 1px dotted #a9a9a9; }
    #orders_table tr.hidden {
      display: none; }
    #orders_table tr:nth-child(2n + 1) {
      background-color: #F1FAFE; }
    #orders_table tr.order_table_headings {
      padding-bottom: 0.454rem;
      position: sticky;
      position: -webkit-sticky;
      top: 15.9rem;
      background-color: #fff;
      z-index: 10; }
      #orders_table tr.order_table_headings:before {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-top: 1px solid #a9a9a9; }
  #orders_table th,
  #orders_table td {
    font-weight: 400;
    padding-left: 0.454rem;
    box-sizing: border-box; }

.order_width_1 {
  width: calc(-1.28rem + 12.5%); }

.order_width_3 {
  width: calc(-0.91rem + 37.5%); }

.order_width_2 {
  width: calc(-1.1rem + 25%); }

#retrieve_past_orders {
  line-height: 1.454;
  border-top: 1px solid #a9a9a9; }
  #retrieve_past_orders h3 {
    padding-top: 0.454rem;
    margin-bottom: 2.181rem; }
  #retrieve_past_orders p {
    margin-bottom: 1.09rem; }
  #retrieve_past_orders .form_notifications {
    width: calc(100% - 3rem);
    text-align: left;
    top: -0.2em;
    padding-left: 0.454rem;
    box-sizing: border-box; }

.retrieve_buttons {
  display: none;
  float: right; }

.no_match #no_match {
  display: block; }

.no_match #retrieve_button {
  display: none; }

.no_match #retrieve_field_wrapper:after {
  background-image: url(/assets/invalid_input-4c3b3f1c72b9bae0aa07fa8bcc2dae2b349d757a34ac568dc3559e09671adf71.svg); }

.name_match .hide_on_success {
  display: none !important; }

.name_match #clear_form_button {
  display: inline-block; }

.match #retrieve_button {
  display: inline-block; }

.match #retrieve_field_wrapper:after {
  background-image: url(/assets/valid_input-340f6f70f4f8581312ca24776b0bb32fa38dcf710e2059b094b87bd8444f4699.svg); }

#confirm_retrieve {
  display: none; }

.check_name #retrieve_field {
  margin-bottom: 1.636rem;
  pointer-events: none; }

.check_name #retrieve_button {
  display: none; }

.check_name #confirm_retrieve_button {
  display: inline-block; }

.check_name #confirm_retrieve {
  display: block; }

#retrieve_field_wrapper {
  position: relative; }
  #retrieve_field_wrapper input {
    margin-bottom: 0.727rem; }
  #retrieve_field_wrapper:after {
    content: '';
    position: absolute;
    right: 0.5rem;
    top: 1rem;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-position: center; }

.order_item {
  margin-bottom: 1rem; }
  .order_item:last-child {
    margin-bottom: 0; }

.order_item_licenses li {
  margin-bottom: 1rem; }
  .order_item_licenses li:last-child {
    margin-bottom: 0; }

.order_license_type {
  color: #00AE10; }

.license_description {
  color: #A9DD93; }

.account_information h1 {
  box-sizing: border-box;
  margin-bottom: 1.09rem; }

#addresses_container {
  position: relative; }
  #addresses_container div:nth-last-child(3) {
    margin-bottom: 0; }

#addresses li {
  width: 100%;
  padding: 1.454rem;
  position: relative;
  box-sizing: border-box;
  background-color: #f2f2f2;
  margin-bottom: 0.727rem;
  line-height: 1.454; }
  #addresses li.default {
    background-color: #D9ECF2; }

div#account_message:nth-last-child(3) {
  padding-left: 0.454rem;
  margin-bottom: -1rem; }

.default_label {
  top: 1.454rem;
  color: #009AFF; }

.account_edit_options_container {
  bottom: 1.454rem; }
  .account_edit_options_container a {
    color: #808080; }
  .account_edit_options_container span {
    margin: 0 0.5rem; }

.default_label,
.account_edit_options_container {
  position: absolute;
  right: 1.454rem; }

#newsletter {
  padding-left: 0.454rem; }

#account_sidebar form {
  background: #fff;
  margin-bottom: 2.181rem; }

#newsletter_signup_form .action_container {
  margin-top: 0; }
  #newsletter_signup_form .action_container button {
    margin-top: 1.636rem; }
  #newsletter_signup_form .action_container .form_notifications {
    position: relative;
    top: 1px; }

#address_edit {
  position: absolute;
  top: calc(2.909rem - 2px);
  left: 0;
  width: 100%;
  background-color: #fff;
  margin-bottom: 2.181rem; }
  #address_edit form {
    margin-bottom: 1.636rem; }

@supports (-ms-ime-align: auto) {
  #account_sub_nav {
    margin-top: 0; }
  #orders_table, #trial_items, .account_information, .account_settings_sub_nav {
    margin-top: 5.362rem; } }

.order_item_label {
  display: none; }

@media (max-width: 1000px) {
  .account_subnav_list {
    white-space: nowrap; }
  #addresses_container {
    padding-top: 5rem; }
  #new_customer_email, #switch_customer, #customer_switch_error, #orders_sub_nav,
  #order_search_form, #retrieve_past_orders, .account_settings_sub_nav {
    display: none; }
  #account_sub_nav {
    position: sticky;
    top: 3.3rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -1.636rem;
    width: calc(100% + 3.272rem);
    padding: 0 1.636rem;
    background: #111;
    color: #fff;
    border-top: 1px solid #a9a9a9;
    z-index: 1000; }
    #account_sub_nav a {
      color: #fff; }
    #account_sub_nav li.selected a {
      color: #999; }
    #account_sub_nav.your_orders:after {
      display: none; }
  .account_subnav_list {
    align-items: center; }
    .account_subnav_list li {
      padding: 0;
      margin-left: 1.636rem; }
      .account_subnav_list li.selected:after {
        border: none; }
  #account_sub_nav .subnav_header {
    display: none; }
  #orders_table {
    width: 100%;
    margin: 4rem 0 0 0;
    display: block; }
    #orders_table .color_button {
      left: 0;
      margin: 0; }
    #orders_table tr {
      display: block;
      padding-bottom: 0;
      margin-bottom: 2.181rem; }
      #orders_table tr.order_table_headings {
        display: none; }
    #orders_table td {
      padding-left: 0; }
    #orders_table td {
      width: 100%;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px #111 dotted;
      padding-top: 0.727rem;
      padding-bottom: 0.727rem; }
      #orders_table td.order_button {
        display: flex;
        padding: 1.09rem 0 1.09rem 6.5rem;
        justify-content: flex-start; }
        #orders_table td.order_button a {
          margin: 0 1.09rem 0 0;
          top: 0;
          left: 0; }
      #orders_table td.price {
        border-bottom: 0; }
  .order_item_label {
    width: 6.5rem;
    display: block; }
  .order_item {
    min-width: 100%; }
  .download_domain_interface {
    width: calc(100vw - 3.272rem);
    right: auto;
    left: -6.5rem;
    box-sizing: border-box; }
  .domain_error {
    float: right;
    margin-bottom: 0.454rem; }
  #account_sign_in_container, #set_password {
    width: 100%;
    padding: 1.636rem;
    box-sizing: border-box; }
    #account_sign_in_container input[type="password"], #account_sign_in_container .with_validation, #set_password input[type="password"], #set_password .with_validation {
      width: 100%;
      display: block;
      margin-left: auto;
      margin-right: auto; }
  .form_content {
    padding: 0; }
  #forgot_password_link {
    margin-right: 0; }
  #addresses_container, #account_sidebar {
    width: 100%;
    margin: 0 0 1.636rem 0; }
  body.address_edit {
    overflow: hidden; }
    body.address_edit #address_edit {
      min-height: 100vh;
      overflow: auto; } }

.dropdown {
  margin-left: calc(-1px - 0.727rem);
  margin-top: calc(-1px - 0.727rem);
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .dropdown ul {
    border: 1px solid transparent;
    max-height: calc(100vh - 13.405rem);
    overflow: hidden;
    cursor: default;
    position: relative;
    display: block;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin; }
    .dropdown ul::-webkit-scrollbar {
      width: 0.3rem;
      background-color: #fff; }
    .dropdown ul::-webkit-scrollbar-thumb {
      background-color: #d9d9d9; }
  .dropdown.single ul li.selected:after {
    display: none; }
  .dropdown .dropdown_label {
    padding: 0.727rem 4.363rem 0.727rem 0.727rem; }
  .dropdown li {
    padding: 0.454rem 4.363rem 0.454rem 0.727rem;
    display: none;
    pointer-events: none; }
    .dropdown li.selected {
      display: block; }
  .dropdown:not(.open) .dropdown_label {
    display: none; }
  .dropdown:not(.open) li.selected {
    display: inline-block;
    padding: 0.727rem 1.427rem 0.727rem 0.727rem; }
    .dropdown:not(.open) li.selected:after {
      content: ' ';
      position: absolute;
      top: 0.75rem;
      right: 0; }
  .dropdown:not(.open) li.selected:after {
    background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem; }
  .dropdown:not(.open).not_selected li.selected:after {
    background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg); }
  .dropdown.open {
    z-index: 5; }
    .dropdown.open.not_selected {
      color: #111; }
    .dropdown.open ul {
      overflow: auto;
      border-color: #E6E6E6;
      background-color: #E6E6E6;
      font-size: 1.65rem;
      padding-top: 0.454rem;
      padding-bottom: 0.454rem;
      color: #A6A6A6; }
    .dropdown.open li {
      pointer-events: auto;
      display: block; }
      .dropdown.open li.selected, .dropdown.open li:hover {
        color: #000; }
    .dropdown.open .dropdown_link {
      padding: 0.727rem 2.908rem 0.727rem 0.727rem;
      box-sizing: border-box;
      display: block;
      position: absolute;
      bottom: 0;
      background: #E6E6E6;
      color: #A6A6A6;
      transform: translateY(100%);
      width: 100%;
      cursor: pointer; }
    .dropdown.open .dropdown_sizer {
      position: absolute;
      z-index: 3; }

.dropdown_label {
  margin-top: 0.5px;
  margin-left: 0.5px; }
  .dropdown_label:after {
    content: ' ';
    position: absolute;
    top: 0.75rem;
    right: 0;
    background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem;
    transform: rotate(90deg); }

.dropdown_sizer {
  display: block;
  position: relative; }

.dropdown_link {
  display: none; }

@media (max-width: 1000px) {
  .dropdown:not(.open) li.selected {
    padding-right: 2.1rem; }
  .dropdown_label:after {
    right: 0.75rem;
    top: 0.85rem; } }

#discount_error {
  color: #EE1F25; }

#download_pdf_quote {
  color: #808080;
  display: inline-block;
  margin-top: 0.454rem; }

#share_cart_url {
  background: #f2f2f2;
  height: 2.454rem;
  padding: 0 0.727rem;
  border-radius: 0.54525rem;
  line-height: 2.454rem;
  margin-top: 0.454rem;
  color: #999;
  display: none;
  box-sizing: border-box;
  width: 100%; }

.shared #share_cart_url {
  display: block; }

input#share_cart_url::selection {
  background-color: #f2f2f2; }

#link_copied_notification {
  color: #009AFF;
  margin-left: 0.727rem;
  display: none; }

.clipboard #link_copied_notification {
  display: inline-block; }

.warning {
  color: #EE1F25; }

#vat_info {
  float: right;
  width: 0;
  position: relative;
  top: 0.6rem;
  left: -2.35rem; }
  #vat_info .info_text {
    margin-top: -0.2rem; }

#cart_bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 5.362rem;
  z-index: 100;
  color: #fff;
  display: none; }
  #cart_bar button:not(#purchase_options_button):active {
    background: #fff;
    color: #00AE10; }

@media (hover: hover) {
  #cart_bar button:not(#purchase_options_button):hover {
    background: #fff;
    color: #00AE10; } }

#individual_style_selection {
  background-color: #E5E4DF;
  color: #111;
  padding: 0.727rem;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  -webkit-appearance: none; }
  #individual_style_selection:hover {
    background-color: #fff;
    color: #00AE10; }

#cart_background {
  z-index: 99;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 5.362rem;
  background: transparent;
  mix-blend-mode: multiply;
  pointer-events: none;
  transition: background-color 0.3s ease; }

.collection #cart_background {
  background: #EE1F25; }

#cart_bar_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 5.362rem;
  text-align: right;
  box-sizing: border-box;
  padding: 0 2.181rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #cart_bar_content button:disabled {
    opacity: 0.5;
    pointer-events: none; }

#toggle_cart_in_bar {
  float: left;
  color: #d9d9d9;
  visibility: hidden;
  pointer-events: none;
  position: relative;
  cursor: default;
  padding-right: 0.9rem; }
  #toggle_cart_in_bar:after {
    content: ' ';
    position: absolute;
    background-image: url(/assets/selector_white-1e4c3043405eb941b83d4823b96dff4e4a2e9d7f3daeddd97ed6c2b73b67c990.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem;
    top: 50%;
    right: 0;
    margin-top: -0.2rem;
    transform: translate(40%, -40%) rotate(0deg);
    transition: transform 0.3s ease; }

.has_cart_items #cart_bar, .collection #cart_bar {
  display: block; }

.has_cart_items #toggle_cart_in_bar, .collection #toggle_cart_in_bar {
  visibility: visible;
  pointer-events: auto; }

.has_cart_items #cart_background, .has_cart_items.cart_is_open #cart_background, .collection #cart_background, .collection.cart_is_open #cart_background {
  background-color: #00AE10; }

.has_cart_items.cart_is_open.eula_not_accepted.cart_step_3 #cart_background,
.has_cart_items.cart_is_open.required_have_blanks.cart_step_4 #cart_background, .collection.cart_is_open.eula_not_accepted.cart_step_3 #cart_background,
.collection.cart_is_open.required_have_blanks.cart_step_4 #cart_background {
  background: #575757; }

.has_cart_items:not(.required_have_blanks) #card_info_instruction, .collection:not(.required_have_blanks) #card_info_instruction {
  display: none; }

.collection:not(.cart_is_open) #purchase_options_button {
  display: inline-block; }

#cart_summary #remove_all {
  position: absolute;
  top: 0.727rem;
  right: 0;
  margin-right: 0; }

#cart_steps, #cart_middle, #cart_summary_items {
  transition: opacity 0.3s ease;
  opacity: 0; }

.loaded #cart_steps, .loaded #cart_middle, .loaded #cart_summary_items {
  opacity: 1; }

#cart_interface {
  transform: translateY(100vh);
  transition: transform 0.3s ease;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100vw;
  z-index: 80;
  overflow: auto; }
  #cart_interface:not(.transitioning) {
    visibility: hidden; }
  #cart_interface .overline:not(.collection_row) {
    border-color: #111; }
  #cart_interface .overline:last-child {
    border-bottom: 0; }
  #cart_interface h2 {
    line-height: 1rem;
    margin-bottom: 0.727rem;
    padding: 0;
    display: flex;
    justify-content: space-between; }
  #cart_interface .disabled {
    transition: opacity 0.5s ease;
    opacity: 0.5; }

#cart_middle .top {
  margin-bottom: 1.454rem; }
  #cart_middle .top:first-child {
    min-height: 10rem; }

#cart_middle .previous {
  margin-top: 5rem; }

#cart_interface_content {
  width: calc(100% - 4.362rem);
  box-sizing: border-box;
  margin: 0 2.181rem;
  padding: 5.362rem 0 2.181rem 0;
  position: relative;
  min-height: 100%;
  display: flex; }
  #cart_interface_content:after, #cart_interface_content:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: -2.181rem;
    height: 100%;
    background: #fff; }
  #cart_interface_content:after {
    width: calc(100% + 4.362rem);
    background: #f7f5f0;
    z-index: 1; }
  #cart_interface_content:before {
    width: calc(calc(-1.1rem + 25%) + 2.181rem);
    z-index: 5; }

.cart_step_1 #purchase_options_button {
  display: inline-block; }

.cart_is_open #purchase_options_button.keep_me_updated {
  display: none; }

.cart_is_open #toggle_cart_in_bar {
  visibility: visible;
  pointer-events: auto; }
  .cart_is_open #toggle_cart_in_bar:after {
    transform: translate(40%, -40%) rotate(180deg); }

.cart_is_open #cart_interface {
  transform: translateY(0);
  visibility: visible; }

.cart_is_open #cart_background {
  background-color: #575757; }

.cart_is_open #continue_to_licensing {
  opacity: 0.28;
  pointer-events: none;
  transition: opacity 0.3s ease; }

.cart_is_open.cart_step_1 #purchase_options_button {
  display: none; }

.cart_is_open.cart_step_1 #licensing_prompt {
  display: block; }

.cart_is_open.cart_step_1.has_cart_items #continue_to_licensing {
  opacity: 1;
  pointer-events: auto; }

.cart_is_open.cart_step_2:not(.zero_balance) #eula_prompt_container {
  display: inline-block; }

.cart_is_open.cart_step_3 #billing_prompt {
  display: inline-block; }

.cart_is_open.cart_step_4.all_trials #trial_prompt {
  display: inline-block; }

.cart_is_open.cart_step_4:not(.all_trials) #complete_prompt {
  display: inline-block; }

.cart_step_3 #cart_summary .checkout_button, .cart_step_4 #cart_summary .checkout_button {
  display: none; }

.cart_prompt {
  display: none; }
  .cart_prompt button {
    margin-left: 1em; }

#cart_summary {
  box-sizing: border-box;
  padding-left: 1.454rem;
  position: relative;
  z-index: 6;
  padding-bottom: 5.362rem; }
  #cart_summary .checkout_button {
    background: none;
    padding: 0;
    color: #999;
    margin-right: 0.5rem; }
  #cart_summary .top {
    min-height: 11.5rem;
    border-bottom: 1px solid #a9a9a9;
    margin-bottom: -1px;
    background: #fff;
    position: relative;
    z-index: 2; }
  #cart_summary .overline.dotted {
    position: relative;
    z-index: 1; }

#cart_steps {
  position: sticky;
  position: -webkit-sticky;
  top: 5.362rem;
  z-index: 2;
  padding-bottom: 5.362rem; }

.cart_step {
  height: 5rem;
  pointer-events: none; }
  .cart_step .collection_row_heading {
    color: #999; }

.cart_step_1 #cart_step_1 {
  border-color: #111;
  cursor: pointer;
  pointer-events: auto; }
  .cart_step_1 #cart_step_1 .gray, .cart_step_1 #cart_step_1 .collection_row_heading {
    color: #111; }

.cart_step_2 #cart_step_1, .cart_step_3 #cart_step_1, .cart_step_4 #cart_step_1 {
  border-color: #00AE10;
  cursor: pointer;
  pointer-events: auto; }
  .cart_step_2 #cart_step_1 .gray, .cart_step_2 #cart_step_1 .collection_row_heading, .cart_step_3 #cart_step_1 .gray, .cart_step_3 #cart_step_1 .collection_row_heading, .cart_step_4 #cart_step_1 .gray, .cart_step_4 #cart_step_1 .collection_row_heading {
    color: #00AE10; }

.cart_step_2 #cart_step_2 {
  border-color: #111;
  cursor: pointer;
  pointer-events: auto; }
  .cart_step_2 #cart_step_2 .gray, .cart_step_2 #cart_step_2 .collection_row_heading {
    color: #111; }

.cart_step_3 #cart_step_2, .cart_step_4 #cart_step_2 {
  border-color: #00AE10;
  cursor: pointer;
  pointer-events: auto; }
  .cart_step_3 #cart_step_2 .gray, .cart_step_3 #cart_step_2 .collection_row_heading, .cart_step_4 #cart_step_2 .gray, .cart_step_4 #cart_step_2 .collection_row_heading {
    color: #00AE10; }

.cart_step_3 #cart_step_3 {
  border-color: #111;
  cursor: pointer;
  pointer-events: auto; }
  .cart_step_3 #cart_step_3 .gray, .cart_step_3 #cart_step_3 .collection_row_heading {
    color: #111; }

.cart_step_4 #cart_step_3 {
  border-color: #00AE10;
  cursor: pointer;
  pointer-events: auto; }
  .cart_step_4 #cart_step_3 .gray, .cart_step_4 #cart_step_3 .collection_row_heading {
    color: #00AE10; }

.cart_step_4 #cart_step_4 {
  border-color: #111;
  cursor: pointer;
  pointer-events: auto; }
  .cart_step_4 #cart_step_4 .gray, .cart_step_4 #cart_step_4 .collection_row_heading {
    color: #111; }

#cart_heading {
  color: #111;
  position: absolute;
  top: -3.0534rem;
  left: 0;
  z-index: 2; }
  #cart_heading:hover {
    color: #000; }

#cart_middle {
  width: calc(100% - calc(-0.73rem + 50%));
  box-sizing: border-box;
  padding-right: 1.454rem;
  position: relative;
  z-index: 4;
  padding-bottom: 5.362rem; }
  #cart_middle .text_section, #cart_middle .content_section {
    padding-left: calc(-0.97rem + 33.33%);
    position: relative; }
  #cart_middle .text_section, #cart_middle .content_section, #cart_middle .legal_section {
    line-height: 1.454; }
    #cart_middle .text_section h2, #cart_middle .content_section h2, #cart_middle .legal_section h2 {
      position: absolute;
      top: 0.5rem;
      left: 0;
      width: calc(-0.97rem + 33.33%);
      padding-right: 1rem;
      box-sizing: border-box;
      line-height: 1.454;
      display: flex;
      justify-content: flex-start; }
      #cart_middle .text_section h2 .text_section_number, #cart_middle .content_section h2 .text_section_number, #cart_middle .legal_section h2 .text_section_number {
        position: static;
        margin-right: 0.25em; }
    #cart_middle .text_section .legal_sub_sub_section:first-child h2, #cart_middle .content_section .legal_sub_sub_section:first-child h2, #cart_middle .legal_section .legal_sub_sub_section:first-child h2 {
      border-top: 0;
      padding-top: 0; }
    #cart_middle .text_section .legal_sub_sub_section h2, #cart_middle .content_section .legal_sub_sub_section h2, #cart_middle .legal_section .legal_sub_sub_section h2 {
      position: relative;
      top: 0;
      padding-top: 0.727rem;
      padding-left: 0;
      width: 100%; }
  #cart_middle .legal_section {
    padding-top: 0;
    margin-bottom: 1.454rem;
    border-top: 1px solid #a9a9a9;
    padding-top: 0.5rem; }
    #cart_middle .legal_section img {
      display: none; }
    #cart_middle .legal_section h2 {
      top: 0;
      border-top: 0;
      padding-top: 0.5rem; }
  #cart_middle input, #cart_middle textarea, #cart_middle #card_element {
    color: #111;
    background-color: #EAE9E4; }
  #cart_middle select {
    color: #A6A4A1;
    background-color: #EAE9E4; }
    #cart_middle select:focus {
      color: #111; }
    #cart_middle select#licensing_address, #cart_middle select#billing_address {
      color: #009AFF; }
      #cart_middle select#licensing_address option, #cart_middle select#billing_address option {
        background: #fff; }

#close_cart {
  position: fixed;
  padding: 0;
  top: 0.727rem;
  right: 2.181rem;
  cursor: pointer;
  z-index: 1000;
  width: 1rem;
  background: none;
  display: none; }
  #close_cart img {
    display: block;
    width: 1rem;
    height: 1rem; }

.cart_is_open.noscroll #close_cart {
  display: block; }

.checkout_button {
  cursor: default;
  border: 0;
  border-radius: 0;
  font-family: 'Plain Interface', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  box-sizing: border-box;
  text-align: left; }
  .checkout_button.add_to_cart_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.454rem 1.09rem; }

.licensed_item {
  color: #111;
  width: 100%;
  box-sizing: border-box;
  background: #E5E4DF;
  margin: 0 0 0.727rem 0;
  padding: 1.454rem 1.09rem 1.0178rem 1.09rem;
  display: block;
  line-height: 2rem; }
  .licensed_item.checkout_button:not(.in_cart):hover {
    background-color: #00AE10;
    color: #fff; }
    .licensed_item.checkout_button:not(.in_cart):hover .style_count {
      color: rgba(220, 220, 220, 0.9); }
      .licensed_item.checkout_button:not(.in_cart):hover .style_count:after {
        background-image: url(/assets/selector_green-220c6b904acc9c7419b4a95d01b97ad0ac1a3b07114fa24af73e3a9d130d4219.svg); }
    .licensed_item.checkout_button:not(.in_cart):hover .cheaper_item_warning {
      color: #fff; }
  .licensed_item.in_cart {
    pointer-events: none;
    background-color: #D4EEC9; }
    .licensed_item.in_cart .cheaper_item_warning {
      display: none; }
    .licensed_item.in_cart .added_to_cart {
      display: inline-block; }
    .licensed_item.in_cart .collection_item_price {
      display: none; }

.related_styles_wrapper:hover .licensed_item.checkout_button:not(.in_cart) {
  background-color: #00AE10; }

.family_warning .collection_item_price {
  display: none; }

.cheaper_item_warning {
  color: #00AE10;
  line-height: 1.454; }

.style_count {
  color: #999;
  padding-right: 1.1rem;
  display: inline-block;
  position: relative;
  pointer-events: auto;
  line-height: 1rem;
  user-select: none;
  cursor: default; }
  .style_count:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/assets/selector_gray-d580aad1a17d5f873f90f7b345f1adbce53bb142fba08207c9e955359a93a7c7.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem;
    transition: transform 0.3s ease; }
  .style_count.open:after {
    transform: rotate(180deg); }

.collection_item_name span:first-child {
  margin-right: 0.6rem; }

.collection_item_name span:first-child:last-child {
  margin-right: 0; }

.styles_preview {
  padding: 1.09rem;
  background: #fff;
  margin-top: -0.727rem;
  margin-bottom: 0.727rem;
  display: none; }
  .styles_preview.open {
    display: block; }
  .styles_preview.single_column .family_style {
    width: 100%; }

.individual_style {
  font-size: 2rem; }

.collection_item_price, .added_to_cart {
  width: 11.636rem;
  text-align: right; }

.added_to_cart {
  display: none; }

.summary_name.style {
  padding-left: 0.9rem;
  padding-right: 0.5rem;
  position: relative;
  display: inline-block; }
  .summary_name.style:after {
    content: '∙';
    position: absolute;
    top: 0;
    left: 0; }

#cart_summary_items li {
  padding: 0.727rem 0 0.727rem 0.454rem;
  border-top: 1px dotted #a9a9a9; }

#cart_summary_items .summary_content_toggle {
  position: relative;
  display: inline-block;
  cursor: default;
  padding-left: 0.88rem;
  padding-right: 0.5rem; }
  #cart_summary_items .summary_content_toggle:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: -0.3rem;
    background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem;
    transform: rotate(0deg);
    transition: transform 0.3s ease; }

#cart_summary_items .open ul.summary_styles {
  display: block; }

#cart_summary_items .open .summary_content_toggle:after {
  transform: rotate(180deg); }

#cart_summary_items ul.summary_styles {
  border-top: 0;
  color: #999;
  line-height: 1.454;
  margin-top: 0.2em;
  display: none; }
  #cart_summary_items ul.summary_styles li {
    position: relative;
    border-top: 0;
    padding: 0 0 0 0.9em; }
    #cart_summary_items ul.summary_styles li:after {
      content: '∙';
      position: absolute;
      top: 0;
      left: 0; }

.summary_left {
  line-height: 1.17;
  width: calc(100% - 10rem); }

.summary_right {
  line-height: 1.17;
  width: 10rem;
  white-space: nowrap;
  text-align: right; }

.summary_license_type {
  color: #00AE10; }

.summary_license_details {
  color: #A9DD93; }

.summary_license_type, .summary_license_details {
  padding-left: 0.88rem;
  padding-right: 0.5rem; }

.select_licensing_options {
  color: #EE1F25;
  float: right;
  padding-right: 1.3rem;
  position: relative;
  top: 0.5rem;
  line-height: 1rem;
  cursor: pointer; }
  .select_licensing_options:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/assets/selector_red-4f66fcc6e329d1752f630aea19e8b3eec30ffdaaf758b69305fb2f78e32803c7.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9rem;
    height: 0.9rem;
    transform: rotate(0deg);
    transition: transform 0.3s ease; }

.licensed_item.open {
  padding-bottom: 0; }
  .licensed_item.open .license_types {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; }
  .licensed_item.open .select_licensing_options:after {
    transform: rotate(180deg); }

#licensing_info_links {
  line-height: 1.454; }
  #licensing_info_links a {
    color: #EE1F25; }
  #licensing_info_links li span {
    display: inline-block;
    vertical-align: middle; }

.license_types {
  width: calc(100% + 2.18rem);
  margin-left: -1.09rem;
  margin-top: 1.0178rem;
  border-top: 1px solid #f7f5f0;
  display: none;
  flex-wrap: wrap;
  line-height: 1;
  background: #f7f5f0; }
  .license_types select.styled {
    height: 2.454rem;
    padding: 0 0.727rem;
    border-radius: 0.54525rem; }

.trial_license {
  min-width: 100%;
  background: #E5E4DF;
  margin: 0 0 1px 0;
  padding: 1.454rem 0;
  box-sizing: border-box;
  display: none; }
  .trial_license h3 {
    display: flex;
    position: relative;
    text-align: center; }
    .trial_license h3 label {
      width: 50%;
      max-width: 50%; }
    .trial_license h3 .checkbox {
      position: absolute;
      left: 1.09rem;
      top: 0.2rem; }

.trials_description {
  width: 50%;
  box-sizing: border-box;
  padding: 0 0.727rem; }

.license_duration {
  text-align: center;
  border-top: 1px solid #a9a9a9;
  padding-top: 1.454rem;
  position: absolute;
  bottom: 1.654rem;
  left: 1.09rem;
  width: calc(100% - 2.18rem); }

#cart_middle .odd .license_type {
  width: calc(33.33% - 0.66px); }
  #cart_middle .odd .license_type:nth-child(3n) {
    margin-right: 0;
    border-right: 0; }

#cart_middle .even .license_type {
  width: calc(50% - 0.5px); }
  #cart_middle .even .license_type:nth-child(2n + 1) {
    margin-right: 0;
    border-right: 0; }

#cart_middle .licensed_item.with_trials .license_type {
  display: none; }

#cart_middle .licensed_item.with_trials .trial_license {
  display: block; }

#cart_middle .licensed_item.with_licenses .trial_license {
  display: none; }

#cart_middle .licensed_item:not(.with_licenses) .trial_license {
  display: block; }

#cart_middle .license_type {
  background: #E5E4DF;
  display: inline-block;
  vertical-align: top;
  margin-right: 1px;
  box-sizing: border-box;
  padding: 1.454rem 1.09rem 5.362rem 1.09rem;
  position: relative; }
  #cart_middle .license_type:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #f7f5f0; }
  #cart_middle .license_type:before {
    content: ' ';
    position: absolute;
    right: -1px;
    top: 0;
    width: 0;
    height: 100%;
    border-right: 1px solid #f7f5f0; }
  #cart_middle .license_type select {
    background-color: #f2f2f2;
    margin-bottom: 0.727rem; }
  #cart_middle .license_type label {
    display: inline-block;
    vertical-align: middle; }
  #cart_middle .license_type .checkbox {
    position: absolute;
    top: 0.2rem;
    left: 0; }
  #cart_middle .license_type hr {
    height: 0;
    border: none;
    border-bottom: 1px solid #a9a9a9;
    margin: 1.454rem 0; }
  #cart_middle .license_type h3 {
    margin-bottom: 1.454rem;
    text-align: center;
    position: relative;
    background-color: inherit; }
  #cart_middle .license_type:not(.active) select {
    pointer-events: none;
    color: #999; }
  #cart_middle .license_type.active {
    background: #D4EEC9;
    color: #111; }
    #cart_middle .license_type.active select {
      color: #00AE10; }

.select {
  position: relative; }

select.styled {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100%; }
  select.styled:focus {
    outline: none; }
  select.styled:active + .select_arrow {
    transform: rotate(180deg); }

.select_arrow {
  position: absolute;
  pointer-events: none;
  top: 0.827rem;
  right: 0.727rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 0.7rem;
  height: 0.7rem;
  background-image: url(/assets/selector_gray-d580aad1a17d5f873f90f7b345f1adbce53bb142fba08207c9e955359a93a7c7.svg);
  transition: transform 0.3s ease; }

select.styled::-ms-expand {
  display: none; }

select.styled:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #111; }

#eula_block {
  border-top: 1px solid #EE1F25;
  padding-top: 1.09rem;
  display: flex; }
  #eula_block label {
    color: #EE1F25;
    margin-left: 0.4rem; }
  #eula_block .checkbox {
    position: relative;
    top: 0.15rem; }
    #eula_block .checkbox:after {
      background-color: #f7f5f0;
      background-image: url(/assets/unchecked_box_red-24ca4c720e0e1eef0b9fd4fd0edd144ddc45bca31e71f663418b423d8fd9159b.svg); }
    #eula_block .checkbox.checked:after {
      background-image: url(/assets/checked_box_red-2c2a7fd2da1ff35f88b5dd5c7a645e9cd9d8aa9a8e8d68b20f81ce6a43a111a5.svg); }

.checkbox_block {
  background-color: #f7f5f0;
  margin-top: 0.727rem; }
  .checkbox_block label {
    margin-left: 0.5rem; }

#billing_form {
  display: none; }
  #billing_form.shown {
    display: block; }

#vat_reverse_charge_block {
  display: none; }

#vat_reverse_charge_block .checkbox, #billing_information_different_block .checkbox {
  top: 0.15rem; }

#billing_information_different_block {
  display: flex; }

body.processing_order #licensing_and_billing_form, body.processing_order #payment_interface {
  opacity: 0.5;
  pointer-events: none; }

body.all_trials #payment_interface {
  display: none; }

body.all_trials #billing_information_different_block, body.all_trials #individual_style_selection {
  display: none; }

.required_vat #billing_information_different_block {
  min-height: 0; }

.required_vat #vat_reverse_charge_block {
  display: flex; }

.checkout_errors {
  margin-top: 1.636rem;
  line-height: 1.454;
  color: #EE1F25; }

#admin_order_kind_container select {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 0.5rem; }

.mobile_license_tabs {
  display: none; }

@media (max-width: 1000px) {
  #cart_background {
    mix-blend-mode: normal; }
  #individual_style_selection {
    line-height: 1.454; }
  .cart_prompt > span {
    position: absolute;
    bottom: 100%;
    width: 100%;
    left: 0;
    height: 5rem;
    padding: 0 0.727rem;
    text-align: center;
    box-sizing: border-box;
    z-index: 2;
    line-height: 1.454;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #575757; }
  .checkout_button.add_to_cart_item {
    align-items: baseline; }
  #cart_steps, #cart_middle, #cart_summary {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    display: block; }
  #cart_interface_content {
    display: block; }
  #cart_summary_items {
    opacity: 1;
    margin-top: 0.454rem; }
  #mobile_view_items {
    overflow: visible;
    -webkit-appearance: none;
    position: absolute;
    left: 7.454rem;
    top: -2.55rem;
    height: 1.5rem;
    padding: 0 1.3rem 0 0;
    background: transparent;
    color: #111; }
    #mobile_view_items:after {
      content: ' ';
      position: absolute;
      top: 0.2rem;
      right: 0;
      transform: rotate(90deg);
      transition: transform 0.2s ease;
      background-image: url(/assets/selector-c53537f2c07a04a6ed94571a8aa058ae9c1eea5eb751b6f9df9fe6ddc36e800d.svg);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      width: 0.9rem;
      height: 0.9rem; }
  #close_cart {
    top: 0.9rem;
    right: 1.8rem; }
  #cart_heading {
    top: -2.3rem; }
  #cart_summary {
    position: fixed;
    top: 4rem;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 0 1.636rem;
    overflow: hidden;
    z-index: 1000;
    transition: height 0.3s ease;
    height: 0;
    overflow: hidden; }
    #cart_summary > .overline.top:first-child {
      border-top: 0; }
  body.cart_summary_open.cart_is_open {
    overflow: hidden; }
    body.cart_summary_open.cart_is_open #cart_interface {
      overflow: hidden; }
    body.cart_summary_open.cart_is_open #cart_bar, body.cart_summary_open.cart_is_open #cart_background {
      display: none; }
    body.cart_summary_open.cart_is_open #mobile_view_items:after {
      transform: rotate(0deg); }
    body.cart_summary_open.cart_is_open #cart_summary {
      border-top: 1px solid #111;
      overflow: auto;
      height: calc(100% - 4rem); }
  #cart_steps {
    padding-bottom: 0.454rem;
    background: #f7f5f0;
    z-index: 10;
    top: 4rem; }
    #cart_steps:before {
      content: ' ';
      position: absolute;
      bottom: 100%;
      left: 0;
      width: 100%;
      height: 5.362rem;
      background: #f7f5f0; }
    #cart_steps .collection_row {
      display: flex; }
    #cart_steps .collection_row_content {
      width: auto; }
  .cheaper_item_warning {
    max-width: 50%; }
  .licensing_options_toggle {
    display: flex;
    align-items: baseline; }
    .licensing_options_toggle .collection_item_name {
      flex-grow: 1; }
  .select_licensing_options, .collection_item_name {
    line-height: 1.454;
    box-sizing: border-box; }
  .select_licensing_options {
    max-width: 50%;
    top: 0;
    padding-left: 0.727rem; }
  .collection_item_name {
    padding-right: 0.727rem; }
  .trials_description {
    line-height: 1.454; }
  .styles_preview.open {
    display: flex;
    flex-direction: column; }
    .styles_preview.open .family_style {
      font-size: 1.8rem !important; }
  .individual_style {
    font-size: 1.8rem;
    line-height: 1.17; }
  .base_price_label {
    display: none; }
  .collection_item_price, .added_to_cart {
    width: auto; }
  .added_to_cart {
    line-height: 1.454; }
  .cart_step {
    height: 2.5rem;
    padding-bottom: 0; }
  .cart_step_1 .cart_step:not(#cart_step_1) {
    display: none; }
  .cart_step_2 .cart_step:not(#cart_step_2) {
    display: none; }
  .cart_step_2 .eula_enabled #eula_prompt_container > span {
    display: none; }
  .cart_step_3 .cart_step:not(#cart_step_3) {
    display: none; }
  .cart_step_3.eula_accepted #billing_prompt > span {
    display: none; }
  .cart_step_4 .cart_step:not(#cart_step_4) {
    display: none; }
  #payment_prompt > span {
    display: none; }
  .required_have_blanks #payment_prompt > span {
    display: flex; }
  #cart_interface_content {
    padding-top: 4rem;
    width: calc(100% - 3.272rem);
    margin: 0 1.636rem; }
    #cart_interface_content:after {
      width: calc(100% + 3.272rem);
      right: -1.636rem;
      background: #f7f5f0;
      z-index: 1; }
    #cart_interface_content:before {
      display: none; }
  #toggle_cart_in_bar {
    white-space: nowrap; }
  #cart_bar_content {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  #cart_middle {
    padding-bottom: 10rem; }
    #cart_middle .text_section, #cart_middle .content_section, #cart_middle .legal_section {
      padding-left: 0;
      position: relative;
      line-height: 1.454;
      min-width: 100%;
      overflow: hidden; }
      #cart_middle .text_section h2, #cart_middle .content_section h2, #cart_middle .legal_section h2 {
        display: flex;
        position: relative;
        justify-content: space-between;
        position: relative;
        top: 0;
        width: 100%;
        justify-content: flex-start; }
    #cart_middle .license_type, #cart_middle .even .license_type {
      width: 100%; }
    #cart_middle .legal_subsection, #cart_middle .legal_sub_sub_section {
      padding-bottom: 0.727rem; }
    #cart_middle .legal_sub_sub_section:last-child {
      padding-bottom: 0; }
    #cart_middle .license_type {
      display: none; }
      #cart_middle .license_type.mobile_selected {
        display: block;
        min-width: 100%; }
    #cart_middle .price_heading {
      display: flex;
      justify-content: space-between; }
    #cart_middle .width_6 {
      width: 100%;
      margin-right: 0; }
  .with_trials .mobile_license_tabs {
    display: none; }
  .mobile_license_tabs {
    display: flex;
    min-width: 100%; }
    .mobile_license_tabs button {
      border-radius: 0;
      margin: 0;
      border-right: 1px solid #f7f5f0;
      border-bottom: 1px solid #f7f5f0;
      box-sizing: border-box;
      background: #E5E4DF;
      padding: 1.454rem 0;
      height: auto; }
      .mobile_license_tabs button.active {
        background: #D4EEC9; }
      .mobile_license_tabs button.mobile_selected {
        border-bottom-color: #E5E4DF; }
        .mobile_license_tabs button.mobile_selected.active {
          border-bottom-color: #D4EEC9; }
      .mobile_license_tabs button:last-child {
        border-right: 0; }
  .currency_unit {
    display: none; }
  #licensing_info_links {
    display: flex;
    flex-wrap: wrap; }
    #licensing_info_links > .cell:nth-child(1) {
      width: 100%;
      margin-right: 0; }
    #licensing_info_links > .cell:nth-child(2),
    #licensing_info_links > .cell:nth-child(3) {
      width: 50%;
      box-sizing: border-box;
      margin: 1.09rem 0 0 0; }
    #licensing_info_links > .cell:nth-child(2) {
      padding-left: 0;
      padding-right: 1.09rem; }
    #licensing_info_links > .cell:nth-child(3) {
      padding-left: 1.09rem;
      padding-right: 0; }
      #licensing_info_links > .cell:nth-child(3) .info_text {
        left: calc(-50vw + 1.09rem); }
    #licensing_info_links .info_text {
      box-sizing: border-box;
      width: calc(100vw - 3.272rem);
      right: 0;
      left: 0; } }

@keyframes disabled {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }